EMI DESIGN CO.← Home 回主页
3D Animated Websites

Websites people
stop to play with

3D animated website concepts I designed. Open one and play: tap, swipe, scroll. Works on phone and desktop. 这里是我设计的 3D 动态网站概念作品。打开就可以点、可以滑,电脑和手机都能用。

From US$2,999·马来西亚 RM5,000 起First year domain + hosting, Google submission and one free major revision included · 送第一年域名 + 空间、提交 Google、免费大修改一次

NOVARA Residences 3D website conceptNOVARA mobile
3D WebsiteConcept 概念作品Property · 楼盘

NOVARA Residences

Climb the tower floor by floor, open the penthouse, then walk room by room with tap-to-see details.

新楼盘网站:一层层爬上塔楼,打开顶楼的剖面图,再一间一间走进去看,每样东西都有标记。

Open site 打开网站 →
KALA 3D website conceptKALA mobile
3D WebsiteConcept 概念作品Watches · 手表

KALA

A real-looking watch with a seconds hand that actually runs. Scroll into the dial, then pick a finish and a beam of light repaints it.

手表网站:秒针真的会走,往下滑推进表盘,选一款颜色,一道光扫过就换款。

Open site 打开网站 →
WHIRL LAB 3D website conceptWHIRL LAB mobile
3D WebsiteConcept 概念作品Dessert · 甜点

WHIRL LAB

A ribbon of cream pours into a steel bowl, swirls into a cone and is dipped in dark chocolate, step by step as you scroll.

软冰淇淋网站:往下滑,一条奶油倒进钢碗、旋进甜筒、再沾上黑巧克力,一步步做出来。

Open site 打开网站 →
SWIRL & CO 3D website conceptSWIRL & CO mobile
3D WebsiteConcept 概念作品Bakery · 烘焙

SWIRL & CO

Flat dough, cinnamon filling, rolled, baked and iced. The whole cinnamon roll is made in front of you.

肉桂卷面包店网站:面皮、倒肉桂馅、卷起来、烤好、淋糖霜,整个肉桂卷在你眼前做出来。

Open site 打开网站 →
FUOCO LENTO 3D website conceptFUOCO LENTO mobile
3D WebsiteConcept 概念作品Restaurant · 餐厅

FUOCO LENTO

A dough ball stretches into a base, sauce spirals out, toppings land and it fires in the oven.

披萨店网站:面团拉成饼皮、番茄酱转成圈、配料掉下来、进炉烤好。

Open site 打开网站 →
CASA QUEMA 3D website conceptCASA QUEMA mobile
3D WebsiteConcept 概念作品Dessert · 甜点

CASA QUEMA

Silky batter pours into the tin, bakes in the oven, burns on top and is cut to show a soft centre.

巴斯克蛋糕网站:奶酪糊倒进烤模、进烤箱、表面烤焦,最后切开看到软软的中间。

Open site 打开网站 →
CACAOTIER 3D website conceptCACAOTIER mobile
3D WebsiteConcept 概念作品Chocolate · 巧克力

CACAOTIER

From a cracked cacao pod to melted chocolate, poured into a mould and set into a glossy bar.

巧克力品牌网站:可可果裂开、融成巧克力、倒进模具、变成一块亮亮的巧克力。

Open site 打开网站 →
CINDER 3D website conceptCINDER mobile
3D WebsiteConcept 概念作品Restaurant · 餐厅

CINDER

A steakhouse menu you can play with. Switch between burgers, pizza, steaks and desserts, pick the doneness and add to order.

牛排餐厅菜单网站:汉堡、披萨、牛排、甜点一键切换,选熟度、加数量、加入订单。

Open site 打开网站 →
NOIR Cold Brew 3D website conceptNOIR Cold Brew mobile
3D WebsiteConcept 概念作品Coffee · 咖啡

NOIR Cold Brew

Cold brew pours out of the bottle as you scroll, milk swirls into an iced glass, then the bottle is served.

冷萃咖啡网站:往下滑,咖啡从瓶子倒出来,牛奶在冰咖啡里散开,最后整瓶摆上桌。

