

翻新網站的亮點在「Buyer's Guide」部分。我們用自行車體視覺結合互動性,清楚呈現對應位置的產品。騎士點選自行車各部位的亮點,右側即會顯示適合該部位的所有配件,讓選購變得直覺。

翻新網站的亮點在「Buyer's Guide」部分。我們用自行車體視覺結合互動性,清楚呈現對應位置的產品。騎士點選自行車各部位的亮點,右側即會顯示適合該部位的所有配件,讓選購變得直覺。

Topeak 產品眾多,消費者進到單一產品類別後,可依照標準配備、安裝位置、是否含電池、功能等特性進一步過濾。搭配我們的開發支援,讓整個搜尋體驗流暢無阻。

在設計端 Topeak 規劃了「Topeak World」頁面串聯 Facebook 和 Instagram 上有 #Topeak 相關 hashtag 的貼文,讓來自四面八方的 Topeak 車友們都聚集在此。
雲端策略我們導入了 AWS 解決方案並透過 CDN(Content Delivery System)全球部署加快瀏覽速度,使得世界各地的使用者在瀏覽網站時都能透過抓取最近據點的資料獲得極佳的瀏覽速度。畢竟網路的世界,速度決勝負!

因應這次在設計上有諸多細節,我們也配合 Topeak 的設計將 RWD 微調得更精準,使得所有特別功能在移動型裝置上也有最佳體驗。
另外是「Find a Store」的頁面直接嵌入 Google Map 並抓取使用者位置,點擊頁面後即會顯示距離最近的販售店點,都是為了優化使用者體驗而精心規劃的細節。