*ポイント*
・ヘッダー画像に雪が降っているようなアニメーションを使用している
・スクロールするとメニュー一覧がグリッドレイアウトになっている
・スクロールしてヘッダーの表示が終わるとナビボタンがTOPで固定されている
色々なサイトを調べ、デザインが気に入ったサイトを100個選びまとめました。
*ポイント*
・ヘッダー画像に雪が降っているようなアニメーションを使用している
・スクロールするとメニュー一覧がグリッドレイアウトになっている
・スクロールしてヘッダーの表示が終わるとナビボタンがTOPで固定されている
*ポイント*
・ヘッダーが全てスクロールされたらナビボタンがTOPに固定されている
・Instagramやyoutubeへのリンクも左に固定されていてリンク先に飛びやすい
・全体的にパステルカラーで統一されているので柔らかく、可愛い印象を持つ
・ヘッダー画像に商品だけをくり抜いて使用しており、このサイトに合っている
*ポイント*
・シネマ(映画)と島根をかけたタイトルになっているが、サイト自体も映画を見ているかのように表現されていてタイトルとサイトがマッチしている
・95個もの短い動画を使用し、様々な島根県の様子を動画だけで紹介している
・動画以外は黒と白だけの色を使用し、映画のスクリーンを表現している
*ポイント*
・トップページをスクロールすると下から霧が出てくるアニメーションになっている
・ヘッターのナビボタンをhoverするとその内容に沿った動画にヘッダーの背景が切り替わるようになっている
・ヘッダーの背景が画像に見えるが、一部分だけアニメーションになっている
https://www.kurokawaonsen.or.jp/
*ポイント*
・アニメを見ている感覚
・ヘッダーのアニメーションがイラストなのでPOPになっている
・色彩が和色になっていてレトロな雰囲気にもなっている
*ポイント*
・ナビボタンが固定されていてスクロールしても他のページに行きやすい
・アニメーションのヒーローヘッダーなっており数秒間で様々なチョコレートがわかる
・タイトルや見出しのフォントがチョコレートの雰囲気に合っている
ひとつひとつにおいしさと想いを込めた北海道生まれのチーズタルトです。
*ポイント*
・画面一面にタルトの写真が表示されていて見やすく、分かりやすい
・新商品がTOPに表示されていて興味が沸くサイトである