
webサイト分析01|華麗なる『だけ』レシピ
デザイン力を鍛えるため、サイト分析を始めます!
(CF生 ナカハルさんのサイト分析を参考にさせていただきました!)
今回はLPのトレースになります。
カテゴリー
調味料・甘味料・ダシ・スープ
概要
商品「カレー粉スティック」を使ったレシピと、アンケートに誘導するLPサイト
コンセプト
カレー粉スティック1本で!
ターゲット
カレー粉スティックを持っている人
家庭料理をする子供のいる家庭・主婦
コンバージョンまでの動線
・商品ページ
・プレゼント応募へのボタン
上部にあるが、一度だけ
ブランドイメージであったり商品のファンになってもらうことが一番の目的であると感じる。
メインビジュアル
メインタイトルを囲うように、商品を使ったレシピが4つ大きく掲載されている。
背景もカレーっぽい色合いで全体のトンマナを合わせている。

レスポンシブ
991px以下でタブレット、767px以下でSP版ページ
配色

フォント
dnp-shuei-gothic-gin-std
白黒トレース


発見と感想
・エリアの区切りに流動的な線を使って柔らかく親しみやすい印象を与えている。
・ほぼ3色で構成されておりブランドカラーが明快になっている。
・たまに出てくる吹き出しには、Webフォントではない、レトロ調なフォントを画像にして配置している。
・キラキラとしたあしらいを、全体を通して使用している。