*ポイント*
・ヘッター画像が事業内容が分かるようなイラストになっている
・色使いも明るい色ではなく落ち着いた少し暗めな色を選んで使用している
・スクロールするとコンテンツと風船のイラストが現れるようになっている
色々なサイトを調べ、デザインが気に入ったサイトを100個選びまとめました。
*ポイント*
・ヘッター画像が事業内容が分かるようなイラストになっている
・色使いも明るい色ではなく落ち着いた少し暗めな色を選んで使用している
・スクロールするとコンテンツと風船のイラストが現れるようになっている
*ポイント*
・ヘッダー画像の商品一つ一つが二つづつ順番に動くようになっており、カーソルを右や左に流すとその通りに画像も流れるようになっている
・サイト全体が赤色で統一されている
・ナビゲーションメニューにhoverするとhoverしたボタンに▼が動くようになっておりhoverしていないときは今いるページに▼が固定されている
・
*ポイント*
・文字をゴシック体で統一している
・サイト全体に桜が降ってくるようなアニメーションを設定している
・女性専用ということもあり色もピンクで統一されていて可愛らしい印象を持つ
・トップのスライド式の画像に推したい言葉(女性専用、駅近、アメニティが豊富)が入力してありファーストビューでお客さんを取り込むように工夫されている
*ポイント*
・ヘッダーとコンテンツの幅を統一しているので見やすい
・トップ画像のbottom部分に花の蔓の画像を合わせていて華やかさがある
・PLANのボックス一つ一つの右下部分を青紫色の三角にしているのでハガキをめくるような工夫をしている
*ポイント*
・画面の半分でコンテンツを分けており、左は固定されている
・商品紹介にいくと画面半分の右側に商品一覧が現れ商品の画像をhoverすると左側に拡大写真と商品の説明が表示される、スマートフォンサイズになると画像と説明文だけになり分かりやすくなっている
・お知らせ部分にtwitterを上手く活用し、ツイートしている焼き上がり情報や売り切れ情報を表示させるようにしている
*ポイント*
・レトロ、モダンの雑貨屋なのでサイト全体もお店のコンセプトのあった雰囲気になっている
・ナビゲーションメニューが本のしおりになっており上から垂れていてスクロールしてもずっと上から垂れているようになっている
・写真と背景画像が違和感なく一致している
*ポイント*
・トップの画像が時系列に沿ってスライドで表示されていて面白い
・所々フォントではなく手書きの見出しを使用している
・ナビゲーションボタンを横の扇形にしている
・スクロールすると左上にドーナツだけが固定されていてドーナツをhoverするとナビゲーションメニューが表示されるようになっている
*ポイント*
・ヒーローヘッダーになっている
・スクロールするとナビゲーションボタンが一気に消えるのではなく一つ一つ消えていくようになっている
・トップページにはお知らせとInstagramのバナーとフッターだけでシンプルなつくりになっている
・スマートフォンサイズでハンバーガーメニューをクリックすると一面ナビゲーションのページになる