Slate Coffee — サードウェーブのミニマル
ロースタリー併設のスペシャルティコーヒー店向け。極細サンセリフと巨大写真感で、産地ごとの豆を 1 種ずつ主役に置く構成です。
ロースタリー併設型のスペシャルティコーヒー店をイメージしたサンプル HP です。豆そのものを主役にして、産地・テイスティングノート・価格まで一覧できる構成にしました。
こんな方に向いています
- ロースタリーを持っているスペシャルティコーヒー店
- 店舗売上だけでなく、豆の通販 ・ サブスクリプションも伸ばしたい
- 卸 ・ ホールセールの問い合わせ窓口も兼ねたい
構成
ヒーローは大きな空白とコーヒーのビジュアルで世界観を作って、豆 4 種を産地別カードで並べます。店内メニュー → ロースタリー紹介 → オンライン誘導 → 店舗情報まで、5 セクションで横断的にカバーする構成です。
live preview
プレビュー
related
関連するサンプル
カフェ の他のサンプル、または 複数セクション HP の似た構成のサンプルです。
カフェ · ポップ・ライム×紫・ゲーム盤 2026-05-05
ROLL & DRAW — ボードゲームカフェ
渋谷の路地裏のボードゲームカフェ、っていうイメージで作ったサンプル HP。盤面と駒、サイコロを SVG で描いて、ポップに振り切ってます。
ヒーロー(盤面 SVG)ゲームライブラリ料金プランイベントカレンダー
カフェ · ナチュラル・木のぬくもり・自然光 2026-05-03
北山 珈琲店 — ナチュラル
山あいにある一軒家カフェのイメージで。淹れたての珈琲と季節のお菓子を中心に、木のぬくもりを感じるナチュラルな構成にしました。
メニュー店内紹介オーナーストーリー営業時間・アクセス
フリーランス · 土・木目・蔵・落ち着いた茶系 2026-05-06
木と土の工房 安部 — 木目の質感
木工作家の HP。作品集・受注の流れ・工房紹介・次回個展告知までをひとつにまとめた、作家サイトの標準形。
作品集 6 点受注の流れ 5 ステップ工房紹介個展告知
IT・テック · ボールド・グラデ・大胆・ピンク × 紫 2026-05-05
TILT Creative — ボールドな広告代理店
尖った広告代理店・クリエイティブブティック向け。ピンクと紫のグラデと巨大文字で、攻めの姿勢を視覚化したサンプルです。
大文字キャッチケーススタディ 4 件サービスメニューメンバー
このサンプルが気になったら
このサンプルをベースに、文章・写真・色味をお客さまの事業に合わせて作り直してご提供できます。
まずは 30 分の無料相談で、構成のすり合わせから始めましょう。