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