WebGallery

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

*

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

      2018/03/22

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

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

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

 - 色で表現

  関連記事

制作現場のムービーを流すことで、伝統工芸品の魅力をアピールする

愛知県名古屋市にある染め物屋さん「まり木綿」のホームページです。 木綿の柄のふわ …

情報が増えてもいいようにあらかじめ左側にボタンをつけておく

スクールクラフトの商品紹介ホームページです。 ページを表示してまず使用例がアニメ …

ロゴマークでタイポグラフィ

  岐阜県にあるパン屋のホームページです。ロゴマークが螺旋状になってと …

工場のようなイラストが可愛い!バレンタインのキャンペーンサイト

2017年の東急ハンズのバレンタイン「楽しまなくっちゃ、バレンタイン」の特設サイ …

「デザミス株式会社」のサイトが、青系の美しいグラデーションを効果的に使ったデザインで魅力的!

「デザミス株式会社 (desamis Co,Ltd.)」のホームページです。 フ …

名古屋にあるパン屋さんのサイトが、レトロな雰囲気でオシャレ!

愛知県名古屋市梅森坂でベーカリー&カフェを営んでいる「パン屋さん マイロ」のホー …

様々なグラフがアニメーションで表示される

平安時代にかまぼこが表記されてから2015年で900周年を迎えたそうです。全国か …

緑を使ってデザインされた「ポラスアフターメンテナンス」のサイトが可愛い!

「ポラスのアフターメンテナンス」のホームページです。 ファーストビューのスライダ …

レンズ越しに見る片山津温泉の風景

片山津温泉観光協会のオフィシャルページ「水と光と音のまち 片山津温泉」のホームペ …

右上の部分に必要な情報を常に掲載しておく

  千葉県にある貸し別荘を提供する「コテージ・フラミンゴ」のホームペー …