Services Pricing Process Numbers Works Contact
Case Study 01 Light Plan — ¥200,000〜 高級江戸前寿司 銀座

鮨 黒政 SUSHI KUROMASA

銀座6丁目の路地裏、看板も出さない8席の鮨屋。
本物の格を、Webで再現する。

Light 1週間 SVGフィルタ カスタムカーソル パララックス
Light Plan 鮨 黒政 SUSHI KUROMASA — Demo Site Screenshot
01

Challenge

25年の格を、一見の方にも伝える。

銀座6丁目の路地裏、看板も出さない8席の鮨屋。常連客のみで成り立ってきた25年。

息子への代替わりを機に「でも一見の方にも、店の格を伝えたい」と相談を受けた。ただし、安っぽいサイトでは逆効果。本物の格を、Webで再現する必要があった。

02

Solution

業界標準は「写真の多用」。当事務所は「文字で語る」を選んだ。

他の高級鮨店のサイトを20件以上分析。共通していたのは「写真の多用」と「英語対応」だった。ただ、黒政の世界観は静謐。それを真似ては凡庸になる。

選んだのは逆の方向 ― 写真は最小限、文字で語る。

写真は1枚だけ。カウンターの大将の手元のみ。「本物は雄弁にならない」を体現する。

03

Design Details

静謐を成立させる、4つの細部。

01

筆文字フォント

MYueShen を採用し、看板の毛筆を画面上で再現。本文は明朝で「読ませる静けさ」を。

02

墨のにじみフィルタ

SVG filter (turbulence + displacement) で、和紙にしたためた文のような質感をブラウザネイティブで実装。

03

カスタムカーソル

暖簾の紋を模した形状を Custom Cursor API で描画。常連の入口を抜ける所作を再現。

04

沈み込むパララックス

スクロールに連動して、ページが深く沈み込む。カウンターに座り、店の空気に身を預ける動線。

04

Industry Structure

プラットフォーム評価軸では、伝わらない世界観。

高級店ほど、検索プラットフォームの汎用評価軸では伝わらない世界観があります。食べログのランキング、Google Map のレビュー数、それらが本当に黒政の価値を伝えているのか。

プラットフォーム経由の客と、直接予約の客は、質が違います。店の空気を画面に再現することで、来店前に客の質を選別できる構造を作ること。25年の格を一見の方にも伝える方法でした。

━━━━━━━━━━━━━━━━━━

店の空気が、画面から伝わってくる。
この世界観に共感した方だけが、来てくれる。
— 鮨 黒政 二代目
05

Tech Stack

no-framework, all-handcrafted.

HTML/CSS/JS no framework GSAP SVG Filters Custom Cursor API Google Maps Embed
06

Timeline

7日間で公開まで。

Day 1 フォーム回答受領(3分)
Day 2-3 リサーチ・コンセプト設計
Day 4-5 デザイン・実装
Day 6 共有・微調整
Day 7 公開

この事例と同じ手法で、貴店の格を Web に載せる。

Light Plan は、この鮨 黒政で採用した制作プラン。
フォーム回答後、最短一週間で公開まで。

Light Plan で相談する → View Demo Site → ← Back to Works

規模・要件により別途お見積り。