ぞろ屋 ZOROYA.LLC
3Dホームページ
3Dホームページ見本帳

ZOROYA / 3D WEB DESIGN

触って選べる3Dホームページ

立体のモチーフや映像、遊べる仕掛け。実際に触って、あなたのサイトに合う表現を見つけてください。

パソコン・スマートフォン対応/重い端末では自動で軽い表示に切り替わります

すべての作品

41件
レストラン&バーかくれんぼの店内3D(パソコン表示)
同じサイトのスマートフォン表示
01
プレイ型レストラン・バー

重い扉を開けて店の中を歩く

向いている業種

飲食店・バー・旅館・美術館。「空気」を見てから決めてほしいお店

3Dの仕掛け

八王子で30年続いた店内をまるごと再現。カウンター・テーブル席・宴の間・厨房

できること

地図を押すとその場所まで歩く/棚のワインを押すと本日のグラスワイン/卓の品書きを押すとお品書き44品

店に入る
MER株式会社の3Dブランドサイト(パソコン表示)
同じサイトのスマートフォン表示
02
モチーフ型事業会社

社名そのものが主役になる

向いている業種

事業会社・コンサル・BtoB。名前を覚えてもらうことが仕事につながる会社

3Dの仕掛け

会社の名前を立体にして、最初から最後まで連れて歩く。章が変わるたびに文字が隊形を変える

できること

スクロールで進む/ロゴを大きく置くのとは伝わり方が変わる

サイトを見る
ひとひら写真館の3Dサイト(パソコン表示)
同じサイトのスマートフォン表示
03
モチーフ型写真館

ちらばった粒が一枚の写真に集まる

向いている業種

写真館・ギャラリー・ブランド。作品そのものを見せたい仕事

3Dの仕掛け

散らばった無数の粒がスクロールに合わせて集まり、やがて1枚の写真になる

できること

スクロールで進む/「散らばった時間が一枚に集まる」という仕事そのものを動きで見せる

サイトを見る
イトナミ設計室の3Dサイト(パソコン表示)
同じサイトのスマートフォン表示
04
シネマ型設計事務所

線だけで家が建ち上がる

向いている業種

設計事務所・工務店・製造業。図面や設計そのものが売りものの仕事

3Dの仕掛け

設計図の線が空中で組み上がって家の骨組みになる。写真を1枚も使わない

できること

スクロールで進む/奥行きのある動きで、平らな画面が部屋のように感じられる

サイトを見る
線工舎のシネマ型ランディングページ(パソコン表示)
同じサイトのスマートフォン表示
05
シネマ型工務店

手描きの線の町を進んでいく

向いている業種

工務店・住宅・地域の会社。事例を1つずつ見てもらいたい仕事

3Dの仕掛け

手で描いたような線の町並みを進みながら、建ててきた家を1軒ずつ見ていく

できること

スクロールで進む/家を押すとその1軒の話が開く

サイトを見る
教材のシネマ型ランディングページ(パソコン表示)
同じサイトのスマートフォン表示
06
シネマ型教材・講座

粘土の村を歩きながら話を聞く

向いている業種

教材・講座・サービスの販売ページ。長い説明を最後まで読んでほしいとき

3Dの仕掛け

やわらかい粘土でできた村を歩きながら、ホームページ作りの話を聞いていく

できること

スクロールで進む/かたい説明を、絵の力で最後まで読ませる

サイトを見る
森あかりキャンプ場のシネマ型サイト(パソコン表示)
同じサイトのスマートフォン表示
07
シネマ型キャンプ場

到着から翌朝までを1泊ぶんの時間で見せる

向いている業種

キャンプ場・宿・観光施設。行ったときの時間そのものが商品になる仕事

3Dの仕掛け

森に着いた昼から、夕方の焚き火、夜の星、翌朝まで。スクロールが時間の流れになる

できること

スクロールで進む/火の粉が舞い、暗くなるにつれて景色が変わる

サイトを見る
ぞろ屋の三本刀の3Dサイト(パソコン表示)
同じサイトのスマートフォン表示
08
モチーフ型ホームページ制作会社

三本の刀がそのまま設計図に変わる

向いている業種

士業・工務店・専門サービス。何ができるかより「どういう考えでやるか」で選ばれたい会社

3Dの仕掛け

屋号の由来である三本の刀を立体で作り、交わり、燃え、斬って、設計図へ姿を変える。背景も夜の森から鍛冶場、障子の部屋へ入れ替わる

