月: 2019年5月

ドッグホテル pocket

＊ポイント＊

・スクロールバーもサイトの色に合わせてオレンジにしている

・ヘッダー画像の雲だけが左から右に流れるようになっている

・スマートフォンサイズになるとヘッダー画像がなくなり黄色の背景だけになっている

・ファーストビューに定休日だけ記載されているので初見の人に分かりやすい

HUREX UIJターン転職プロジェクト

＊ポイント＊

・背景に画像を使用している箇所があるが何が写っているか分かるか分からないかぐらいにぼかしているものを使用しているので文字の邪魔になっていない

・重要なボタンだけ立体になっている

・全体的に緑でまとめられており、重要な言葉や数字だけにオレンジ色を使用している

・スクロールするとエージェントや口コミの吹き出しが下から現れるようになっている

よかよか市場 熊モットー

＊ポイント＊

・見出しと説明文のフォントが統一されているので全体的に統一感があるサイトになっている

・吹き出しで一言説明文が所々に入っていて可愛くてPOPなイメージを持つ

・ヘッダー画像の上に今月のイチオシ商品がリンクされていてついクリックしてしまう

・スマートフォンサイズになるとヘッダーのデザインが変わる

・ナビゲーションメニューに生産者紹介があり消費者にとって安心して購入できるよう工夫がされている

ムッシュ マスノ アルパジョン

＊ポイント＊

・サンタのいるケーキ屋さんと紹介していることからサンタを思い浮かべる赤を全体に使用している

・商品一覧や店舗紹介の画像付きのリンクが全て同じサイズではなく若干サイズが異なっているが余白を使用し、サイドにあるお知らせと高さを合わせていることから統一感がある

・画像に斜線の影をつけており少しPOP感がでている

共栄製茶株式会社

＊ポイント＊

・ヘッダー画像の上にナビゲーションボタンがある

・ヘッダーとフッターの間にあるコンテンツは全て同じ横幅になっているのでスッキリしている

・サイト全体の色合いが緑になっているのでお茶の雰囲気が表されている

Ameba Ad Press

＊ポイント＊

・ヘッダー部分の下にあるソリューションのリンクをhoverするとその下にある事業内容が変わるようになっている、スマートフォンサイズになるとクリックしないと事業内容が表示されないようになっている

・ヘッダー画像の上にニュースがある

・画像にhoverすると画像の角が丸くなる