Open site 打开网站 →
THE HALO 3D website conceptTHE HALO mobile
3D WebsiteConcept 概念作品Product · 产品

THE HALO

A copper coffee machine with beans orbiting like planets. Scroll through the chamber and the drop, then pick a finish.

像星球一样的铜色咖啡机,咖啡豆在轨道上转。往下滑看冲煮过程,最后选颜色。

Open site 打开网站 →
GROUND / UP 3D website conceptGROUND / UP mobile
3D WebsiteConcept 概念作品Coffee · 咖啡

GROUND / UP

Grind, pour, sip. Giant bouncy words for every step and a grind picker for your coffee gear.

咖啡豆品牌网站:磨、冲、喝,每一步一个会弹的大字,还可以选你的冲煮器具。

Open site 打开网站 →
DRIP / DAYS 3D website conceptDRIP / DAYS mobile
3D WebsiteConcept 概念作品Coffee · 咖啡

DRIP / DAYS

Beans burst apart under a giant headline, the dripper blooms, and you drag flavour tags to find your cup.

手冲咖啡网站:咖啡豆在大标题旁边爆开、滴滤、拉花,可以拖风味标签找你的咖啡。

Open site 打开网站 →
SAFFRON & SMOKE 3D website conceptSAFFRON & SMOKE mobile
3D WebsiteConcept 概念作品Restaurant · 餐厅

SAFFRON & SMOKE

Marinate, flame, serve. Huge letters drop in over each step and embers float over the fire.

烤肉串餐厅网站:腌、烤、上桌,每一步大字掉下来,火的那一段有火星往上飘。

Open site 打开网站 →
COCOA & CRÈME 3D website conceptCOCOA & CRÈME mobile
3D WebsiteConcept 概念作品Dessert · 甜点

COCOA & CRÈME

Hot dark chocolate keeps pouring over a vanilla scoop. Scroll and a sundae builds itself, 5 layers ticking off one by one.

巧克力甜品店网站:热巧克力一直淋在香草冰淇淋上。往下滑,圣代自己一层层叠起来,右边 5 层一项项打勾。

Open site 打开网站 →
LUMA COFFEE 3D website conceptLUMA COFFEE mobile
3D WebsiteConcept 概念作品Café · 咖啡馆

LUMA COFFEE

Real steam rises from the latte in a dark, warm café. Scroll and the hot latte turns iced in front of you, 68°C down to 4°C.

咖啡馆网站:深色电影感,拿铁真的一直冒烟。往下滑,热拿铁在你眼前变冰拿铁,温度从 68°C 降到 4°C。

Open site 打开网站 →
ATELIER SOLENNE 3D website conceptATELIER SOLENNE mobile
3D WebsiteConcept 概念作品Jewellery · 珠宝

ATELIER SOLENNE

Liquid gold becomes a band, a ring and then sits on a hand. Design your own ring and see the price change.

珠宝网站:液态黄金变成戒圈、戒指,最后戴在手上。可以自己选金色和钻石大小,价钱即时变。

Open site 打开网站 →
NAMI SUSHI 3D website conceptNAMI SUSHI mobile
3D WebsiteConcept 概念作品Restaurant · 餐厅

NAMI SUSHI

One light in a dark room, soy pouring over the plate. One scroll makes the whole roll: nori, rice, salmon, roll, slice, serve.

寿司吧网站:暗房里一盏灯照着盘子,酱油一直淋。往下滑一次,一条寿司从海苔做到上盘,号码和计时跟着跑。

Open site 打开网站 →
OPTÉRA 3D website conceptOPTÉRA mobile
3D WebsiteConcept 概念作品Eyewear · 眼镜

OPTÉRA

Glasses float under one window of light. One scroll takes a frame from clear acetate to tortoise, gold temples, and into its leather case.

手工眼镜网站:暗房里一道窗光,眼镜飘在空中。往下滑,透明变玳瑁、金脚、折起来、放进皮盒关上,打磨时数跟着跑到 24 小时。

Open site 打开网站 →
HIRO RAMEN 3D website conceptHIRO RAMEN mobile
3D WebsiteConcept 概念作品Restaurant · 餐厅

HIRO RAMEN

