Masako’s portfolio

Works

Webサイト制作クリスマス料理特集ページ(架空)

クリスマス料理特集ページ(架空)
サイトへ
制作概要
食品宅配サービスOisixのクリスマス料理特集ページ(架空)。
Cocodaのお題で作成(https://training.cocoda.design/projects/114)。
課題・目的
以下を目的として制作。
・行事に合わせた食材・商品の購入を促進することにより自社の売り上げ増加に繋げること
・ユーザーが行事に合わせた料理をもっと楽しめるようになること
ターゲットユーザー
30代前半の働くお母さん。3歳ぐらいの子供がおり、子供の食事を考えるのに苦戦中
ペルソナ
33歳、女性、都内在住、経理
3歳の子どもがおり、時短勤務を行なっている。
共働きのため、家事や育児に追われて忙しい毎日を送っている。
今年のクリスマスはコロナのためお家で家族で楽しみたいと考えているが、メニューの考案や料理の手間に悩んでいる。
制作意図

【訴求内容のポイント】
ターゲットユーザーの悩みに合わせ、想定シチュエーション(お家でクリスマスを過ごしたいが料理を作る手間がかかる)と、その課題解決としてOisixが活用できることをページ上部に記載。

メニューは、ユーザーが探しやすいよう、お家でのパーティーを想定して5つのカテゴリに分類。
それぞれのメニュー詳細には、商品の理解促進と購入を促すため、子どもと両親それぞれにとってのおすすめポイントを記載。

サービスへの信頼性と購入促進のため「Oisixが選ばれる理由」として、サービスの訴求ポイントを記載。

【デザインのポイント】
ターゲットユーザーに合わせて落ち着いた雰囲気を出すためにメインカラーは薄茶色のカラーを使用しつつ、クリスマスのイメージも出すためにクリスマスツリーや星、オーナメントなどのパーツを配置。

フォントは、メニュー箇所は読みやすさを重視しスタンダードなヒラギノ角ゴシックとしつつも、ページ上部と下部のコンテンツでは、優しさや親しみやすさを出すためにzen丸ゴシックを使用。

制作範囲
サイトデザイン/コーディング
使用ツール
Figma(サイトデザイン)
Atom(コーディング)
デザイン
  • design_pc
  • design_sp