WebGallery

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

*

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

      2018/03/22

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

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

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

 - 色で表現

  関連記事

水彩絵の具のような優しい色合いにすることで、女性の方でも親しみやすいデザインになっているリフォーム会社がおしゃれ!

愛知県豊橋市・浜松市のリノベーション・リフォーム会社「株式会社リビングサーラ」の …

自然の光を取り入れた空間で撮ってもらえる写真屋さん

宮城県仙台市にある写真スタジオ「FOTOFILE(フォートファイル)」のホームペ …

固くなりすぎず、落ち着いた色合いを使う

  金沢大学の公式ホームページです。色を暗めにして落ち着いた雰囲気が出 …

お店の世界観を大切にしたサイトがかっこいい!

モードとカジュアルを融合させたセレクトショップ「LOVELESS」と「GUILD …

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

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

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

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

雪を降らせたり、文字やイラストを白で統一して冬を演出する

2016年の11月10日から、2017年の2月19日まで開催している「東京ドーム …

記事の写真を活かしたシンプルなレイアウト

造花やドライフラワー・クリスマスグッズやディスプレイグッズを製造・販売しているメ …

下部にバナーとして表示されるスライダー

北豊島園自動車学校のホームページです。 コンテンツごとに背景を変えて、可愛らしい …

ものづくりの現場で戦う女性職人がカッコいい!特設サイト「ものの婦」

「ものの婦 – 山形には、ものづくりの現場で戦う女性職人がいる。」の …