Broth pours, noodles lift, toppings land. Set your spice level and noodle firmness.

拉面店网站:倒汤、拉面、放配料,一步步变成一碗。可以选辣度和面的软硬。

Open site 打开网站 →
YUKI MOCHI 3D website conceptYUKI MOCHI mobile
3D WebsiteConcept 概念作品Dessert · 甜点

YUKI MOCHI

A strawberry mochi floats under one light. One scroll drapes it over gelato, sets it on the plate and cuts it open, 12 hours of rest ticking up.

麻糬冰淇淋网站:暗房里一盏灯照着草莓麻糬。往下滑,麻糬盖上冰淇淋、上盘、切开,休息时数跟着跑到 12 小时。

Open site 打开网站 →
ARAS 3D website concept
3D WebsiteConcept 概念作品Property · 房产

ARAS

An interactive tower. Pick a floor and it lights up, change day to night, then step inside and look around the home in 360°.

互动高楼网站:选一层楼就亮起来,可以换白天和晚上,再走进屋子 360° 看。

Open site 打开网站 →
KILAU 3D website concept
3D WebsiteConcept 概念作品Car Detailing · 洗车

KILAU

Scroll and a wave of foam washes a muddy SUV until it shines. The customer sees your work before they book.

滑下去,一道泡沫把全身是泥的车洗到发亮。

Open site 打开网站 →
KABUS 3D website concept
3D WebsiteConcept 概念作品Tea · 茶园

KABUS

A full-screen film of a misty highland tea field. The website feels like a movie.

全屏电影感的高山茶园,网站好像一部影片。

Open site 打开网站 →
KAKI 3D website concept
3D WebsiteConcept 概念作品Sneakers · 球鞋

KAKI

Tap a colour and light sweeps across the shoe. Zoom in to see the knit, then pick your pair.

按颜色,一道光扫过鞋子变色,还可以放大看织纹。

Open site 打开网站 →
STAKD 3D website concept
3D WebsiteConcept 概念作品Burgers · 汉堡

STAKD

A smash burger that stacks itself, then explodes layer by layer as you scroll.

汉堡自己叠好,滑下去一层层分开。

Open site 打开网站 →
ARAS 360° 3D website concept
3D WebsiteConcept 概念作品Property · 看房

ARAS 360°

A 360° home tour. Drag to look around, then walk between rooms by tapping the floor.

360° 看房:拖着看四周,点地上的圆圈走去下一个房间。

Open site 打开网站 →
VERDE 植物护肤精华网站电脑版
3D 动态网站概念作品 Concept护肤 Skincare

VERDE

A skincare site where one real drop of golden serum splashes into a crown, then the ingredients float up with gold lines following them.

植物护肤品牌的网站。一滴金色精华从上面掉下来,溅成一个皇冠,水波一圈圈散开。往下滑,积雪草叶、茉莉花瓣和精华滴在空中慢慢转,金色细线一条条拉出来,指着每一个成分,而且线会跟着叶子和花瓣飘。

  • 开场:真的精华滴下来溅成皇冠,标题一行行浮上来
  • 成分:叶子、花瓣在空中转,金线跟着它们走
  • 商店:三个产品照片卡,看得到价钱
  • 精华、叶子都是真的影片画面,电脑和手机都可以用
Open site 打开网站 →

这是概念作品,购物车只是示范,不会真的下单。

BERRIE 金马仑草莓奶昔网站电脑版
3D 动态网站概念作品 Concept饮料 Drinks

BERRIE

A strawberry shake site with a real splash behind giant letters. Scroll and a circle opens into a full milkshake swirl.

金马仑草莓奶昔店的网站。草莓从上面掉进一杯奶昔,奶昔整个溅起来,超大的 berrie 字母掉下来弹几下,被溅到还会压扁一下。往下滑,一个圆从中间打开,变成整个画面的草莓牛奶漩涡。

  • 开场:真的草莓掉进奶昔溅起来,字母跟着弹
  • 漩涡:圆从中间打开,跟着滑动播放
  • 菜单:三张照片卡片像贴纸一样贴上来
  • 奶昔、草莓都是真的影片画面,电脑和手机都可以用
