Topeak

Prepare to Ride. Brand new experience on every device

2016
E-Commerce
https://www.topeak.com/tw/ch

A SIMPLE FORMULA OF SUCCESS

Topeak is an international award winning Red Dot Design Award 2015 for Transformer™ X, iGlowCageB, and Tool Monster. Topeak the bike accessory brand is known for its quality and great prices. Why is Topeak so excel? Because they are just cyclists like the professionals and that gives us an unparalleled passion for creating leading-edge, quality products guaranteed to boost your riding experience.

Tenten is encharged of the front-end development and back-end development and support in this project. We collaborate the invention of "Buyers Guide" together, through brainstorming and different method to work it out. Also, the highlight is also shown on the Filter, FIND A STORE.

Let us come and take a look at this brilliant new piece of project we've worked on!

HOW TO CHOOSE THE RIGHT ACCESSORIES WITH THE BRAND NEW BUYER'S GUIDE

The new Hi-Light is on 「Buyer's Guide」, now you can easily pick the right accessories that fits your need just within few clicks. This is a very modern and user-friendly design.

Topeak

FILTERING FUNCTION

Topeak has over 1000 accessories, so the filtering is in multiple search function. Making it easier to find what you want.

WORLD WIDE EXCELLENT EXPLERIENCE

Social Function we have designed「Topeak World」, combined Facebook, Instagram which has hashtag #Topeak to gather up all the Topeak lovers around the world. On the server strategy we used CDN(Content Delivery System)to fasten the browsing experience.

USER FRIENDLY DESIGN

RWD Responsive web design is a must do in now days, we have enhance the part for「Find a Store」, whaich you can locate to you nearest dealer with mobile-devices.


Topeak

What’s a Rich Text element?

The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content.

Static and dynamic content editing

A rich text element can be used with static or dynamic content. For static content, just drop it into any page and begin editing. For dynamic content, add a rich text field to any collection and then connect a rich text element to that field in the settings panel. Voila!

How to customize formatting for each rich text

Headings, paragraphs, blockquotes, figures, images, and figure captions can all be styled after a class is added to the rich text element using the "When inside of" nested selector system.