できること

スクロールで進む/マウスを動かすと手前の木と奥の霧が別々に動く

サイトを見る
ピッツェリアのモチーフ型3Dサイト(パソコン表示)
同じサイトのスマートフォン表示
09
モチーフ型ピッツェリア・飲食店

小さな案内係が最後までついてくる

向いている業種

飲食店・小売・教室・子ども向け。店の人柄や親しみやすさで選ばれる商売

3Dの仕掛け

粘土の案内係そのものを主役の形として、最初から最後まで連れて歩く。節が変わるたびに演目が変わり、窯の前で踊りだしたら焼き上がりの合図

できること

スクロールで進む/場面ごとにキャラクターの動きが変わる

サイトを見る
レストラン&バーかくれんぼの映像スクロールサイト(パソコン表示)
同じサイトのスマートフォン表示
10
シネマ型レストラン・バー

重い扉の向こうを映画のように見せる

向いている業種

飲食店・宿・ブランド。写真では伝わらない「流れる時間」を見せたいお店

映像の仕掛け

当時の店内写真をもとに作った映像を、1コマずつに分けてスクロールに載せる。扉・カウンター・ソムリエ・テーブル席・料理・個室の全9幕

できること

スクロールで映像が進む/再生を押せば手を離したまま最後まで/お品書き44品とグラスワイン11本をその場で開く

見てみる
zoroya(構想中の店)の断面模型ジオラマ(パソコン表示)
同じサイトのスマートフォン表示
11
プレイ型レストラン・バー

まだ地図にない店を模型で先に歩く

向いている業種

開業前・移転前のお店、これから始める新しい事業。まだ写真が1枚も撮れない段階で、世界観だけ先に見せたいとき

3Dの仕掛け

建物を切り取った夜の断面模型。テーブル席・カウンター・ワインバー・奥の窯とキッチン、そして地下のワインセラーまで灯りが入る

できること

部屋を押すとそこまで寄っていく/部屋ごとに音楽が変わる(右下の蓄音機)/最後に「今夜はどの店に来たい?」を選ぶ/選び終えるとまた全景に戻ってもう一周できる

模型を覗く
クラフトソーダ専門店ダイナモの店内3D(パソコン表示)
同じサイトのスマートフォン表示
12
プレイ型食品・ネット通販

店内を見回して置いてあるものを押す

向いている業種

食品・工房・クラフト系の通販。作り方と考え方を見てから買ってほしいお店

3Dの仕掛け

1954年からのソーダ屋の店内・裏の仕込み場・夕方の3部屋。焼き込んだ全天球の絵をそのまま歩く

できること

黄色いシールを押すと商品と作り方が出る/帯を左右になぞって注ぐ/作っている三代目の話が読める/そのままオンラインSHOPへ

店に入る
サカナノナの3Dコーポレートサイト(パソコン表示)
同じサイトのスマートフォン表示
13
シネマ型プレイ型水産・食品ベンチャー

五つの海をたどって会社にたどり着く

向いている業種

水産・一次産業・環境の会社。何をしているかより先に、なぜやっているかを伝えたい会社

3Dの仕掛け

吸収と散乱から水の色を計算する海。光の網・光の柱・魚の群れ・被写界深度まで、海の中は全部その場で描いている

できること

五幕を手で進める(温める/遊ぶ/誘導する/つかまえる/名前をつける)/終わりにスクロールで海中から空へ上がり、漁港を見下ろす/そのまま会社概要と問い合わせへ

海に入る
業務データ統合サービスの3Dサイト(パソコン表示)
同じサイトのスマートフォン表示
14
モチーフ型SaaS・ITサービス

散らばった数字が目の前でひとつになる

向いている業種

SaaS・システム開発・BtoBサービス。目に見えない商品を、動きで分からせたい商売

3Dの仕掛け

主役は「データの粒」3万8千点。散らばり→流れ→表→水面と隊形を変えながら最後まで居続け、締めくくりで粒が集まって社名を組み上げる

できること

スクロールで進む/カーソルで粒が押しのけられる/画面がわずかにねじれる

サイトを見る
ワインブランドZOROの3Dサイト(パソコン表示)
同じサイトのスマートフォン表示
15
モチーフ型ワイン・酒類ブランド

線が集まって一本のワインになる

向いている業種