Open site 打开网站 →

这是概念作品,购物车只是示范,不会真的下单。

NIRA Kelulut 蜂蜜网站电脑版
3D 动态网站概念作品 Concept蜂蜜 Honey

NIRA

A Kelulut honey site where golden hexagons open one by one to show real honey dripping from the comb.

马来西亚 Kelulut 无刺蜂蜂蜜品牌的网站。一打开,金黄色的蜂蜜从木勺慢慢流进玻璃罐,空气里有金色的小光点在飘。往下滑,金色的六角形格子一格一格画出来,每一格打开,里面是真的蜂巢在滴蜜。

  • 开场:真的蜂蜜流进罐子,标题一行行升上来
  • 蜂巢:六角格子一格一格打开,跟着滑动播放
  • 商店:三个产品照片卡,看得到价钱
  • 蜂蜜、蜂巢都是真的影片画面,电脑和手机都可以用
Open site 打开网站 →

这是概念作品,购物车只是示范,不会真的下单。

KAKAO & KRIM 3D 巧克力冰淇淋网站电脑版KAKAO & KRIM 3D 巧克力冰淇淋网站手机版
3D 动态网站概念作品 Concept甜品 Dessert

KAKAO & KRIM

A dessert site where chocolate pours over a scoop, the shell cracks, and a sundae rises out of it.

巧克力冰淇淋店的网站。一球香草冰淇淋掉下来,真的热巧克力从上面淋下来把它包住,变成一颗亮亮的巧克力球。一道光扫过,球裂开、碎片往屏幕飞,背景变成奶油色,里面升起一整杯圣代。

  • 开场:淋巧克力 → 光扫过 → 裂开 → 圣代升起,一打开就开始
  • 四款圣代:卡片一张张翻进来,看得到价钱
  • 巧克力是真的液体画面,不是画出来的
  • 电脑和手机都可以用
Open site 打开网站 →

这是概念作品,点单只是示范,不会真的下单。

POPPA 3D 汽水网站电脑版POPPA 3D 汽水网站手机版
3D 动态网站概念作品 Concept饮料 Drinks

POPPA

A soda site. Swipe and the can spins away, fruit bursts and the whole page changes colour.

水果汽水品牌的网站。一罐大大的汽水在中间飘,水果绕着它转。每换一个口味,罐子转着飞走、水果整个爆开、汽水水珠溅出来,整个背景跟着换颜色。

  • 口味转盘:5 个口味,按下面的罐子或手机左右滑
  • MIX IT:5 罐从四面八方飞进来,排成一排、溅水花
  • 商店:5 罐慢慢飘,看得到价钱
  • 罐子和水果都是 3D 渲染,电脑和手机都可以用
Open site 打开网站 →

这是概念作品,购物车只是示范,不会真的下单。

TONDO 3D 披萨网站电脑版TONDO 3D 披萨网站手机版
3D 动态网站概念作品 Concept披萨 Pizza

TONDO

A pizza site with a flavour wheel. Slices fly in and join into a whole pizza.

披萨店的网站。一圈披萨片像转盘一样转,中间那片放大,标题「I'M CRAVING ___」跟着换口味,这口味的配料整个爆开飞出来,背景的光也换颜色。

  • 转盘:8 种口味一片一片转到中间,按箭头或手机左右滑
  • ONE PIE:8 片从四面八方飞进来,拼成一整个披萨
  • 菜单:8 个披萨慢慢转,可以加进购物车
  • 电脑和手机都可以用
Open site 打开网站 →

这是概念作品,购物车只是示范,不会真的下单。

SLOW / BLOOM 3D 手冲咖啡网站电脑版SLOW / BLOOM 3D 手冲咖啡网站手机版
3D 动态网站概念作品 Concept咖啡 Coffee

SLOW / BLOOM

A pour-over coffee site that walks through grind, pour and bloom as you scroll.

手冲咖啡品牌的网站。咖啡豆一直掉进磨豆机,往下滑咖啡粉一路掉进滤杯,手冲壶飞进来倒水,一道咖啡浪冲上来,换到桌上的一杯咖啡。

  • GRIND:豆子从上面掉进磨豆机,下面出咖啡粉
  • POUR:手冲壶倒水、冒热气,咖啡一滴一滴滴进壶里
  • SIP:玻璃感的咖啡浪换场,三张豆子卡片 3D 飞进来
  • 电脑和手机都可以用
