年度最佳网站拆解
Awwwards 和 FWA 每年各评出一个年度最佳网站。这个栏目从 2020 年起逐年拆解这些获奖站。每篇报告从创意概念、视觉设计、交互动效到前端实现,系统分析它的获奖原因,并附有在真实浏览器中测得的性能与资源数据。
- 报告
- 8
- Awwwards
- 5
- FWA
- 4
- 最近年份
- 2025

Bruno's Portfolio
Bruno's Portfolio 是法国创意开发者 Bruno Simon 的个人作品集,整个作品集是一座能开着玩具吉普车四处逛的小岛。屏幕中起始是一道发光的圆环,圆环收成一点后,一小块圆形地面从中间长出来,上面停着一辆红色吉普车。访客点一下开始,这块地面就扩成整座岛,车开到哪里,访客就看到哪一部分内容。岛上的天色和季节跟着真实的时钟变化,同一时刻打开网站的访客看到同一个黄昏,别的访客留下的话也飘在岛上。

Lando Norris
Lando Norris 是迈凯伦 F1 车手 Lando Norris 的个人网站,整个网站拿车手的头盔当主线,从开场的头像、首页中段的头盔名人堂一直讲到页脚。屏幕中起始是一张 Lando Norris 的正面头像,光标在脸上划过的地方,会像搅动液体一样露出一顶涂装头盔的碎片。光标停在 NEXT RACE 卡片上时,整顶头盔从下往上罩到头上。访客往下滚动时,头像缩成一张卡片,一个荧光绿的签名跟着滚动一笔一笔写在照片上。

Food for Fish
Food for Fish 是比利时图形程序员 Kris Temmerman 为了试验 WebGPU 而做的一款网页点击式冒险游戏,画面全部由作者自写的 WebGPU 引擎绘制。主角是一个整天做网站的光头小人,他为了找到爷爷找了一生的成吉思汗金内裤,在家和院子里一条条地收集内裤。屏幕中起始是端着咖啡的小人站在摄影棚里,游戏标题在他身旁一笔笔写出来。访客点地板,小人就走过去,访客点描出白边的物件,他就会查看或使用它。

Igloo Inc
Igloo Inc 是加密消费品牌公司 Igloo 的官网,它没有用一页页的文字介绍公司,而是把公司和旗下的品牌都冻进了一片冰原,访客往下滚动,镜头就从雪山上的一座冰屋一路潜进冰里。屏幕中起始是那座冰屋,光标靠近时,冰屋的冰块会一块块浮起来发光。镜头随后穿过一道带着彩虹色边缘的冰雾,依次经过冻着两个品牌的冰块和一个发光的圆环,最后停在一只由十几万颗粒子聚成的企鹅面前。访客再往下滚动,镜头又回到那座冰屋。

Lusion v3
Lusion v3 是英国三维与交互工作室 Lusion 的第三版作品集网站,展示的是这家工作室用三维讲故事、做互动网页的能力。整个首页铺着一块三维画面,访客往下滚动,画面就一段一段往前推进。首页起始是一堆白色和深灰的十字形积木,里面夹着几块鲜艳的强调色,光标一靠近就把积木推开,访客点一下画面,强调色就换一种。首页最后,一位宇航员穿过一条发光的隧道,飞到写着 Let's work together 的结尾。

KPR
KPR 是一个数字藏品品牌的官网,这个品牌发行了一万个叫作 Keeper 的插画角色,网站把它们的世界做成一套边滚动边翻看的概念插画。屏幕中起始是一个紫发的 Keeper 角色铺满画面,右下压着 KEEP. PROTECT. REIMAGINE. 三行字。访客往下滚动,要塞那幅画会缩成一张带折角的卡片滑出屏幕,派系那幅画再从下方升上来铺满画面。在派系和世界两幅画上按住鼠标,访客会看到扫描仪视角下藏在画里的物件。

Persepolis Reimagined
Persepolis Reimagined 是美国盖蒂博物馆(Getty)推出的线上展览,它把两千五百年前波斯帝国的礼仪之都波斯波利斯复原成当年的样子,让访客以前来朝见国王的使节身份一站一站走进城里。屏幕中起始是一片夜里起雾的平原,访客往下滚动,雾慢慢散开,天色转成金黄,远处的城市露了出来。访客点下 ENTER 之后,镜头飞进城门,此后访客每滚动一段,镜头就沿着固定的路线走到下一尊雕像或下一座宫殿。

Pioneer - Corn Revolutionized
Pioneer - Corn Revolutionized 是美国种子品牌 Pioneer 的推广网站,它把一粒新玉米种子从实验室走到农民地里的过程,做成了一段用滚动推进、从不切换的三维镜头。屏幕中起始是一株玉米,访客往下滚动,玉米变成一根发光的基因链,基因链散成满屏的光点,光点又变成种子落进花盆,种子长成幼苗,镜头再升到高空,俯看一格一格的试验田。故事讲完之后,镜头回到第一株玉米,访客可以一直滚动下去。