kitchen Lab様(料理教室)の体験レッスン(仮)に関するLP制作です。
kitchen Lab様のデザインカンプを参考に、全体的なバランスと余白と画像の配置を意識して取り組みました。
制作時間:約16時間
ターゲット:老若男女
料理に興味のある男女
目的:体験レッスンの申込み
【制作について】
・ビジュアルイメージ…FVを中心に美味しそうな料理の画像を全面に出して、体験レッスンへの興味・関心が出るようにしました。
・カラー…ベースカラーはテキスト・画像が見やすい白、ヘッダーとフッターに食欲や元気がでるオレンジ(#E9D7C5)、CTAボタンは目立つ赤(#F76140)・緑(#4AB817)にしました。
・タイポグラフィ…キャッチコピーはドロップシャドウを使い、視認性を高めました。キャッチコピー・見出しはサイズを大きめにして目立つようにし、キャッチコピー・訴求テキスト・見出しは太字にして読みやすくしました。
フォントは読みやすく、馴染みがあるヒラギノ角ゴシック、Meiryo、sans-serifを使用しました。
・情報設計…最初はPCのみで制作し、のちに様々なデバイスで見られることを想定し、タブレット版とスマホ版のレスポンシブを制作しました。
ヘッダーにはロゴ画像とナビゲーション、CTAボタン、FVには料理画像を背景に、キャッチコピーと訴求テキスト、CTAボタン、2ndビューにはおすすめのコースについて、3rdビューには簡単なキャッチコピーとCTAボタン、フッターにはロゴ画像とナビゲーション、著作権のテキストを配置しました。
体験レッスンの周知を徹底するために、CTAボタンをヘッダーとFV、3rdビューに設置しました。2ndビューにおすすめのコースの解説をして、体験レッスンの申込みへの誘導を行っています。
CTAは需要が高い公式LINEへ繋がるようにしています。
xサーバーを使用して実装しました。(ナビゲーションは実装していません。)
【工夫したポイント】
なるべくデザインカンプと同じになるように制作しました。
料理教室なので、料理の画像の見え方が大事で、FVの背景画像のバランスと全体的なテキスト・画像のバランス、余白を意識して制作しました。
