【day72】ミニフジコ 小さくおいしいリンゴの物語 #1日1サイトレビュー

ミニフジコ | MINI FUJI-CO | 小さくおいしいリンゴの物語

【概要】
青森県三戸町（さんのへまち）生まれのミニりんごの商品ページ

【選んだ理由】
若者受けしそうな可愛いデザインで、りんごをキャラクターのように紹介しているデザインが新鮮だったから

【参考になるデザイン（PC）】
・商品だけ写した写真ではなく、可愛い女性といっしょに映った写真を使用
→ストーリー性を感じられたり、実際の大きさが伝わる
・メニューリンクは配置せず、ページ右下に購入ページへのリンクを配置
→ボタンが右周りで回転していて目立つ

・各メニューエリアの要素が上下にふわふわ動いているモーションがあったり、ミニフジコや女性がぴょこっと出てくるモーションがある
→動きのデザインによってさらに、ポップ、楽しい、愉快という印象を受ける

・どこかサンリオっぽくメルヘンなカラーリングに細めのラインで締めていて、ちょっとゲームっぽい印象もある
→若者向けの印象
・四角いボックスの表示は影をつけて、ぺったり感を感じさせない

・エリアごとにレイアウトが中央揃えになっていたり、左から右へ要素が並んでいる
→目線の流れはスムーズで、飽きないデザイン！

・PRODUCTエリアの購入ページへのリンクボタンはゆっくり押し込むようなモーション

・見出しの部分など、細ラインを使った枠で表現されているデザイン
→余白やフォント、レイアウトが調整されているのでださくならない！

・ファーストビューやフッター、一部のエリアの背景はグラデージョンになっている
・SNSとしてビジュアル推しに効果的なINSTAGRAMの投稿が多めに配置されている
→インテリアやオブジェとしても映えることをアピールできる
・ファーストビューのSCROLLは文字固定、「>>」だけ下向きに動いて消える動きになっている

・問い合わせの入り口として、フッターの販売元の箇所に手書きアイコンで問い合わせリンクを表示

【ターゲット】
小さいこどもを含む若者、女性、食材を探している、商品関係の仕事をしている人、会社

【サイトの目的】
・ミニフジコのことを知ってもらう
・購入ページで購入してもらう
・SNSで拡散してもらう
・問い合わせをしてもらう

【フォント】
和文：Lato
英文：Montserrat

【カラー】
フォント：000（黒）
テーマカラー、背景：
c2e6e9（ミントグリーン）、f7c8ce（サーモンピンク）
部分背景：f3f3f3（ホワイト）
アクセントカラー：47c0e9（水色）

【レスポンシブ（SP）】
・基本的にPCサイズのレイアウトを1列にしたレイアウト
・りんごの皮がむけているアニメーションは横向きに動くように変更されている

【感想まとめ】
ただ図形が動いているのではなく、各要素に影がほんのりついていたり、背景のカラーリングをエリアごとに変えていたり、いろんな動きがあるとても楽しいサイトだとおもった。小さい子どもも食いつきそう！私も食いついてます〜！（大人気ない）

▼PCサイズ キャプチャ