カテゴリー: >ファッション・ウェディング・雑貨

etc.JOURNAL STANDARD

＊ポイント＊

・ファーストビューの画像がだんだん縮小していくアニメーションになっている

・スクロールすると各コンテンツの見出しのテキストの枠だけ最初に表示され徐々に中の色が黒く塗られるようになっている、見出しの下に最初にイラストだけ表示されそのあと背景画像が出てきてイラストと背景画像がうまく重なるようになっている

・ハンバーガーメニューをクリックすると画面いっぱいにメニュー一覧のページになる

・フードのページにいくとサイズの異なる画像が並んでいる

SUASI

＊ポイント＊

・サイト全体がピンクで統一されており、背景にボーダー画像を使用しているので女子が好みそうなデザインになっている

・画面の枠にborderの設定をしており、角は丸くなっている

・スクロールすると白黒のイラストにカラーがはいる（スマートフォンサイズだと最初からカラーで表示されている）

minico

＊ポイント＊

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

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

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

マーレマーレ デイリーマーケット

＊ポイント＊

・ヘッダー画像がお店の屋根になっていて立体的に見えるようにしている

・ファーストビューにある動画とグリッドレイアウトの画像がうまく合わさっていて統一感がある、またグリッドレイアウトの画像はhoverすると値段が表記さて分かりやすい

・コンテンツ画像の縁に手書き風の二重線で丸や四角で囲ってありPOP

ぷんぷく堂

＊ポイント＊

・サイトの入り口のページでは夕日で鳥が一羽右から左に飛んでいったら自動的にスクロールされ家のドアをクリックすると中に入れるようになっている

・ヘッダーがイラストになっており、イラストの所々にリンクがありhoverするとリンクされた部分のイラストだけ動き他のページに飛べるようになっている

・ヘッダーの黒板がメニューバーになっており手書きのフォントで可愛い印象、スマートフォンサイズになると黒板に手書きのハンバーガーメニューが表示される

山田屋

＊ポイント＊

・トップページが全てリンクになっていて見たいもののページにすぐ飛べる

・各ページに飛ぶとナビゲーションメニューがあり、スクロールすると固定されている、画像も自動的に横に流れるようになっているのと自分でクリックすると他の画像に切り替わるようになっていて分けている、各ページ内が充実している

株式会社サカモト

＊ポイント＊

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

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

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

・

T by タルタルガ

＊ポイント＊

・赤と黒だけを使用しシンプルで見やすく、画面左にだけ赤のボーダーがありオシャレ

・各コンテンツの見出し文の左上に赤の点がある

Ray Classic

＊ポイント＊

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

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

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

はなみち舎

＊ポイント＊

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

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

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