なめらかプリンパステル Pastel #1日1サイトレビュー
【概要】
プリンを中心に販売するパステルデザートの公式サイト
【ターゲットと目的】
・ターゲットはプリンなどの洋菓子が好きな人、パステルデザートの商品を食べたことがある人
・パステルデザートのこと、商品の認知を目的とする
・定番商品のなめらかプリンが生まれ変わったこと、パステルがなめらかプリンの生みの親であること、プリン愛があること、様々な材料を組み合わせて飽きないように試行錯誤していることを伝えたい
【印象】
・MVの鮮やかな配色の画像がおしゃれで可愛らしい、女性が好みそう
・サイト内はパステルブルーと白の配色でシンプル・爽やかな印象
【構成】
・TOPページに含まれているコンテンツは、NEWS、ABOUT、MENU、SHOP
・NEWSはMVの下に配置され、すぐ目がつくようにしている
・ABOUTにプリンを作っている様子の動画がある
・なめからプリンについての詳細を見せてから、商品メニューへ案内し、どのような商品があるか認知させている
【メインビジュアル】
・周りに少し余白があるが、ほぼフルスクリーン
・プリンやパッケージの画像がカルーセルで表示
・画像の切り替わり方が独特
・右上にハンバーガーメニュー(ABOUT、MENU、SHOP、NEWS、CONTACT)とSNSアイコンが配置
・左下にはキャラクターのぷりにゃんのページに飛ぶバナーが配置
・右下にはスクロールを促すアイコンが配置
【コンテンツ】
・余白は多め
・ボタンをマウスオーバーするとプリンが揺れているような動きをする
・MENUの商品紹介文がシンプルで読みやすい
・ほとんどあしらいがなく、シンプル
・プリンの形をした画像がプリンのように揺れる
【文字組み】
・欧文はMontserrat、和文は游ゴシック体とHelvetica
・行間は3〜4と広め、字間は普通
・本文は13px、大見出しは45px、中見出しは23px
・ジャンプ率は少し高め
【カラー】
・ベースカラーは白(#ffffff)とパステルカラー水色(#e2f2fc)
・メインカラーは濃い水色(#009eda)
・MVの画像やオブジェクトがアクセントカラーになっている
・全体的にパステルカラーでふんわりとしているが、メインカラーの水色がパキッとしているため、良い締め色になっている
【レスポンシブ】
・横並びの配置が縦並びに
【サイトを通じてどのように目的を達成するか】
目的:パステルデザートのこと、商品の認知→最終的には店で商品を購入してもらう
・ABOUTでなめらかプリンの詳細(文章と動画で)、MENUで商品のバリエーションを見てもらい、パステルデザートについて認知してもらい、SHOPで店を探してもらう→購入
この記事が気に入ったらサポートをしてみませんか?