【自主制作】カフェサイト(企画/要件定義/デザインカンプ)

OVERVIEW

架空のカフェサイトを自主制作しました。企画からデザインカンプまで行いました。 [制作期間:1週間 / 使用ツール:Illustrator・Photoshop]


▼店舗名

muku.(原材料にこだわってまじりけのない無垢なもの提供したいという思いから)


【コンセプト】

  • グルテンフリー、プラントベース、アレルゲンフリーのスイーツを提供
  • ゆったりとした時間が過ごせる、居心地の良い雰囲気
  • 内装・インテリアに思わず写真を撮りたくなるようなワクワク感がある


【ターゲット】

  • 近隣に住む20〜40代の女性
  • お子様連れの主婦、ママ友
  • アレルギーがあり外食でスイーツを気軽に楽しめない方
  • 健康に気を遣いながらも、友人同士あるいはおひとりでカフェスイーツを楽しみたい方


【コンセプト・ターゲット設定の背景・理由】

  • 小麦が体へ与える影響が問題視され、健康志向の高い女性の間では、グルテンフリーの食生活が話題となっている
  • ダイエットをされている方はスイーツを食べることに罪悪感を持ちながらも、カフェでの友人や恋人、ご家族とのひと時、あるいは一人時間を楽しみたいという葛藤がある。そんな女性たちの楽しい時間が、スイーツを選ぶ選択肢が広がるように
  • アレルギーをお持ちの方や小さいお子様に安心してスイーツを楽しんでほしい


【クライアントの課題とWEBサイト制作の目的】

  • 店舗はカフェが多く建ち並ぶエリアにあることから、他店との差別化を図りたい
  • メニューの特徴やこだわりを掲載し、集客したい
  • 一般検索で訪れた潜在層へのアプローチ(お店の雰囲気、コンセプト)
  • 指名検索で訪れた顕在層を顧客へと引き上げる(メニュー、アクセス)



【デザイン、ビジュアル】

ゆったりとした時間が過ごせる、居心地の良いカフェというコンセプトから、イエローベージュをベースカラーとして使用、やわらかい雰囲気になるよう作成しました。

「オシャレで洗練されている」よりも、「親しみやすい」印象にしたかったので、本文は#54575a を使用しています。

アクセントカラーとして補色関係にあるブルー#6e88a9 を使用し、見出しを際立たせました。


架空のカフェのため、写真はフリー素材を使用しておりますが、お店の世界観が出るよう写真選びもこだわりました。


▼素材

写真AC   https://www.photo-ac.com/