株式会社Heart Full

株式会社Heart Full

*ポイント*

・ヘッター画像が事業内容が分かるようなイラストになっている

・色使いも明るい色ではなく落ち着いた少し暗めな色を選んで使用している

・スクロールするとコンテンツと風船のイラストが現れるようになっている

株式会社サカモト

株式会社サカモト

*ポイント*

・ヘッダー画像の商品一つ一つが二つづつ順番に動くようになっており、カーソルを右や左に流すとその通りに画像も流れるようになっている

・サイト全体が赤色で統一されている

・ナビゲーションメニューにhoverするとhoverしたボタンに▼が動くようになっておりhoverしていないときは今いるページに▼が固定されている

a-STYLE心斎橋

a-STYLE心斎橋

*ポイント*

・文字をゴシック体で統一している

・サイト全体に桜が降ってくるようなアニメーションを設定している

・女性専用ということもあり色もピンクで統一されていて可愛らしい印象を持つ

・トップのスライド式の画像に推したい言葉(女性専用、駅近、アメニティが豊富)が入力してありファーストビューでお客さんを取り込むように工夫されている

Ray Classic

Ray Classic

*ポイント*

・ヘッダーとコンテンツの幅を統一しているので見やすい

・トップ画像のbottom部分に花の蔓の画像を合わせていて華やかさがある

・PLANのボックス一つ一つの右下部分を青紫色の三角にしているのでハガキをめくるような工夫をしている

御菓子司 翠江堂

御菓子司 翠江堂

*ポイント*

・画面の半分でコンテンツを分けており、左は固定されている

・商品紹介にいくと画面半分の右側に商品一覧が現れ商品の画像をhoverすると左側に拡大写真と商品の説明が表示される、スマートフォンサイズになると画像と説明文だけになり分かりやすくなっている

・お知らせ部分にtwitterを上手く活用し、ツイートしている焼き上がり情報や売り切れ情報を表示させるようにしている

はなみち舎

はなみち舎

*ポイント*

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

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

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

CAFE STEEN

CAFE STEEN

*ポイント*

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

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

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

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

人吉旅館

人吉旅館

*ポイント*

・ヒーローヘッダーになっている

・スクロールするとナビゲーションボタンが一気に消えるのではなく一つ一つ消えていくようになっている

・トップページにはお知らせとInstagramのバナーとフッターだけでシンプルなつくりになっている

・スマートフォンサイズでハンバーガーメニューをクリックすると一面ナビゲーションのページになる

多田屋

多田屋

*ポイント*

・ヘッダー画像がアニメーションで次々と変わっていくがどれも絶景写真で魅了される

・サイトを開くとAIコンシェルジュが右下に固定されている