鮨・おまかせコースの高級店
鮨 刃汐(はしお)
架空ブランドを立てて制作したデザインデモです(2026-08-05 公開)。
実際のサイトを見る 別タブで開きます
銀座の八席の鮨カウンター、鮨 刃汐。ネタとシャリの温度差、握ってから置かれるまでの秒数を一貫ごとに設計しています。おまかせ十七貫と昼の八貫。
全ページビュー
このサイトの作られ方
実際の発注内容
ビルドの起点になった設計方針です。人が書いたものではなく、AI が毎朝生成した7案のうち選ばれた1案をそのまま載せています。
コンセプト 鮨 刃汐(はしお) — 一貫ごとの温度と提供の速度を設計する8席の鮨カウンター
- スタイル
- 氷白×鋼の精密ミニマル・予約までが一本の所作
- レイアウト
- カウンター8席の提供順をタイムライン化したシーケンス構成+着席体験を模した1導線予約UI
- タイポグラフィ
- 超細身sans+数字/記号主導のテクニカル編集(和文は極細ゴシック)
- モーション
- View Transitionsの途切れない遷移を0.2秒台の刃筋wipeで鋭く刻み、予約の人数・時刻選択が握りの所作のように連続変形する
- 配色
- 氷白×鋼青×朱一点
- 狙い
- GEMの本質は装飾でなく「一覧→予約確定まで途切れない遷移」という体験の連続性。それを燭光ダークの定番様式から外し、氷白の精密編集で『切る速度』として実装すると、高級鮨サイトの新しい型になる
- 設計の勘所
- シームレス遷移を表層演出で終わらせず『着席→おまかせ→予約確定』一本の所作に昇格。hover料理プレビューは提供順・温度・香りの立ち上がりを示す数値オーバーレイに置換。実サイトはbot遮断のため観察近似で挑戦
制作記録
このデモは AI が設計・実装しました。使ったモデルと実際の制作記録をそのまま公開しています。
- 生成モデル
- claude-opus-5(effort: ultracode)
- 実行環境
- Claude Code 2.1.214
- 制作時間
- 80分43秒
- 人による修正
- 0回(一発生成)
- やり取り
- 256 メッセージ
- 出力トークン
- 203,589
- 読み込みトークン
- 50,088,604
写真は生成 AI で作成した架空のイメージです。ブランド・実績・数値はすべて架空のもので、実在の企業とは関係ありません。
この業種・このテイストで、御社のサイトを制作します。
掲載デモと同じ品質のオリジナルサイトを、設計から公開まで一貫して承ります。「このデモの雰囲気で」の一言から始められます。