Vimeo

Vimeo.com, and then some.

 

Vimeo.com was, at one time, a very contemporary website. The only issue: that one time was in 2004. Meantime, dozens of different design teams and a one-page-at-a-time approach to UX, had left our brand and product feeling a scatterbrained. And our funnel a far cry from optimized.

In that time, Vimeo’s business had also shifted drastically. From a content viewing destination to a comprehensive set of tools for video creators (or, if you’re an acronym person, an SVoD to a SaaS).

So this was our not-so-small challenge — create a user experience that continues to highlight all the amazing creators on Vimeo, all while educating new customers about the tools we offer to help them become one of those amazing creators themselves.

 
 

What I Did Here

Creative Direction

Design Direction

Copywriting

Agency Sourcing & Management

Project Oversight

Big Company Sell-in Stuff


 

A new look.
(With an old soul)

Vimeo is sitting on the most incredible storehouses of beautiful videos on the internet.

The last thing we wanted to do was scrub our face clean of that creative heritage. So we developed a style that simply presented our (pretty complicated) product, all through the lens of our amazing content.

 
 

More than just a pretty homepage.

Vimeo is releasing powerful, new video tools faster than ever. More than we could ever hope to fit on a single homepage. So we created a system that allowed us to design and build responsive landing page for every new solution in the growing toolbox, fast.

This also gave us the ability to (finally) target, and retarget, customers with more personalized marketing—each driving to a specific landing pages tailored to the specific needs of specific creators.

 
 

Built fast and flexible (and from scratch).

How do you create a system that lets you design, build and launch rapidly, without sacrificing on quality or performance? You build it from the ground up, with designers and developers working together.

We created a library of custom ReactJS components that let us build quickly, update frequently, optimize constantly, be totally responsive, and dynamically support eight different languages.

 


Why stop there?

When you can also rebuild an entire blog platform, too?

The Vimeo blog was once a thriving content hub. But it was slowly dying—built on an outdated custom CMS, pretty much no SEO, missing basic functionality (it didn’t even support GIFs! In 2019! Reaction gif!).

So we un-died it. By applying the same design system and UX principles as our new Vimeo site, with all the bells and whistles of a modern editorial platform.

 
Artboard+Copy+11.png
Artboard+Copy+12.png
Vimeo-Blog-2.png

The system behind the system.

In order to maintain consistency across a growing design team, in five cities, and three continents, we developed and maintain a meticulous style guide as well as a shared Sketch master components library.