44dat DESIGN GALLERY

鮨・おまかせコースの高級店

鮨 刃汐(はしお)

架空ブランドを立てて制作したデザインデモです(2026-08-05 公開)。

実際のサイトを見る 別タブで開きます

鮨 刃汐(はしお)(鮨・おまかせコースの高級店)のホームページデザイン

銀座の八席の鮨カウンター、鮨 刃汐。ネタとシャリの温度差、握ってから置かれるまでの秒数を一貫ごとに設計しています。おまかせ十七貫と昼の八貫。

全ページビュー

鮨 刃汐(はしお) — full page

このサイトの作られ方

実際の発注内容

ビルドの起点になった設計方針です。人が書いたものではなく、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 で作成した架空のイメージです。ブランド・実績・数値はすべて架空のもので、実在の企業とは関係ありません。

この業種・このテイストで、御社のサイトを制作します。

掲載デモと同じ品質のオリジナルサイトを、設計から公開まで一貫して承ります。「このデモの雰囲気で」の一言から始められます。