ワイン・日本酒・化粧品・工芸。手に取る前に、世界観で選ばれたい商品

3Dの仕掛け

散らばった線が集まってグラスを持つ人になる。章が進むごとに、グラス・葡萄・ボトルへ姿を変える

できること

スクロールで進む/味わいを果実・酸・余韻で選ぶ/写真6枚が横に流れ、最後にボトルが全画面へ広がる

サイトを見る
ワイヤレスイヤホンKANADEの3D製品サイト(パソコン表示)
同じサイトのスマートフォン表示
16
モチーフ型オーディオ・精密機器

音の世界へ入り、イヤホンの中まで見る

向いている業種

オーディオ・精密機器。装着感や構造、色の違いを手に取るように伝えたい商品

3Dの仕掛け

金属の波を抜けて、ケースとイヤホンへ近づく。スクロールに合わせて10の部品が分かれ、つくりを立体的に見せる

できること

スクロールで製品を分解/製造イメージの写真を切り替える/音響部品をなぞって内部を見る

音の世界へ入る
北欧の木で建てた家の中を見て回る3D(パソコン表示)
同じサイトのスマートフォン表示
17
プレイ型住宅・ハウスメーカー

玄関の扉を開けて壁の中まで見て回る

向いている業種

注文住宅・工務店・リフォーム。実物を見てもらう前に、完成すると見えなくなる手間を伝えたい会社

3Dの仕掛け

雪の庭に建つ家の外観から始まり、玄関の扉を押すと開いて中へ入る。リビング・壁の中・洗面・ヒノキ風呂・子ども部屋・寝室・夜のリビングと、外観をあわせて8か所。右上の間取り(1階/2階)から、行きたい部屋へ直接飛べる

できること

二重丸の印を押すと、その場所の話が画面いっぱいの窓で開く/壁を左右になぞると、内装から構造材まで5層がめくれる/構造材の焼き印・木の履歴書・気密測定の紙が読める/そのまま資料請求とモデルハウス見学へ

家に入る
中学受験専門オンライン学習塾リケイの校舎を上から見た3D(パソコン表示)
同じサイトのスマートフォン表示
18
プレイ型学習塾・オンライン教育

校舎を上から見て入る部屋を選ぶ

向いている業種

学習塾・教室・スクール。通ってもらう前に、教え方と部屋の空気を見せたい仕事

3Dの仕掛け

校舎を上から切り取った1枚の絵に、理科・算数・面談の3つの扉が並ぶ。どの扉からでも入れて、何度でも戻れる。部屋の中はぐるりと見回せて、実験台も黒板も水そうもそのまま置いてある

できること

緑の丸い印を押すと、実験台や水そうにぐっと近寄って、この塾のやり方が画面いっぱいの窓で開く/部屋ごとの札から、RIKEI のこと・三段の教え方・授業のことが読める/3つの部屋を見終わると、そのまま体験授業の申し込みへ

校舎に入る
小人と3つのお店を歩いて巡るZOROYA TOWN(パソコン表示)
同じサイトのスマートフォン表示
19
プレイ型飲食店・観光・地域案内

小人と町を歩いて3つのお店を訪ねる

向いている業種

飲食店・観光・地域案内。お店や地域の魅力を、町を歩く体験で伝えたい仕事

3Dの仕掛け

手描き風の小人と、3つのお店が並ぶ立体の町。近づいたお店の話を、吹き出しで案内する

できること

小人を動かして町を歩く/ジャンプする/3つのお店で料理写真と紹介を見る

町を歩く
YORIMICHI DELIVERYのパソコン表示
YORIMICHI DELIVERYのスマートフォン表示
20
プレイ型飲食・デリバリー

配達バイクで街を巡って今日のごはんを選ぶ

向いている業種

飲食店・デリバリー・商店街。複数のお店の魅力を、街を旅する体験として伝えたいサービス

3Dの仕掛け

モノクロの版画の入口から、赤い上着の配達員が走る海沿いの町へ。海岸通りを巡り、港の食堂・波止場の市場・灯台の喫茶へ寄り道できる

できること

スクロールやドラッグで街を巡る/お店のメニューを開いて注文バッグに入れる/左右に避けながらお弁当を集める配達ゲーム/音は自分でON・OFFできる

配達の旅に出る
COCONA FILM TOWNのパソコン表示
COCONA FILM TOWNのスマートフォン表示
21
プレイ型映像制作・クリエイター

