cafe marble

cafe marble

*ポイント*

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

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

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

*ポイント*

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

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

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

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

南洋の父サウス

南洋の父サウス

*ポイント*

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

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

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

白雲荘

白雲荘

*ポイント*

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

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

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

ネイルスクール cheer

ネイルスクール cheer

*ポイント*

・ヘッダーが全てスクロールされたらナビボタンがTOPに固定されている

・Instagramやyoutubeへのリンクも左に固定されていてリンク先に飛びやすい

・全体的にパステルカラーで統一されているので柔らかく、可愛い印象を持つ

・ヘッダー画像に商品だけをくり抜いて使用しており、このサイトに合っている

CIMANETIC

CIMANETIC

*ポイント*

・シネマ(映画)と島根をかけたタイトルになっているが、サイト自体も映画を見ているかのように表現されていてタイトルとサイトがマッチしている

・95個もの短い動画を使用し、様々な島根県の様子を動画だけで紹介している

・動画以外は黒と白だけの色を使用し、映画のスクリーンを表現している

寒川神社

寒川神社

*ポイント*

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

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

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