WebGallery

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

*

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

   

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

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

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

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

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

 - 色で表現

  関連記事

配色で透明感を出す

  東京にある不動産会社のホームページです。全体的に水色と白で構成され …

バリ取り職人のサイトがスタイリッシュでカッコいい!静岡県浜松市の「藤本工業株式会社」

静岡県浜松市にあるダイカスト製品のバリ取り業務・外観仕上げ(バフ研磨)・ショット …

キャッチコピーで見る人の心を掴む!KOSEの「feliscent」

KOSEの取り扱い商品「feliscent(フェリセント)」のホームページです。 …

オレンジなサイト

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

カラフルなデザインで、親しみやすさを感じる塗装会社のサイトがポップで可愛い!

東京都府中市にある塗装会社「セイワ株式会社」のホームページです。 ファーストビュ …

背景に薄くイラストを載せる

植物ブランド「花園樹斎」のホームページです。2016年1月に、植物ブランドとして …

春間近!桜とピンクを効果的に使ったデザインの「お~いお茶の2018年春特設サイト」

2018年「春到来。桜お~いお茶」の特設サイトです。 ファーストビューの有村架純 …

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

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

短冊を連想するデザインの七夕祭りのサイト3選!

あっという間に6月も終わりですねー。 今年は特に雨も降らず、ひたすら寒かった印象 …

可愛らしいデザインのボート教習所

ボートライセンススクール「国土交通省登録 小型船舶教習所 JEIS北陸信越」のホ …