町を歩いて15の映像作品に出会う

向いている業種

映像制作・クリエイター・作品ポートフォリオ。作品のジャンルや世界観を、ひとつの展示空間で伝えたい人

3Dの仕掛け

雲に浮かぶ小さな3Dの町に、シネマ館・SNS映像スタジオ・AIアトリエを配置。案内役のここなと歩き、3つの場所で15本の映像を鑑賞できる

できること

押し続ける・矢印キーで歩く/ジャンプして町を探索する/建物に近づいて作品一覧を開く/作品ガイドから直接鑑賞や道案内を選ぶ

映像の町を歩く
HORIZON BALLPARKのパソコン表示
HORIZON BALLPARKのスマートフォン表示
22
プレイ型スポーツ・複合レジャー施設

球場を巡り朝から夜まで楽しむ

向いている業種

スポーツ施設・複合レジャー施設・観光。観戦に加え、飲食や宿泊など、一日を通した楽しみを伝えたい施設

3Dの仕掛け

観客で埋まるスタンド、選手紹介の大型ビジョン、球場を望むホテル。屋根を開くと雲の流れる青空が広がり、夜はブルーの光に包まれる

できること

球場や施設を巡る/観戦シートへ移動する/屋根を開閉する/ナイターへ切り替える/10球のバッティングチャレンジで遊ぶ

ボールパークを体験する
HIKARI 光の庭園のパソコン表示
HIKARIのスマートフォン表示
23
シネマ型プレイ型SNSマーケティング・コンサルティング

ひかりを商いへ

向いている業種

コンサルティング・マーケティング支援・士業。目に見えにくい支援の価値を、変化の物語として伝えたい事業

3Dの仕掛け

光が差す庭園を、花・レンズ・紙片・門・水盤・街へと巡る。スクロールに合わせて景色が変わり、事業が明るくなる8つの場面をたどる

できること

スクロールで物語を進む/4か所で光に触れる/課題を選んで相談メモをまとめる/最後から冒頭へもう一度巡る

光の物語を巡る
個 PIECES 静寂を破る、一滴の舞台のパソコン表示
個 PIECESのスマートフォン表示
24
シネマ型日本酒・工芸・地域ブランド

静寂を破る一滴の舞台

向いている業種

日本酒・工芸品・地域ブランド。素材や作り手の想いを、映像の物語として伝えたい商品

3Dの仕掛け

渓流に落ちる一滴から、立体的な切り絵が広がり稲田へ。光が瓶を照らし、粒子が「個」の銘を結ぶ

できること

冒頭から最後まで自動で鑑賞/スクロールで場面を巡る/一時停止・再開/もう一度冒頭から再生

一滴の舞台を見る
おさるマーケ大学 空のキャンパスのパソコン表示
おさるマーケ大学 空のキャンパスのスマートフォン表示
25
プレイ型スクール・オンライン講座

空のキャンパスで24の講座をめぐる

向いている業種

スクール・オンライン講座・会員コミュニティ。多くの学びやサービスの魅力を、探索する体験として伝えたい事業

3Dの仕掛け

雲の上の小さな星に、24講座の校舎とグッズショップ。おさると歩き、中央の大きなバナナから受講生の物語に出会う

できること

おさるを動かして歩く/笑顔でジャンプ/360度見回す/校舎の紹介から講座LPへ/グッズや受講生対談を見る

おさるとキャンパスを歩く
じんあい保育園 ちいさな一日のものがたりのパソコン表示
じんあい保育園 ちいさな一日のものがたりのスマートフォン表示
26
プレイ型保育園・こども園

ちいさな一日のものがたり

向いている業種

保育園・こども園・幼児教室。入園前の親子に、一日の過ごし方や園の雰囲気を伝えたい施設

3Dの仕掛け

ぬいぐるみのようなうさぎ「こも」が、登園から遊び、給食、お昼寝、お迎えまでをご案内。やわらかな光と木の質感に包まれた7つの場面で、園の一日を描く

できること

「次へ」で一日を進む/好きな場面を選ぶ/ドラッグで見回す/自動で鑑賞する/先生紹介や保護者向けのおはなしを読む/園見学予約の画面を開く

園の一日を体験する
6つの段ボール工作で遊ぶ、ちいくじ3D工作室のパソコン画面
大きなボタンで工作を動かせる、ちいくじ3D工作室のスマートフォン画面
27
プレイ型工作教室・知育・親子体験

