Role
Content strategy
Visual language

Intro

After the release of Windows 8, products across Microsoft was in need of a facelift to align with the new design language. Our team had the opportunity to work on the msn news site and explore new design principles that would redesign the experience of consuming news on the web.

Skyline

The skyline is what we call the first section of the landing page, this area is the place where we offer the most important news of the day, users can get quick access to the most important stories, and also to their own topics and other trending topics from this section.

Entity Sections

Entity sections are the main templates that we use to house our news stories. Our design goal for these templates is to introduce flexibility that would accommodate different scenarios and needs based on the content feed.

Dynamic modules
Msn News is a news aggregator that partners with over a hundred publishers around the world. In order to create a system that would accommodate the different needs from different sources, we've designed modular systems that are flexible enough to work with different languages, types of media, and also editorial purposes.

Articles

One of the main goals for the article page design is to create an elastic system that would stretch and work for other page types across the site, the idea is to use a single system that could adapt to different branding styles and visual systems.