キッチンラボ

●制作の流れ

クライアントへのヒアリング後、ペルソナを設定し、訴求ポイントを整理。次にワイヤーフレームを作成し、情報構成とテキスト量についてクライアントと合意形成。その後、デザインのトンマナを固め、デザインカンプに着手。ファーストビューを先行して制作し、全体のイメージを確認いただきながら進めました。担当範囲はデザイン全般です。

●カラー

ボタンの色と緑とオレンジにし、全体的に明るく料理が映えるようなカラーを選びました。

●タイポグラフィ

サイトのゴシック体のフォントは、Hiragino Kaku Gothic Proを使用し、素材に合わせた印象にしました。

●情報設計

FVでは、「  料理教室」と「楽しそうな雰囲気」が伝わるように意識しました。 

●工夫したポイント

大きな料理写真と「美味しい笑顔、ここから作ろう」というコピーが印象的になるように工夫しました。

「体験レッスンお申込み」と「資料ダウンロード」を色分けすることにより、選びやすさを意識しました。また、上部と下部の両方にボタンを配置することにより、「少し見てから決めたい」人にも優しい導線になるように工夫しました。