MAIKOHAN

MAIKOHAN

*ポイント*

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

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

cafe marble

cafe marble

*ポイント*

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

白雲荘

白雲荘

*ポイント*

・ヘッダー画像に雪が降っているようなアニメーションを使用している

・スクロールするとメニュー一覧がグリッドレイアウトになっている

・スクロールしてヘッダーの表示が終わるとナビボタンがTOPで固定されている

寒川神社

寒川神社

*ポイント*

・トップページをスクロールすると下から霧が出てくるアニメーションになっている

・ヘッターのナビボタンをhoverするとその内容に沿った動画にヘッダーの背景が切り替わるようになっている

・ヘッダーの背景が画像に見えるが、一部分だけアニメーションになっている