We teamed up with Microsoft to redesign one of the most visited sites on the web. The homepage got a complete design overhaul and a fully-responsive layout.

Microsoft has been making some bold moves in 2012 that center around the launch of Windows 8. Their new design language (known formerly as Metro) coupled with exciting new product launches put them in a perfect position to extend these changes to their web presence.

We partnered with Microsoft’s immensely talented homepage team to design and prototype how grids, rotators, video, and navigation work best in a responsive setting. This is the 17th version of their homepage, so we had an abundance of user stats and business goals to consider as each decision was made.

What people are saying…

“Microsoft’s Site Redesign Will Introduce Mainstream Business To The Responsive Web”

Read the article

“Microsoft testing a new Metro–like homepage design”

Read the article

“No idea why this is a “Preview”—they should just ship it. Really nice design work.”

John Gruber

“Say hello to’s new look—Preview or not, we like what we are seeing”

The Next Web

Microsoft Components

Our favorite part of the project has been Microsoft’s willingness to redefine itself, and it's just the beginning. We’ve been building responsive components that will be integrated into the rest of their vast network. It’s going to be exciting to see how each property adapts to the changing shape of the web.

Two years after building version 17 of the Microsoft homepage Paravel was asked to look back twenty years and recreate the first version, originally launched in 1994. You can read more about the process at Dave’s Blog and on Microsoft’s post.

For the backstory on how this project came to be, check out Nishant Kothary's article.

Next, read about The Do Lectures