99
Google 速度评分
2.0s
慢速 4G 下可见
31
个页面
每季十二到十八件,小批量裁制。结构感衬衫、阔腿裤、一件外套。不打折,不做换季轮换。
需求
这里没有网店,也不该有。顾客早就知道自己的尺码;她想知道的是面料、版型,以及是否还有货。网站要做的是先勾起想要,再告诉她门店在哪。
我们做了什么
以灰色打版纸作页面底色,用裁缝粉笔的白作为凸起表面,只保留一种炽烈的橙——而且只用于一件事:哪些尺码是真的还有。三十一个页面——每件衣服一页、每种面料一页,再加门店、制作与试穿预约。
真正起作用的那个细节
整个系列挂在一根衣杆上:横向滚动,配一条固定不动的说明,指出居中的是哪一件。
横向滚动在网页上通常很糟——它劫持滚轮、破坏键盘操作、对搜索引擎隐身。这一个是老老实实做出来的,而把它做对,本身就是能力的证明。原生 CSS 滚动吸附,绝不劫持页面滚动。方向键在衣服之间切换;Tab 键按顺序走过每一件并把它带进视野。屏幕阅读器得到的是一个带标签的列表,以及一个会播报居中单品的实时区域。关掉 JavaScript,它依然是一份可读的列表。在手机上它会变成竖向堆叠,因为手机上的横向滚动会跟浏览器的返回手势打架。
库存诚实呈现——实心方块代表这个尺码有货,空心代表没有。售罄从不隐藏。