ひだまり珈琲店 / WEB CASE STUDY6 FLAGSHIP DIRECTIONS
A fictional shop, designed as a real business.

同じ一軒を、
6つの営業戦略で。

ひだまり珈琲店を「実際にお客さんが来る店」として設定し、想定客・メニュー・来店前の不安まで設計したWebサイトのケーススタディです。

6つのサイトを見る ↓
01 / Business first

デザインの前に、
店を考える。

平日7:30から開く自家焙煎店。朝食、ランチ、スイーツ、豆の販売まで、16品のメニューを用意しています。

サイトの主目的は来店・アクセス確認。副目的はメニュー確認、テイクアウト、豆の購入。6案すべてが、見た目ではなく狙う行動から設計されています。

02 / Six directions

6つのケーススタディ

Hikari Editorialの白い店舗サイト

01 Hikari Editorial

想定客:朝の時間を大切にする近隣客

課題:小さな店の品質と世界観を一目で伝える

狙う行動:メニューを見て来店する

サイトを見る →
Daily Utilityのメニュー優先サイト

02 Daily Utility

想定客:出勤前の忙しいスマホ利用者

課題:営業時間とメニューへ迷わず到達させる

狙う行動:テイクアウトと道順を確認する

サイトを見る →
Shiro Sumiの和モダンサイト

03 Shiro Sumi

想定客:上質な和の体験を探す人

課題:自家焙煎の職人性を現代的に伝える

狙う行動:豆と店の物語を読む

サイトを見る →
Local Journalの地域メディア型サイト

04 Local Journal

想定客:近隣住民とコミュニティ

課題:ニュースとイベントで再訪をつくる

狙う行動:今週のイベントを知る

サイトを見る →
Roast Labの豆診断サイト

05 Roast Lab

想定客:コーヒー豆を選びたい愛好家

課題:産地と味の違いを購入につなげる

狙う行動:豆診断でおすすめを選ぶ

サイトを見る →
Afterglowのダークで写真主役のサイト

06 Afterglow

想定客:スイーツと余白を楽しむ人

課題:午後の滞在を高級感ある体験にする

狙う行動:季節の甘いものを目当てに来店する

サイトを見る →
01

店舗を定義

誰に何を売る店かを設定。

02

情報を設計

メニュー、設備、導線を整理。

03

見た目を設計

目的に合う6方向を制作。

04

スマホで検証

320pxから実画面で確認。

03 / Work with me

あなたのお店にも、
来店につながるサイトを。

制作のご相談は、クラウドワークスのメッセージからご相談ください。