案例研究 · JNLED
6,600 件产品,一张报价单搞定。
JNLED 自 2010 年起在香港生产 LED 照明,供应货轮、离岸平台、邮轮、酒店与工业。我们为它设计及开发全新网站:收录 6,600 件产品的目录,买家可以搜索、筛选,再把产品集合成一份报价请求,并支援五种语言。



以型号为中心而建。
- 客户
- JNLED
- 行业
- LED 照明制造商:船舶、商业与工业
- 我们的角色
- 设计及开发、产品目录与翻译
- 平台
- WordPress 自订主题
- 产品目录
- 6,600 件产品按系列整理,配合搜索、筛选与报价清单
- 语言
- English、Deutsch、Español、Português、Nederlands
照明制造商的网站,先是一道产品目录的题目,然后才是设计题。JNLED 的产品线多达 6,600 件,由 Neon-Flex 灯带、筒灯,到泛光灯、ATEX 防爆灯具与船用探照灯;大部分都是同一系列的不同版本,只在功率、色温、光束角或调光上有分别。买家来到网站时,手上往往已有型号或规格,要的是尽快找到那一个确切版本。
所以整个网站围绕产品目录而建。每个系列都把旗下版本归在一起,并可在“系列”与“全部型号”之间切换;筛选器可按功率、输入电压、IP 防护等级、色温与显色指数收窄范围;任何页面都能即打即搜,名称或型号皆可;报价清单则把全站挑选的产品与数量,集合成一份请求。
产品目录来自 JNLED 自己的产品试算表:我们把数据对应到产品类别与应用市场,产品页面直接由数据生成——网站跟著产品线走,而不是逐页重新输入。其余页面,JNLED 团队用我们为网站设计的内容区块自行编辑:他们只改文字,设计自然到位。
接著,我们把网站带到德文、西班牙文、葡萄牙文与荷兰文——产品、类别、筛选器、表格与页面——每种语言都有自己的网址,并以 hreflang 标示给搜索引擎。首页以一条用光绘出的 Neon-Flex 灯带揭幕,色彩不停流转。
jnled.net 已正式上线。 前往 jnled.net
网站内页
找得到、看得清、报得价。
三条通往 6,600 件产品的路——筛选、系列、搜索——终点都是同一份报价请求。




我们打造的功能
按规格销售的产品目录。
按系列,而非一张长清单
同一产品的各个版本放在一起,买家在同一处比较功率、光束角与色温,不用逐页翻看相似的产品。
认得型号的搜索
在任何页面输入名称、功率或型号,相符产品即时出现。
以真实规格筛选
功率、输入电压、IP 防护等级、色温与显色指数,全部直接由产品数据生成。
一份报价清单
全站挑选的产品与数量,一次过送出成一份请求。
五种语言
英文、德文、西班牙文、葡萄牙文与荷兰文,各有独立网址,并以 hreflang 标示给搜索引擎。
团队自行编辑的页面
为网站设计的内容区块让每一页都保持设计一致,JNLED 团队只需改文字,无须碰代码。