工作を動かしてあそぶ

向いている業種

工作教室・知育教室・親子イベント。体験する楽しさや、ものづくりの仕組みを伝えたいサービス

3Dの仕掛け

段ボールのキャラクターと、紙の質感を持つ6つの工作。ガチャ・クレーン・ビー玉・自販機・ピンボール・コーヒーカップが動き、背景の文字が粒子になって切り替わる

できること

工作を選ぶ/大きなボタンで動かす/ドラッグで向きを変える/何度でもあそぶ/工作ガイドを読む/ちいくじ公式の作り方や動画を見る

工作室であそぶ
TUTTI! あそびから始める音楽教室。どうぶつの楽団が並ぶパソコン画面
大きな文字とボタンで遊べるTUTTI!のスマートフォン画面
28
プレイ型リトミック・ピアノ・音楽教室

あそびから始める音楽教室

向いている業種

リトミック・ピアノ・幼児音楽教室。1〜6歳の親子に、体験する楽しさから教室への興味を持ってもらいたいサービス

3Dの仕掛け

絵本のような森と虹、6匹のどうぶつ楽団。タップするたび楽器が加わり、リズムに合わせて合奏。短い開幕演出と昼夜の切り替えで世界に入る

できること

タップで合奏/音なしであそぶ/年齢別30秒ミニレッスン/絵でわかる遊び方/楽しい気持ちから体験予約へ(予約は制作デモ)

どうぶつ楽団であそぶ
森の一軒家ホテルKOMOREBIの精密な断面模型と背景写真。パソコン表示
施設の選択欄から模型を切り替えるKOMOREBIのスマートフォン表示
29
プレイ型ホテル・旅館・宿泊施設

模型でめぐる森の一軒家ホテル

向いている業種

ホテル・旅館・貸別荘・複合宿泊施設。部屋の違いや滞在中の楽しみを、泊まる前から想像してもらいたい施設

3Dの仕掛け

家具や小物まで作り込んだ6つの断面模型。本館、スイート、家族4人の部屋、愛犬と泊まる離れ、温泉、BBQテラスを選ぶと、模型とその場所のAI生成写真が切り替わる

できること

施設を選ぶ/模型を回す・近づく/朝と夕暮れの光を切り替える/背景写真を大きく見る/過ごし方を選ぶ(架空のホテルの制作デモ)

森のホテルをめぐる
理科の3D絵本。山道を歩くハルと、きらいの森とふしぎの種の表紙。パソコン表示
丸ゴシックの大きな物語タイトルと、オレンジの開始ボタン。スマートフォン表示
30
シネマ型プレイ型学習塾・個別指導・オンライン教育

物語で学ぶ理科のオンライン塾

向いている業種

学習塾・個別指導・オンライン教育。苦手意識のある子どもに、学ぶ楽しさと先生に聞きたくなる気持ちを届けたい教室

3Dの仕掛け

森、土の中、水の世界、宇宙、天文台へと移り変わる3D絵本。大きな文字が場面に合わせて現れ、種の発芽・水の循環・月の満ち欠けを手で動かして確かめる

できること

物語を読む/種に水をあげる/水の旅を進める/月を動かす/先生の紹介を読む/公式サイトの無料学習相談へ進む。文章だけでも読める制作サンプル

理科の冒険をはじめる
3つの香りを花・霧・森の世界で選ぶÉLANEのパソコン表示
香水のボトルを回して確かめるÉLANEのスマートフォン表示
31
モチーフ型香水・化粧品・美容ブランド

気分で選ぶ香りの世界

向いている業種

香水・化粧品・美容ブランド。商品のかたちや質感と、使うときの気分をひとつの体験で伝えたい商品

3Dの仕掛け

架空ブランドÉLANEの3本の香水。気分に合わせて花・霧・森の世界へ切り替わり、透明なガラスと液体、手前と奥の花や葉が商品の立体感を引き立てる

できること

気分から香りを選ぶ/ボトルを回す・拡大する/詳細でも自動回転とドラッグで確かめる/好きな香りをブラウザに保存/音楽を自分でON・OFF

香りの世界をめぐる
淡いブルーの空間にジュエリー写真が浮かぶLueur Jewelryのパソコン表示
Lueur Jewelryのスマートフォン表示
32
モチーフ型ジュエリー・ファッション

