案例研究 · 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 團隊只需改文字，毋須碰程式碼。