— 001Café Hinata

自家焙煎カフェの、日常を編む一冊

朝の光と、一杯の輪郭。

Client: Café Hinata
Category: Landing Page / Brand
Period: 6 weeks
Stack: Next.js / Tailwind CSS / Cloudflare Pages
Live: View site →

— 01Brief

課題と、
提案。

東京・谷中の14席カフェ。元編集者の店主が自家焙煎した豆を扱う。「誰に何を出しているか」が伝わる言葉を核に、予約と営業時間への導線を整理。写真ではなく余白と活字で、静かな日常のトーンを組みました。

— 02Outcome

成果。

2.4×

週末予約

公開後3ヶ月平均

68%

モバイル直帰率改善

旧サイト比

4.8

平均滞在スコア

内部指標

— 03Live site

公開サイト。

— 04Process

5ステップで
組み上げる。

各段階で決めることを事前に明文化し、合意しながら進めます。

Step / 01

Hearing

ヒアリング

事業の輪郭と課題を伺い、目的と成果指標を合意する。

Step / 02

Structure

設計

情報の順序と誌面構造を決める。言葉の粒度を揃える。

Step / 03

Design

デザイン

活字・余白・色のトーンを整え、静かで精密な誌面を組む。

Step / 04

Develop

実装

速く壊れにくい実装。更新のしやすさまで設計する。

Step / 05

Publish

公開と改善

公開後の反応を数値で確認し、文言と順序を微調整する。