WebGallery

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

*

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

      2018/03/22

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

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

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

 - 色で表現

  関連記事

茶系の背景色を使ったレトロなデザインで、馬に触れ合える歴史ある施設を表現した馬のテーマパーク

北海道苫小牧市にある馬のテーマパーク「ノーザンホースパーク」のホームページです。 …

カラフルだけどまとまり感のあるトランクルームのサイトが可愛い!

大阪にあるトランクルーム「大阪のトランクルーム レナンド」のホームページです。 …

オーガニックな印象に変わる養命酒の工場

長野県駒ヶ根市にある養命酒を製造している「駒ヶ根工場」のホームページです。 「よ …

「手作り感」を大切にしたパン屋さん

世田谷区にあるパン屋さん「手づくりパン COMUS(コモス)」のホームページです …

サイトの様々なところに「動き」をつけて会場の楽しそうな雰囲気を伝える

岐阜県各務原市にあるレジャースポット「オアシスパーク BBQ CANVAS」のホ …

動きや色を使って職場の楽しそうな雰囲気を伝えている薬局屋さん

滋賀県に9店舗、京都府に3店舗を展開している「スズキ調剤薬局」のホームページです …

画面いっぱい使って企業の商品やサービスごとに切り替わるコンテンツ

「RC HOUSING」のホームページです。 トップページはスライダーだけでなく …

ページの1番上にも、アクセスページに移動できるボタンを配置する

福井県越前町の観光情報を紹介する「えちぜん観光ナビ」のホームページです。 画面に …

電車の形を使ってデザインされた「相模鉄道株式会社新卒採用サイト」のサイトが、ポップで可愛い!

「相模鉄道株式会社」の2019年度新卒採用サイトです。 ロゴカラーを使った、ポッ …

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

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