1980 年代的台灣,自行車產業以代工起家,著重於整車的生產,自行車周邊的配件卻不夠完善。洞悉市場未來走向的 Topeak 品牌遂於 1991 年應運而生。規模不算大的 60 人團隊,每年推出的新品多達 40 樣,且年年都獲得歐洲自行車展設計獎(Eurobike Award)、德國紅點設計獎(Red Dot Design Award)以及台北國際自行車展創新設計獎(Taipei Cycle d&i awards)的肯定。這次転転配合 Topeak 的設計,提供前端及後台製作,與全球雲端主機部屬。確保網站能有最佳的使用者體驗,並同時符合其全球化品牌的野心與展望,透過數位化與未來行銷的戰略布局接軌。
Topeak 網站翻新後的網站最大亮點在「Buyer's Guide」的部分以腳踏車體視覺結合互動性清楚呈現對應位置的產品,點選左畫面分佈於腳踏車體各部位的亮點,即會在右畫面顯示對應部位適合的所有產品,方便使用者更直覺的選擇。
因應 Topeak 產品眾多,當使用者點擊產品頁,再到單一產品類別頁面後,還可再依照標準配備、安裝位置、含電池、功能等產品特性過濾需求,加強搜尋體驗,在転転的開發支援下更能流暢操作。
在設計端 Topeak 規劃了「Topeak World」頁面串聯 Facebook 和 Instagram 上有 #Topeak 相關 hashtag 的貼文,讓來自四面八方的 Topeak 車友們都聚集在此。
雲端策略我們導入了 AWS 解決方案並透過 CDN(Content Delivery System)全球部署加快瀏覽速度,使得世界各地的使用者在瀏覽網站時都能透過抓取最近據點的資料獲得極佳的瀏覽速度。畢竟網路的世界,速度決勝負!
因應這次在設計上有諸多細節,我們也配合 Topeak 的設計將 RWD 微調得更精準,使得所有特別功能在移動型裝置上也有最佳體驗。
另外是「Find a Store」的頁面直接嵌入 Google Map 並抓取使用者位置,點擊頁面後即會顯示距離最近的販售店點,都是為了優化使用者體驗而精心規劃的細節。