Vimeo.com (2019)
I designed the new Vimeo.com to showcase the best of Vimeo’s product. Through a new dropdown in the global navigation on Home, visitors can explore all the creator tools to amplify their videos. This redesign also established a new visual language and design system for the future of all Marketing pages.
Creating Vimeo’s portfolio
Vimeo now demonstrates its most valuable features, all while showcasing some of the most inspiring creative work on the platform. The set is actively used by performance marketing to bring new subscribers to Vimeo and compel existing creators towards more attractive tiers.
From review tools to advanced stats
Together, in the site’s new IA, Vimeo Marketing hosts the following onboarding experiences: Video Player, Privacy, Collaboration, Marketing & Distribution, Video Analytics, Hosting & Management, Monetization, and Livestreaming.
Built on our new React components library for consistency at scale.
Prior to this project, each marketing page was created without an underlying design or code structure. Alongside this launch, I designed a library of React components for Vimeo’s website to stand upon. Every component was designed from a study into the user experience of Vimeo’s features. All layouts are fully responsive across 4 breakpoints and use atomic and molecular elements to add personalization across specific moments. All icons, for example, are constructed as SVGs so they can toggle to a unique color or localized shape.
Fully localized product visuals
It was important to the Marketing team to be able to reach the widest audience of creators. All product visuals and designs are fully localized in the same 7 localities each feature is available in. That’s Japanese, Spanish, Korean, German, French, English and Portuguese.
Roles
Design: Moazam Shah
Creative Direction: Graham Douglas
Engineering: Work&Co.
Creative Direction: Graham Douglas
Engineering: Work&Co.