TripAdvisor

Style Guide.

When we first proposed TripAdvisor's Style Guide Initiative, we were met with a lot of skepticism—no one had ever succeeded in pushing forward a project like that at TripAdvisor. Rather than backing down, we formed a powerhouse team of designers, engineers, product managers, and higher management. We shared the common goal of giving everyone the ability to ship code faster with a set of standardized assets.

Starting with an audit of the thousands of visual and interactive elements across the website, we slowly reeled in everything from button gradients to font sizes to all the variations of green we could find. We discussed solutions that would work best for each of our platforms (desktop, mobile, tablet), tested our recommendations with users, and submitted the results to management.

Today the TripAdvisor Style Guide lives on an internal dev server and includes buttons, modals, tool tips, and tags. The team continues to build on it with the ultimate goal of publishing a live guide.

TA_StyleGuide_2.png
TA_StyleGuide_3.png
TA_StyleGuide_4.png