架空の洋菓子店のHPを制作しました。
【制作期間】
2ヵ月
【使用ツール】
デザイン:Figma/Illustrator/Photoshop
コーディング:atom(HTML/CSS/jquery)
【対応機種】
PC
【サービスや会社の内容】
グルテンフリーのお菓子を製造、販売する街の洋菓子店『Comete』
Webサイトで商品を知って、オンライン購入サイトへ繋げる公式サイトとして使う。
【ターゲット】
ペルソナ①20代女性
・家族構成・・・旦那、自分、3歳の男の子
・息子が小麦アレルギーということが分かってから、食べるものに気を遣い始めネットで日々検索している。自身も体に優しいものを意識して摂取するようにしている。
Instagramでリサーチすることが多い。
ペルソナ②40代女性
・家族構成・・・旦那、自分、子供2人(中学1年生女の子、小学5年生男の子)
・専業主婦。最近運動不足で太ってきたことを気にし始め、ダイエットを始めた。甘いものを食べたいときは、最近よく目にする糖質の低いものや低GIのものを探し、摂取するように心掛けている。最近の流行りのサービスや新しい商品に敏感で、よくネット検索している。
【デザインコンセプト】
・米粉を使用したお菓子をメインに販売しているので、メインカラーは白、淡いアイボリー、そして焼き上がったお菓子色(濃いベージュ)に設定した。
・目的はオンラインショップへ繋げることなので、ヘッダーを固定しオンラインショップのボタンが常に表示されるようにした。
・MVにお店の一番人気のショートケーキを差し出す写真を選ぶことで、その先にいるお客様を笑顔にしたいという想いを込めて(Comete)いる。
・AboutやNewsのコンテンツのあしらいに、米粉の稲穂のイラストを入れることで、お店の特徴であるグルテンフリー=米粉のイメージをつけるようにした。