Open site 打开网站 →

这是概念作品,购物车只是示范,不会真的下单。

SUGO 3D 意大利面餐厅网站电脑版SUGO 3D 意大利面餐厅网站手机版
3D 动态网站概念作品 Concept餐厅 Restaurant

SUGO

An Italian restaurant site where the fork twirls pasta as you scroll.

意大利面餐厅的网站。叉子卷着一口海鲜面挂在首页,往下滑面条一直拉长、酱汁滴下来,食材绕着面转,最后全部掉进盘子里。

  • 首页:叉子卷着面轻轻晃,往下滑面条拉长、酱汁一滴一滴掉进下一段
  • 面的龙卷风:青口、虾、番茄、罗勒绕着面转,标注跟着食材走
  • 一盘面:食材一个一个掉进盘子,冒热气,下面有菜单和地点
  • 电脑和手机都可以用
Open site 打开网站 →

这是概念作品,订位只是示范,不会真的送出。

Auréline 3D 香水网站电脑版Auréline 3D 香水网站手机版
3D 动态网站概念作品 Concept香水 Perfume

Auréline

A perfume site where ingredients fly along a ribbon of light into a glowing glass bottle.

香水品牌的网站。四种花材一颗一颗沿着金光绕着瓶子飞进去,瓶子里的香水一层层装满、变色,最后整瓶发光。

  • 首页:玻璃球里的玫瑰、茉莉、佛手柑、香草飞进瓶子,点「Compose again」可以再看一次
  • 往下滑:花材卡片 3D 翻转横向滑过
  • 同一个瓶子装三种颜色的香水,滑到上面液体会晃
  • 电脑和手机都可以用
Open site 打开网站 →

这是概念作品,下单和表单只是示范,不会真的送出。

Rumah Kuih 3D 网站电脑版Rumah Kuih 3D 网站手机版
3D 动态网站概念作品 Concept餐饮 F&B

Rumah Kuih

A Malaysian kuih shop. Flick the wheel and six nyonya kuih spin by.

Nyonya kuih 店的网站。一打开,6 个 kuih 在 3D 空间里绕圈转,手指一滑就换下一种。

  • 首页:kuih 3D 绕圈转,旁边吊着会随风摆的 kuih 吊饰
  • 往下滑:kuih 从远处飞过镜头,菜单卡片 3D 翻转滑过
  • 真 3D 模型:点「View in 3D」,kuih 可以用手指 360° 转来转去看(陆续加上中)
  • 4 页:首页、菜单、品牌故事、Catering 询价,都可以操作
Open site 打开网站 →

这是概念作品,下单和表单只是示范,不会真的送出。

Maison Crème 3D 网站电脑版Maison Crème 3D 网站手机版
3D 动态网站概念作品 Concept蛋糕店 Bakery

Maison Crème

A cake shop with a live custom-cake builder. Pick the style and size and the price updates instantly.

蛋糕店的网站。蛋糕放在转台上,手指一滑,旧的 3D 翻走,新的从上面掉下来,糖珠撒一地。

  • 首页:蛋糕掉到转台上,旁边吊着会晃的价钱牌,背景颜色跟着蛋糕变
  • 往下滑:一片蛋糕转过来放大,一层一层标出用料;橱窗里的蛋糕从倒下的角度立起来
  • 订制蛋糕页:选款式、口味、大小、字牌,左边的蛋糕即时跟着变,价钱即时算
  • 真 3D 模型:点「View in 3D」可以 360° 转(陆续加上中)
  • 4 页:首页、蛋糕菜单、品牌故事、订制蛋糕,都可以操作
Open site 打开网站 →

这是概念作品,下单和表单只是示范,不会真的送出。

More coming soon · 更多作品陆续加上

Want a website like this
for your business?

Tell me about your business and I'll show you what yours could look like.告诉我你做什么生意,我帮你想你的网站可以怎么动。

WhatsApp me →