光と余白をまとうジュエリー

向いている業種

ジュエリー・コスメ・アパレル。商品の写真とブランドの空気感を大切にしたいお店

3Dの仕掛け

淡いブルーのグラデーションに写真が浮遊。薄布や花びらの質感と横に流れる文字で、シネマティックな写真回廊をつくる

できること

写真をスクロール・ドラッグして4つのコレクションへ/商品と着用写真の切り替え/ブランドの紹介

ジュエリーを見る
カラー・装飾・名入れを選ぶ指輪の3Dサイト(パソコン表示)
同じ指輪サイトのスマートフォン表示
33
モチーフ型婚約指輪・結婚指輪

ふたりの指輪を選ぶ

向いている業種

ジュエリー・ブライダル。素材や装飾の違いを、見ながら選んでほしいお店

3Dの仕掛け

指輪が回転し、カラー・装飾・名入れを順に紹介。ブルーとピンクの背景が移り変わる

できること

カラー3色/ラウンド・オーバル・装飾なし/18文字の名入れ/選んだ指輪で来店予約を試す

指輪を選ぶ
淡い青の空間で眼鏡を選び、顔に重ねて試せるサイトのパソコン表示
眼鏡のAR・バーチャル試着サイトのスマートフォン表示
34
AR・バーチャル試着眼鏡・アイウェア・ファッション

顔に重ねて似合う眼鏡を選ぶ

向いている業種

眼鏡・アイウェア。来店前にフレームを顔に合わせて、似合うかたちや色を比較したいお店

3Dの仕掛け

淡い青のグラデーションに奥行きのある点群が動く。眼鏡の3Dモデルは横や裏側まで360度回転し、カメラでは顔の動きに合わせてフレームを重ねる

できること

カメラでAR試着/写真やデモモデルで比較/位置・大きさ・傾きを調整/3Dモデルを回転・拡大。見た目の印象を確かめる試着サンプル

眼鏡を試着する
VOILEの3着のドレス
VOILEのドレス素材
35
AR・バーチャル試着ウェディングドレス・ブライダル

白いアトリエで選び写真でドレスを試す

向いている業種

ウェディングドレス・ブライダルサロン。来店前に3着のかたちや素材、デザイナーの物語に触れ、自分に似合う雰囲気を選びたいお店

3Dの仕掛け

白いアトリエの中をカメラで移動し、3着のドレスを選ぶ。クリックするとディテールへ近づき、デザイナーのストーリーから写真試着へ進める

できること

自分の写真やモデル写真にドレスを重ねる無料のブラウザ試着。写真は外部送信せず、自動位置合わせ・手動調整・3着の比較・画像保存ができる。元の服は消去せず、見た目の印象を比較するサンプル

アトリエで試着する
赤とクリーム色の画面にDYNAMOのソーダボトルが浮かぶパソコン表示
DYNAMOのソーダボトルと大きな文字を見せるスマートフォン表示
36
モチーフ型クラフトソーダ・飲料・食品ブランド

ソーダの泡とボトルが気分を弾ませる

向いている業種

クラフトソーダ・ジュース・飲料ブランド。ボトルのかたちと味わい、飲む場面の楽しさを伝えたい商品

3Dの仕掛け

架空ブランドDYNAMOのソーダボトルが、スクロールに合わせて回転して移動。泡が浮かぶ赤い画面から、丸いマークが広がって乾杯の写真へつながる

できること

チェリー・ライム・ジンジャーの詳細を選ぶ/ソーダを楽しむ3つの場面を切り替える/ブランドの物語を読む/相談文を作ってコピー/動きを止める・再開する

ソーダの世界をめぐる
VivaVinoのワインボトルとカラフルな乾杯カード。パソコン表示
VivaVinoのワインボトルと読みやすい縦書き。スマートフォン表示
37
モチーフ型ワイン・飲料・食品ブランド

一本のワインと畑から食卓へ旅する

向いている業種

ワイン・日本酒・飲料・食品ブランド。商品のかたちと味わい、食卓で楽しむ時間を伝えたいお店

3Dの仕掛け

架空ブランドVivaVinoのボトルが、ぶどう畑から食卓までを案内。白・赤・ロゼでラベルが変わり、色のある味わいチャートとポップな乾杯カードが広がる

できること

3つのワインを選ぶ/味わいと料理の組み合わせを見る/乾杯の3ステップをゆっくり読む/お気に入りをブラウザに保存/動きを止める・再開する

