メールで相談 購入
作品一覧 Webサイト・コンセプト・2026

SMASH

ジェノヴァのスマッシュバーガー店。

パソコンの画面に映る SMASH のサイトのトップ画面
スマートフォンに映る SMASH のサイト
業種
飲食・スマッシュバーガー
クライアント
コンセプト作品(架空のブランド)
制作年
2026
種別
Webサイト・コンセプト

こだわりのスマッシュバーガーを出す、架空のお店のためのコンセプトサイト。スクロールすると、シェフがダブルスマッシュにスモークパプリカのソースをかけます。ひとすじのソースがバンズの前を流れ落ちて包み紙にたどり着き、その一滴(動画と同じ一滴)が広がって、ページいっぱいの色になります。続いて、閉じていたバーガーが縦に開き、具材がくるりと回ります。7つのステップで層をひとつずつ紹介し、それぞれが輪郭の中で再び色づき、最後にバーガーはまた閉じます。そのあとに、数字で見るスマッシュ、メニュー、自家製ソース、受け取り時間を選べる注文、そして口コミ付きのお店の紹介が続きます。

動きの演出

サイトの動き

01

バーガーにソースを

スクロールで動く途切れないワンカット。シェフがスモークパプリカのソースをかけ、ひとすじのソースがバンズの前を流れ落ちて包み紙にたどり着きます。そしてその一滴が広がり、ページいっぱいの色になります。

02

7つの層

閉じていたバーガーが縦に開き、具材がくるりと回ります。ステップごとに層がひとつ、その形の中で再び色づき、説明カードが添えられます。

03

アーチ天井の下で

店内の写真が画面を満たし、ゆっくりと遠ざかります。タイトルが一行ずつ現れ、住所、営業時間、電話番号が続きます。「営業中」の表示はジェノヴァの時刻をもとに判定します。

デザイン

色と書体

チャコール#151210
小麦粉#F3EDE3
パプリカ#982601
チェダー#E3A42B
暗い背景#14130F
AaBricolage Grotesque見出し用

SMASH、ジェノヴァのスマッシュバーガー店。

AaYoung Serif本文用

SMASH、ジェノヴァのスマッシュバーガー店。

スマホ表示

同じサイトを、手のひらの上に。

スマートフォンで見た SMASH のサイトのトップ画面
スマートフォンで見た SMASH のサイトの一場面

いちばん伝わるのは、実際にスクロールすること。

次の作品
ご相談はこちら

次に手がけるのは、お客様のプロジェクトかもしれません。

英語・イタリア語・スペイン語で、メールまたは WhatsApp でご連絡いただけます。お話をうかがい、いくつかご質問し、私たちがお客様の立場ならどうするかを正直にお伝えします。ビデオ通話と電話はイタリア語です。