專案介紹

Topeak自行車配件品牌以其產品品質和實惠的價格而聞名。這是一家屢獲國際殊榮的公司，已獲得紅點設計獎、Eurobike Award和Taipeicycle D&I Award。Topeak擅長於用無與倫比的熱情來創造領先業界的優質產品，提升顧客的騎行體驗。

背景與挑戰

在這個專案中，Tenten負責了前端開發和後端開發，幫助Topeak在網站上更好地展示其廣泛的自行車配件。Topeak有超過千種配件產品，可能會讓用戶一下子難以消化。為了幫助用戶找到所需的配件而又不讓他們陷入選擇的泥淖，我們與Topeak合作，一起在Buyer's Guide上集思廣益。

專案過程

Buyer's Guide共有3個步驟：「類別」、「樣式和位置」和「產品」，引導用戶在點擊之間就可輕鬆找到滿足其需求的理想Topeak產品。使用者首先選擇他們感興趣的自行車的類別，例如道路、城市通勤等等。篩選器的設計可以讓使用者快速找到所需的產品。然後頁面將顯示自行車的結構和零件，使用者可以在這裡進行客製化，同時還會顯示為使用者推薦的產品列表。大功告成後，你心目中最完美的自行車就進入製作中！另一個亮點是Topeak World。Topeak World結合了Facebook和Instagram上帶有#Topeak的貼文，以激發靈感，同時聚集來自世界各地的Topeak愛好者。

解決方案

‍選擇合適配件的出色體驗以及 Buyer's Guide和篩選器的設計，我們還採用了內容交付系統（CDN）和響應式網頁設計（RWD）來確保優化所有裝置上的使用者體驗。

‍