SOLO
カフェ「ひとひら」
ヒアリングシートをもとにホームページを作成
※このページは制作見本です。実在のクライアントではなく、basis.が想定で作成したサンプルサイトの紹介です。
クライアント概要
個人経営のカフェの「最初の公式サイト」を想定した制作見本です。1ページですべての情報がそろう作りで、お店の世界観と来店判断に必要な情報が、お客様にスムーズに届きます。
STEP 1
ヒアリングシートで集めた情報
basis.では、ヒアリングシート1枚で、ここまでの情報を集めます。対面打ち合わせは行いません（LINE中心で本業時間を守ります）。
基本情報
| 店舗名 | カフェ「ひとひら」 |
|---|---|
| 所在地 | 東京都世田谷区（架空所在地・下北沢駅 南西口より徒歩6分） |
| 営業時間 | 平日 11:00〜18:00 / 土日 10:00〜19:00 |
| 定休日 | 火曜・第3水曜 |
| 席数 | カウンター6席 / テーブル10席（計16席） |
お店の想い
| キャッチコピー | ひと息つける、町の片隅のカフェ |
|---|---|
| 世界観のキーワード | 静か / 木のぬくもり / 本と珈琲 |
| 店主の想い | 忙しい毎日に、ふっと肩の力を抜ける小さな余白を届けたい |
| お店に来てほしい方 | 30〜50代女性 / 読書好き / 一人時間を大切にしたい方 |
メニュー
| 価格帯 | ドリンク 500〜800円 / ランチ 1,200〜1,800円 |
|---|---|
| こだわり | 中深煎りの自家ブレンド・地元ベーカリーのパン・季節の果物 |
| アレルギー対応 | 応相談（事前にお声がけください） |
サイトの目的
| サイトに来た方にしてほしい行動 | 来店（営業時間と地図を見てから足を運んでほしい） |
|---|---|
| 今の集客の悩み | 「一人で行ってもいい雰囲気か」が伝わっていない |
| 避けたい雰囲気 | チェーン店のような感じ／派手なデザイン／写真映えだけを狙った装飾 |
STEP 2
お客様の言葉が、
どこに反映されたか
ヒアリングシートでいただいた言葉が、サイトのどの部分になったかを公開しています。
いただいたお話
「一人時間を大切にしたい方に来てほしい」
サイトでの反映
サイト上部に「一人時間歓迎」の小さな札を配置／「こんな日に選ばれています」のコーナーで、ひとり読書・気分転換などの利用シーンを具体的に紹介しました
いただいたお話
「派手なデザインは避けたい」
サイトでの反映
生成り・墨色・木の茶色・朱橙の4色だけに絞り、明朝体ベースで和の上品さを出しました
いただいたお話
「来店前に営業時間と地図を確認したい」
サイトでの反映
一番上の写真の右下に営業情報の小さな箱を固定／ページ下部に実際の地図を埋め込みました
いただいたお話
「読書好きが集う場所として伝えたい」
サイトでの反映
「お店の想い」のコーナーで店名「ひとひら」の由来を紹介／本と珈琲の世界観を、明朝体の文章とゆっくり読める余白で表現しました
STEP 3
制作のこだわりポイント
- 01 サイトを開いてすぐの位置に、営業時間と席数を表示し、来店判断をすぐにできる作りに
- 02 お店の想い・メニュー・店内の様子・写真集・地図を、1ページに順番に並べる構成
- 03 「こんな日に選ばれています」のコーナーで、利用シーンを具体的に伝える
- 04 雑誌のように写真とテキストを配置し、上品な印象に仕上げ
- 05 スマートフォンでの見やすさを優先し、移動中の確認にも対応
CASE STUDY
案件の流れ
課題から効果までを、統一フォーマットで記録しています。
01. 課題
【想定課題】個人経営カフェの最初の公式サイトが未整備で、「一人で行ってもいい雰囲気か」が伝わらず、来店判断の段階で離脱されてしまう状況を想定しました
02. 提案
【想定提案】1ページ完結型で世界観と来店判断情報を同時に届ける構成を想定。営業時間・席数をファーストビューに置き、利用シーンの具体提示で「一人時間歓迎」のメッセージを自然に伝える方針を組みました
03. 実装
【実装内容】生成り・墨色・木の茶色・朱橙の4色＋明朝体で和の上品さを構築。お店の想い・メニュー・店内の様子・写真集・地図を1ページに順序配置し、「こんな日に選ばれています」コーナーで利用シーンを言語化。スマホ閲覧の見やすさを優先しました
04. 効果
【想定効果】サイトを開いた瞬間に営業情報と席数が見え、来店判断が即座にできる状態を想定。「一人時間歓迎」が雰囲気と文章の両面で伝わることで、初来店ハードルが下がり、来店前の問い合わせ電話の削減につながる設計です
basis. start
10分で、
はじめられる。
ヒアリングシート10分・最短2週間で公開。
見積もりまで無料・提出後のキャンセルもOKです。
- ✓ 対面ゼロ / 電話・Zoomなし
- ✓ 文字で残る / 公式LINEでやり取り
- ✓ 7日間キャンセル可 / 署名後7日以内・無料
迷ったらまずLINEで。やり取りはすべて文字で残ります。
