WebGallery

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

*

モデルの髪色を強調するため、サイトの配色をグレー系にしたヘアカラー剤のサイトがスタイリッシュ!

   

ヘアカラー剤「THROW」のホームページです。

ファーストビューの透明感のあるイメージムービーがとても印象的なサイトです。
動画内に出てくる女性以外は白で統一されており、髪色が際立って見えるように工夫されています。

サイト全体の配色も、白と黒をベースに写真以外は色を使用していません。
そうすることで、より一層ヘアカラーで染めた髪の色に目線がいくようになっていて、柔らかく綺麗な発色のヘアカラーということが伝わってきます。

また、商品を紹介しているページでは、顔のアップや髪だけを撮影した写真だけでなく、服や装飾品のみの写真も一緒に配置して雑誌を見ているようなレイアウトです。
グリット沿ったレイアウトにするのではなく、あえて崩したレイアウトにすることでサイト全体に動きも出ています。

こういった写真や要素の配置は、自分でやってみたいとは思っても、なかなか難しくて思ったとおりのデザインにできなかったりしてしまうので、とても参考になります!

 - 色で表現

  関連記事

背景に学生の写真を使って親しみやすさを演出した専門学校

岡山県岡山市にある専門学校「専門学校ビーマックス」のホームページです。 トップペ …

写真が際立つサイト

長野県にある建築事務所のサイトです。フラットで構成されたとてもシンプルなデザイン …

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

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

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

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

砂浜のような背景や、波を連想させる区切り線で海の近くをイメージさせるホテル

鹿児島県西之表市にあるホテル「ホテルニュー種子島」のホームページです。 ファース …

黒い色を使ったデザインがカッコいい!化粧品ブランドのサイト5選!

未だにこういった化粧品のメーカーって、どこを選んだらいいか迷ってしまいます… 結 …

ロゴを使ったファーストビューがインパクト大!東京都の「みるみるクリニック」

東京都江東区にある、小児科・内科・アレルギー科「みるみるクリニック」のホームペー …

岐阜県にある法律事務所のサイトがイラストを使ったデザインで可愛い!

岐阜県関市にある法律事務所「関あさくら法律事務所」のホームページです。 ファース …

コンテンツいっぱいに写真を配置する

「放課後等デイサービス」というハッピーテラス株式会社が運営するサービスです。ロゴ …

オレンジなサイト

  オレンジ1色で統一された不動産ビジネスのサイトです。画面に余裕があ …