概念作品,Premium 配套
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 实测。重点不在这几个数字本身,而在于你的网站上线时,也会有属于它自己的数字。