跳至内容
NextClick

概念作品,Premium 配套

Sport Universe.

多品类运动用品零售,武吉加里尔. 两种运动、二十四件商品,还有一块永远停不下来的翻页记分牌。

打开线上版本
Sport Universe 首页的桌面版画面

当初设定的目标。

概念简报:足球和羽毛球,当成一个身份来卖,而不是两个事后想到、硬钉在一起的类别——这正是马来西亚真实的运动用品店在卖的组合。真实生成的产品摄影取代了图库素材,因为一家虚构的店在卖虚构的「Vertex」球鞋,不可能秀出 Nike 的钩子。

  • Next.js
  • GSAP ScrollTrigger
  • Generated photography
  • Static rendering

页面上每一个数字,都像机场翻牌显示屏那样翻动.

价格、库存数量、星级评分都不只是数字——每一个都是 Solari 式的翻牌字符循环,由 GSAP 驱动,滚动进入视野时落在真实数值上。选择配色会触发第二个机制:一道转播风格的斜向擦除,就是比赛精华片段常用的那种切法,把旧配色从真实产品照片上扫走,把新的扫进来。

一家多品类零售商能从这里得到什么:里面没有借来的品牌标志的真实产品摄影,一个让每个价格和库存数都活起来的记分牌机制,以及一套从六个 SKU 扩到六十个都不必重做的商品架构。

量出来的,不是讲出来的。

Largest Contentful Paint
416 ms
Cumulative Layout Shift
0
Anti-patterns found
0
Product photography
24 generated shots

在正式构建版本上以 Chromium tracing 实测。重点不在这几个数字本身,而在于你的网站上线时,也会有属于它自己的数字。

WhatsApp 联络下一个作品: Suku Coffee Lab