ワインの世界をめぐる
大きなバーガーと食材が主役のBURGER TOWN。パソコン表示
スクロールで味を選ぶBURGER TOWN。スマートフォン表示
38
モチーフ型ハンバーガー・飲食店・食品ブランド

食材が踊る BURGER TOWN

向いている業種

ハンバーガーショップ・カフェ・飲食店・食品ブランド。食材のおいしさと、選ぶ楽しさを大きな写真や動きで伝えたいお店

3Dの仕掛け

大きなバーガーと食材がスクロールに合わせて動き、4つの味と背景色が切り替わる。アメリカンダイナーの写真や、立体のバーガーが浮遊する世界へつながる

できること

4つのバーガーを選ぶ/商品詳細を見る/おいしさの路線図をたどる/3Dバーガーをドラッグ・タップして遊ぶ/浮遊を止める・再開する

バーガーの世界で遊ぶ
炎に包まれたバーガーが回転するZOROYA BURGER。パソコン表示
焼きたてのバーガーを大きく見せるZOROYA BURGER。スマートフォン表示
39
モチーフ型ハンバーガー・飲食店・食品ブランド

バーガーを回して焼きたてを味わう

向いている業種

ハンバーガーショップ・カフェ・飲食店・食品ブランド。焼き目や肉汁、氷の冷たさまで、食べたくなる質感で伝えたいお店

3Dの仕掛け

架空ブランドZOROYA BURGER。炎を背にバーガーが回り、スクロールで具材が分解。鉄板では肉汁の粒と湯気が立ち、ポテトやコーラも奥行きのある姿で回転する

できること

バーガー・ポテト・コーラを選ぶ/自動回転とドラッグで360度見る/メニューと食材のこだわりを読む/動きと音を自分で切り替える

焼きたての世界へ
淡いピンクのクリームジャーと柔らかな光のmellua。パソコン表示
クリームの立体感と日本語の見出しを見せるmellua。スマートフォン表示
40
モチーフ型スキンケア・コスメ・ライフスタイルブランド

ひと瓶のクリームで自分をいたわる

向いている業種

スキンケア・ハンドクリーム・コスメ・生活雑貨。手に取る前から、質感と使う時間の豊かさを伝えたい商品

3Dの仕掛け

架空ブランドmelluaのピンクのジャーが、スクロールに合わせて向きを変えて開く。柔らかな光、クリームの曲線、朝と夜の使用シーンを一つの物語で見せる

できること

クリームの瓶を回す/ひらく・ふれる・ひと息の3つの所作を選ぶ/商品のストーリーを読む/動きを止める・再開する

クリームの世界を体験する
赤い看板が目印のBURGER TOWN外観イメージ
奥に並ぶ赤いブース席の店内イメージ
41
プレイ型ハンバーガーショップ・飲食店

扉から店内へ入り奥の席まで巡る

向いている業種

飲食店・カフェ・バー。席の雰囲気や店内の広がりを、来店前に伝えたいお店

3Dの仕掛け

赤い看板の扉へ近づき、カウンターのパノラマへ。ボタンで奥のブース席に視点が移る

できること

店内をドラッグして見回す/カウンターとブース席を切り替える/バーガー・ポテトの体験用クーポン・架空の道案内を見る

店内へ入る

4つの表現について

モチーフ型

社名・ロゴ・商品・キャラクターそのものを立体にして、最初から最後まで連れて歩きます。お店の「顔」が主役になる作りです。

シネマ型

1本のページを映画のように見せます。スクロールに合わせて世界が動き、読み終わったときに気持ちが決まっています。

プレイ型

スクロールではなく、お客さんの操作で進みます。押して、見つけて、開く。読ませるのではなく、歩いてもらう作りです。

AR・バーチャル試着

カメラ映像や写真に商品を重ねて、身につけた印象を確かめます。色やかたちを切り替えて、自分に似合うものを選べます。

HOW TO USE

気に入ったデザインをあなたのサイトへ

01

表現から探す

左のカテゴリーやキーワードから、気になる作品を絞り込めます。複数の表現を組み合わせた作品もあります。

02

実際に触ってみる

各カードからサイトを開いて、スクロールやクリックで見せ方と動きを確かめてください。

03

サイトづくりに活かす

気に入った作品のURLと、取り入れたい動きをAIや制作担当者に伝えてください。