WebGallery

Webデザインの初心者がスマートフォン対応しているWebサイトを淡々と紹介していくサイトギャラリーです。

*

大人の女性をメインターゲットにした「マイトリ」のサイトが、遊び心をくすぐるような配色で可愛い!

      2018/03/22

JTBが運営する女子旅情報サイト「女子旅COLLECTION マイトリ」の特設サイトです。

ファーストビューのパネルデザインがとてもオシャレなサイトです。
左側に大きくスライダーを設け、右側にはキャンペーンやスポット情報などのバナーを配置しています。
左側のスライダーは、自然をバックに撮影された女性の写真で統一されており、とてもおしゃれな雰囲気です!

サイト全体はとてもカラフルな配色なのですが、彩度を落ち着かせることで派手すぎない印象になっています。大人の女性の遊び心をくすぐるような色合いです。
シンプルなレイアウトですが、バナーや記事のサムネイル画像を並べて賑やかな雰囲気を出しています。
ファーストビューのタイル状とは違って余白を広く取ることで画面全体に動きも出ていて、とても参考になります。

 - 色で表現

  関連記事

スクロールに合わせて写真が動く!「オロナイン」の公式サイトが可愛い!

大塚製薬が販売している「オロナイン」の公式サイトです。 ファーストビューの日常の …

バリ取り職人のサイトがスタイリッシュでカッコいい!静岡県浜松市の「藤本工業株式会社」

静岡県浜松市にあるダイカスト製品のバリ取り業務・外観仕上げ(バフ研磨)・ショット …

子供連れのママさん世代やその子供をターゲットにした歯医者さん

長崎県長崎市にある歯医者「田口歯科医院」のホームページです。 柔らかい配色が可愛 …

優しい色合いにすることで、リラックスできる空間をイメージさせる天然温泉

熊本県熊本市にある天然温泉「湯らっくす」のホームページです。 ロゴマークがゆるっ …

ヨーロピアン調のパターンやイラスト、余白を大胆に使って贅沢な雰囲気のペットフード屋さん

ドイツ製のオーガニックやドックフード・キャットフードの通販をしている「プレイアー …

「あしあと」の部分で過去に閲覧したページを掲載する

新潟県にある「山波農場」のホームページです。 大きな麦の写真や綺麗な風景の写真は …

タイトルと本文のフォントを使い分けることで、強調したい部分をはっきりさせる

東京都にある「国立大学法人 電気通信大学」のホームページです。 清涼感のあるキャ …

ボタンを目立つ色にするのではなく、背景色を少し薄くして文字色を濃くする

商品「フェイスマスク ルルルン」のホームページです。 フェイスマスクということで …

黒い背景に白いお皿で特別なご褒美感を演出したアイス

2016年11月29日に発売されたハーゲンダッツの「スペシャリア ピスタチオベリ …

不思議な写真をファーストビューに使うことで、「不思議なレストラン」の世界観を演出したデザインがすごい!

2017年の1月28日から5月21日まで日本橋茅場町にある特設会場で行われる「食 …