【課題】カフェのWebサイト制作

OVERVIEW

OVERVIEW DX UPの実践課題として、CAFE NICO(架空)のWebサイトを制作しました。要件定義から情報設計、デザイン制作、実装、WordPress制作まで行い、サイト公開までの一連の流れを実践しました。【制作期間:デザイン2週間、コーディング等1週間】

YEAR 2025

【制作期間】

【制作ツール】

WordPress (テーマ:Lightning) /Photoshop (デザイン、画像加工)

【制作プロセス】


▪️制作要件

【クライアント】

「cafe NICO」

音楽と本を楽しめるカフェとして、第3の居場所を提供している。体のことも考慮した、ストーリーのあるこだわりのドリンクやフードも一緒に楽しみながら、好きな音や本に囲まれ自分の心地よい空間に浸れるカフェ。

週末には生演奏を楽しめるライブも行っている。


【目的】

  • お店の存在とサービス、世界観の認知
  • 予約件数、問い合わせの増加
  • 店舗の提供するサービスと来店者の期待値(価値観や目的)とのすれ違いを防ぐことで、顧客満足度を上げリピーターの獲得に繋げる。


【ターゲット・ペルソナ】

  • 日々忙しく自分だけの一人の時間を持ちたい主婦や、家でも職場でもない寛げる場所を探している人
  • 非日常の落ち着いた空間で、豊かな時間を過ごしたい人
  • いろんな音楽や本に触れて、好みを開拓していきたい人
  • 体に入れるものはできるだけ体に良いものを、と思っている人
  • 30代都内在住、主婦。パートで働いており趣味は音楽鑑賞、ライブ。仕事や家事などで日々忙しく、自分磨きにジムなどに通うもどこか満足できず疲れが蓄積している。都内はどこへ行っても人が多く疲れるのが悩み。自分だけの好きなことに浸れる静かな時間や、リラックスしたりチャージする時間が欲しいと思っている。

◾️情報設計

<テーマ>

・リラックスしながらも好きなことに集中できる空間

・同じような雰囲気と好みの人たちが集う、緑ある心地よい空間


<コンセプト>

「洗練×落ち着き×温かみ」

→写真や配色:都会的でありながら親しみやすい空間を演出、洗練されながらも温かみのある雰囲気


<配色>

ベースカラー:白×黒

・清潔感と安心感、信頼感を与える配色
・空間の落ち着きと居心地を演出

(色をシンプルにした分写真の質にこだわり、料理やドリンク、雰囲気が引き立つ洗練された雰囲気に仕上げた。)


【制作ポイント】

①世界観を伝えるファーストビュー

②アイキャッチ画像:情報が伝わりやすい写真選び


③お店のサービスがより具体的に伝わるようなコンテンツの追加

  • 記事投稿、MENU、

④予約などの行動につながるボタンなどのエントリーセクション

ホットペッパー、電話、メール、ライン



【制作物】

実際のサイト↓

〈PC〉


〈モバイル〉


〈MENUページ〉


〈予約ページ〉