WebGallery

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

*

「くた女のお疲れ座談会」サイトの、パステルカラーの配色が可愛い!

   

elecomの商品を紹介している「くた女のお疲れ座談会」の特設サイトです。

ファーストビューのイラストがとてもかわいらしいデザインのサイトです。
画面下中央に配置された女性たちの写真から広がるように、葉っぱのイラストが描かれています。
パステルカラーを使うことで女性らしさも出ますし、中央の「お疲れ座談会」の配色の対比としてもバランスが取れている感じがします!

それぞれの女性が抱える、日々の仕事や家事での悩みを手書き風のフキダシを使って配置しています。
その下には「脚」や「肩」など、それぞれの部位ごとの悩みが書かれたボタンが配置されています。
クリックするとさらに下にコンテンツが表示され、「悩んでいる部分」、それに対する解決策を配置しています。
背景色を青からピンクに変えたり、真ん中に配置された女性を困った顔から笑顔にしたりして差をつけています。

それぞれ補色を使った色合いにすることで、プラスとマイナス両方のイメージがつきやすく、パステルカラーで可愛らしさも出ている

 - 色で表現 , ,

  関連記事

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

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

kissとの出会いでショールームのようなお部屋に

愛媛県松山市にあるインテリアコーディネートショップ「kiss」のホームページです …

光の空間をイメージさせるアニメーションを使ったイベントサイト

「ハーモニアスひかりアベニュー」を東京・行幸通りで2016年12月24日から12 …

タイプ別診断を掲載したクリエイタースクールのサイトが可愛くておしゃれ!

「COPEN COLLEGE(コペンカレッジ)」のホームページです。 ファースト …

写真や配色の白面積を多くして、清潔感を出している木々に囲まれたリハビリテーション病院

千葉県成田市にある「 成田リハビリテーション病院」のホームページです。 ファース …

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

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

ファーストビューで対象者がわかるようにしたデザインの「椿音楽教室」

東京でピアノ教室など11の音楽教室を開講している「椿音楽教室」のホームページです …

アーティストのロゴマークをメニューボタンにした、オリジナリティあふれる感じ

1994年に結成された男性ヒップホップグループ「RIP SLYME」のニューアル …

ボックスでまとめられた情報で、レイアウトをすっきりさせる

墨田区にある接骨院「立花接骨院」のホームページです。 すごく可愛らしいデザインの …

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

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