カテゴリー: >茶

minico

＊ポイント＊

・画面の半分でコンテンツを分けており右側はスクロールするといくつか商品が見れるようになっている

・紙と印刷が大好きな店主のお店ということもあり左側のメニューバがあるコンテンツ部分の背景が紙のようになっている、メニューバーからリンク先に飛ぶと各ページの背景も同じ背景になっている

・商品紹介の商品の画像をhoverすると影と位置を変えて少し浮き出るようなアニメーションで表示させている

はなみち舎

＊ポイント＊

・レトロ、モダンの雑貨屋なのでサイト全体もお店のコンセプトのあった雰囲気になっている

・ナビゲーションメニューが本のしおりになっており上から垂れていてスクロールしてもずっと上から垂れているようになっている

・写真と背景画像が違和感なく一致している

CAFE STEEN

＊ポイント＊

・トップの画像が時系列に沿ってスライドで表示されていて面白い

・所々フォントではなく手書きの見出しを使用している

・ナビゲーションボタンを横の扇形にしている

・スクロールすると左上にドーナツだけが固定されていてドーナツをhoverするとナビゲーションメニューが表示されるようになっている

DONGURI

＊ポイント＊

・トップの画像がどんどん切り替わるようになっており、どんぐりの形に切り取っている、一つ一つの画像に吹き出しでコメントを記入しており可愛らしい印象を持つ

・商品紹介の一つ一つの商品が画像ではなくイラストで紹介されている

・商品のカロリー表があり、お客さんには嬉しい表示だと思うので需要を捉えている

・スマートフォンサイズでも見やすい

洋菓子専門 CHEZ Tani

＊ポイント＊

・ロゴがナビボタンの真ん中にあり、立体的になっている

・トップページ下部にある家の画像の煙突部分にだけアニメーションがかかっていて煙が出るようになっている

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

＊ポイント＊

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

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

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

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

KOBE CHOCO

＊ポイント＊

・ナビボタンが固定されていてスクロールしても他のページに行きやすい

・アニメーションのヒーローヘッダーなっており数秒間で様々なチョコレートがわかる

・タイトルや見出しのフォントがチョコレートの雰囲気に合っている

ひめの麦畑

＊ポイント＊

・麦畑とう店名とサイト全体の雰囲気が合っている

・商品紹介で紹介しているパンの写真に統一制がある（個数や角度等）

・ブランドキャラクターがいて親しみ感がある