Webbypages
案例

服装品牌 · 2026

Meridian

一个只有一家门店、没有购物车的小众服装品牌。网站全部的工作,是让你想亲手摸一件具体的衣服——然后准确告诉你它挂在哪里。

访问线上网站

99

Google 速度评分

2.0s

慢速 4G 下可见

31

个页面

Meridian

每季十二到十八件,小批量裁制。结构感衬衫、阔腿裤、一件外套。不打折,不做换季轮换。

需求

这里没有网店,也不该有。顾客早就知道自己的尺码;她想知道的是面料、版型,以及是否还有货。网站要做的是先勾起想要,再告诉她门店在哪。

我们做了什么

以灰色打版纸作页面底色,用裁缝粉笔的白作为凸起表面,只保留一种炽烈的橙——而且只用于一件事:哪些尺码是真的还有。三十一个页面——每件衣服一页、每种面料一页,再加门店、制作与试穿预约。

真正起作用的那个细节

整个系列挂在一根衣杆上:横向滚动,配一条固定不动的说明,指出居中的是哪一件。

横向滚动在网页上通常很糟——它劫持滚轮、破坏键盘操作、对搜索引擎隐身。这一个是老老实实做出来的,而把它做对,本身就是能力的证明。原生 CSS 滚动吸附,绝不劫持页面滚动。方向键在衣服之间切换;Tab 键按顺序走过每一件并把它带进视野。屏幕阅读器得到的是一个带标签的列表,以及一个会播报居中单品的实时区域。关掉 JavaScript,它依然是一份可读的列表。在手机上它会变成竖向堆叠,因为手机上的横向滚动会跟浏览器的返回手势打架。

库存诚实呈现——实心方块代表这个尺码有货,空心代表没有。售罄从不隐藏。

开始吧

打造你的企业值得拥有的网站。

告诉我们你的业务,我们会回复一份免费方案——没有压力,没有术语,也没有价格意外。

获取免费方案