Gallery / SUMIBI KAPPO

TEMPLATE — 2026

SUMIBI KAPPO

架空の炭火割烹のサイト。最初の画面は備長炭の写真だけ。手を近づけた所の熾が、ゆっくり熾る。

Category
Web design
Status
架空の割烹のWebテンプレート見本（動くデモあり）
Year
2026
Type
Parfum自身の探索（実績ではありません）
SUMIBI KAPPO — 画面イメージ
Overview

実在しない、夜だけ開くカウンター8席の炭火割烹のサイトです。店名は出さず、最初の画面を備長炭の寄りの写真で埋めました。写真はWebGLで描き、熾の赤だけを動かしています。PCでは、おまかせの七品が右から左へ絵巻のように流れます。写真は生成AIで作りました。

Problem
  • 高級な飲食店のサイトでは、店の空気を、言葉より写真で伝えたい
  • 演出を凝らしても、品書き・営業時間・予約の方法はすぐ分かるようにしたい
Approach
  • 最初の画面には文字を置かず、炭火の写真だけで見せる。カーソルや指を近づけた所が、ゆっくり熾る
  • 見出しと品名は縦書きの明朝。写真は下の縁から灯るように現れる
  • 予約・お席・店舗情報の並びは、実在の割烹のサイトにならう
  • ※ スマホ実機での確認は、これからです
Technology
  • WebGL（シェーダー）
  • HTML / CSS / JavaScript（ビルドなし）
  • prefers-reduced-motion への対応
  • 写真は生成AI（ChatGPT）で制作
Demo

動くデモを、このサイトの中で開けます。デモのページは架空の店・会社として、検索に出さない設定にしています。

デモを開く

内容は、検討の進み具合に応じて更新します。

From the Gallery

Galleryをすべて見る
TSUGAI — 画面イメージ
TSUGAI/ BRAND SITE
OOKINI BURGER — 画面イメージ
OOKINI BURGER/ TEMPLATE
SUNBUN PRECISION — 画面イメージ
SUNBUN PRECISION/ TEMPLATE

Say hello

あなたの「できたら」を、お聞かせください。

ご相談はこちら