ほそみち珈琲 ホームページ制作

自主制作

hosomichi-cafe

元調理師の自分だからこそ、飲食業の現場感覚をデザインに落とし込みたくて、自家焙煎カフェを想定した自主制作です。

インスタグラムで毎日投稿しているのに、「営業時間は?」「場所は?」のDMが日々山のようにくる——そんな情景を想像して、「どんなサイトがあればオーナーが楽になるか」を考えて制作しました。

制作期間 :約14日
制作時期 :2025年12月〜2025年2月
使用ツール:Wordpress / Photoshop / Figma / HTML / CSS

目的

このサイトを作るにあたって、まずオーナーが本当に困っていることは何かを考えました。

結論は「DMを減らす」こと。予約を取ることでも、販売を増やすことでもなく、「営業時間は?」「場所は?」という同じ質問への返答を自動化すること。

デザインのポイント

■「予約ボタンを置かない」という選択
一般的なカフェサイトには「予約する」ボタンがあるのが当たり前です。でもこのお店は予約を受け付けないと想定。なぜなら、無理にボタンを設置すれば、問い合わせが増えて返ってくるだけと考えました。

クライアントのスタイルと実情に合わせた設計をするのが、本当の意味での「使いやすいサイト」だと思っています。

■写真主役・余白多めのレイアウト
コーヒーは言葉で説明するものではなく、パッと見た雰囲気で伝わるものだと思っています。あとは匂いですね。
そのためテキストは最小限にとどめ、大きな写真とゆったりした余白でページを構成しました。

カラーはディープブラウン×オフホワイトの2色で統一し、「山小屋の工房感」をブランドの基調にしました。
hosomichi-cafe1
上部へスクロール