カテゴリー: 色

オープンハウスグループ　新卒/中途採用サイト

＊ポイント＊

・スマートフォンサイズになるとTOPのアニメーションがなくなりデザインが変わるのでスマートフォンのレシポンシブに力を入れている

・スマートフォンサイズになるとEnterが上にいき、見やすい

無印良品のカレー。

＊ポイント＊

・一番最初にくるヘッダーの画像が写真ではなくカレーを思わせるオレンジと白のカラーの上にスプーンで表示されていてインパクトがある、画像やカレーのイラストじゃなくてもカレーを思わせるデザインになっている

・全体的に無印良品のロゴ（ゴシック体）に合わせて太文字ゴシックになっていてブランドのイメージに合っている

BEANS PAINT

＊ポイント＊

・トップページがグリッドレイアウトなっている。メニューやお店についてなどはメニューバーのボタンを押すとそのページに飛ぶようになっていてトップページに記載されていないのでシンプルで見やすい

PLUMP PINK

＊ポイント＊

・リップとブランドなのでサイト自体もピンクで統一されている

・ヘッダーがグリッドレイアウトになっている

・基本的には画像や背景画像だが一部分だけアニメーションを使用していてうまくバランスがとれている

・ナビボタンのフォントカラーがスクロールすると背景色によって変わる

MAIKOHAN

＊ポイント＊

・右下に固定されているTOPへ戻るボタンが最初のページから固定されているわけではなく、ページの3分の1を過ぎた辺りから固定されるようになっている

・スクロールしてヘッダー部分が終わったらナビボタンがTOPに固定されるようになっているが、薄っすらと現れるように透明度を入れて徐々に濃くなるようにしている

cafe marble

＊ポイント＊

・しっかりと伝えたいところは写真や動画にしているがそれ以外はイラストを使用していてバランスがとれている

浅草もんじゃ焼き・鉄板処　たまり湯浅

＊ポイント＊

・どこか懐かしいお店というコンセプトなのでサイト自体もレトロなデザインになっている

・ヘッダーの背景画像も綺麗な鉄板ではなく、使い古された鉄板を使用しておりアイデアが良い

・部分部分の画像が揺れるアニメーションになっている

・トップページ中央のメニューに行くとそれぞれの作っている過程の動画になっている

南洋の父サウス

＊ポイント＊

・海の近くにあることからサイト全体の色合いも青や白でまとめている

・お店の情報だけでなく周辺の情報も記載している

・一回目にスクロールするとお店の情報がアニメーションで一個一個表示されるが繰り返しにならないようにしているため何度もアニメーションが起こることがない

ビアードパパ

＊ポイント＊

・リンクがあるものにhoverすると吹き出しが現れる

・全体的に黄色と青色で統一されている