珈琲庵 和み
コンセプト
個人経営の老舗風喫茶店
事前情報
立地
東京都渋谷区神宮前3丁目〇－〇〇
ターゲット
周辺で働いている人（主に女性）
クライアントの想い
老舗喫茶店のような確かな味と安らぎを提供しつつ、新たな挑戦をし続けるカフェでありたい。
老舗喫茶店のような雰囲気の店内写真と、映えを意識した料理の写真でお客さんに興味を持ってもらいたい。
ペルソナ
中村真美（35） 女性
※女性のイメージ写真とカバンの中身の写真を設定
ペルソナのゴール
仕事の合間にリラックスし、美味しいランチを楽しみたい。
ランチの時間を充実させることで、午後の仕事に集中するためのエネルギーを補給したい。
職種
広告代理店勤務 / 年収500万円
居住地
東京都港区
性格
しっかり者で、計画的に物事を進める。
社交的で、新しい人との出会いを楽しむ。
家族構成
独身、一人暮らし
ライフスタイル
平日はオフィスで働き、昼休みには近くのカフェやレストランでランチを楽しむ。
仕事帰りには同僚と飲みに行くこともある。
興味・関心
食べ歩き、新しいランチスポットの発見、仕事のストレス解消、リフレッシュ。
カフェ利用
平日のランチタイムに頻繁に訪れる。
質の良い食事と快適な環境を求める。
一人でランチをする。
ニーズ
おいしいランチが楽しめる場所が欲しい。
短時間でリフレッシュできる環境も重要。
課題
忙しい仕事の合間に、質の良い食事と休憩を確保すること。
ランチタイムの混雑を避けたい。
担当範囲
・ディレクション / チームリーダー
・ヒアリング
・ペルソナ設計（基本情報あり）
・ユーザー調査（カスタマージャーニーマップ）
・デザインカンプ制作（一部）
・swiper 実装
・WordPressを用いたCMS化すべて
・お問い合わせフォーム設置
意識したところ
チームリーダーとしての役割
チームメンバーの得意分野を活かし、一人に負担が偏らないように作業を分担しました。また、進捗状況を把握し、クライアントと密に連絡を取りながら、納期遅れがないよう調整を行いました。
ユーザー調査
クライアントの希望するペルソナをもとにChatGPTを活用し、カスタマージャーニーマップを作成しました。追加で考えられる項目も記載し、より具体的な調査結果を提供しました。
Webデザイン
チームで意見を出し合い、レトロで落ち着ける雰囲気を大切に、茶色を基調としたデザインを採用しました。
集客を意識し、目を引くキービジュアルや、おすすめ商品のスワイパー表示などを盛り込みました。
各ページのデザインは、チームメンバーがデザインをし、ラフスケッチから一部デザインカンプを作成、全体のレイアウトを調整しながら進めました。
CMS化と機能実装
WebサイトのCMS化は一人で担当し、FAQのアコーディオン表示やお問い合わせフォームの確認画面、Thanksページも実装しました。お客様自身で更新が可能なカスタムページも導入しています。
使用ツール
・chatGPT
・Figma
・VScode
・Local
・All-in-One WP Migration
・FileZilla Client
制作期間
１ヶ月