*ポイント*
・しっかりと伝えたいところは写真や動画にしているがそれ以外はイラストを使用していてバランスがとれている
色々なサイトを調べ、デザインが気に入ったサイトを100個選びまとめました。
*ポイント*
・どこか懐かしいお店というコンセプトなのでサイト自体もレトロなデザインになっている
・ヘッダーの背景画像も綺麗な鉄板ではなく、使い古された鉄板を使用しておりアイデアが良い
・部分部分の画像が揺れるアニメーションになっている
・トップページ中央のメニューに行くとそれぞれの作っている過程の動画になっている
*ポイント*
・海の近くにあることからサイト全体の色合いも青や白でまとめている
・お店の情報だけでなく周辺の情報も記載している
・一回目にスクロールするとお店の情報がアニメーションで一個一個表示されるが繰り返しにならないようにしているため何度もアニメーションが起こることがない
*ポイント*
・ヘッダー画像に雪が降っているようなアニメーションを使用している
・スクロールするとメニュー一覧がグリッドレイアウトになっている
・スクロールしてヘッダーの表示が終わるとナビボタンがTOPで固定されている
*ポイント*
・ヘッダーが全てスクロールされたらナビボタンがTOPに固定されている
・Instagramやyoutubeへのリンクも左に固定されていてリンク先に飛びやすい
・全体的にパステルカラーで統一されているので柔らかく、可愛い印象を持つ
・ヘッダー画像に商品だけをくり抜いて使用しており、このサイトに合っている
*ポイント*
・シネマ(映画)と島根をかけたタイトルになっているが、サイト自体も映画を見ているかのように表現されていてタイトルとサイトがマッチしている
・95個もの短い動画を使用し、様々な島根県の様子を動画だけで紹介している
・動画以外は黒と白だけの色を使用し、映画のスクリーンを表現している
*ポイント*
・トップページをスクロールすると下から霧が出てくるアニメーションになっている
・ヘッターのナビボタンをhoverするとその内容に沿った動画にヘッダーの背景が切り替わるようになっている
・ヘッダーの背景が画像に見えるが、一部分だけアニメーションになっている
https://www.kurokawaonsen.or.jp/
*ポイント*
・アニメを見ている感覚
・ヘッダーのアニメーションがイラストなのでPOPになっている
・色彩が和色になっていてレトロな雰囲気にもなっている