Topeak is an international award winning Red Dot Design Award 2015 for Transformer™ X, iGlowCageB, and Tool Monster. Topeak bike accessory brand is known for its quality and great prices. Topeak excel in what they do-boosting your riding experience with their unparalleled passion to create leading-edge and quality products. Tenten's role in Topeak's website is to help them better present their wide range of bike accessory. We were encharged of the front-end development and back-end development in this project.
Topeak has over 1000 accessories which could be a little too much for users to digest. To help users find the accessories they want without letting them swamp with options, we brainstormed and collaborated with Topeak on Buyer's Guide. Buyer's Guide has 3 steps-category, style & position and products-to guide users to easily find the perfect Topeak products for their needs within few clicks. Users first choose the category of bike they're interested in, such as road, urban commute or etc. The page will then display the structure of the bike with the components which users can choose to customize. A list of products suggested for you will be displayed as well. Voila! Your perfect bike is in the making! Filter function is installed for existing users to quickly find the products they need.
Another highlight was Topeak World. Topeak World combines posts on Facebook and Instagram that have #Topeak to prompt inspiration among and gather Topeak lovers across the globe.
In addition to Buyer's Guide and Filer, we employed Responsive Web Design (RWD) to ensure user experience is optimized across devices, and Content Delivery System (CDN) to ensure user expereince.