People.com Homepage Wireframes

 

Assisted with the ideation and design of new wireframes for the People.com homepage across all platforms, in order to remove visual clutter and better organize featured topics.

Creative Director: Doug Parker

 
Live-Over-Wire.jpg
 

Issues with the Previous Layout

 

Overall, the previous homepage layout felt cluttered. The visual hierarchy was weak and offered editors little control to curate featured content.

 
 
Old-Site-Markup.jpg
1.png

Readers would overwhelmingly click on the story in the top left of the collage and completely ignore the rest.

2.png

The bulk of content existed only in a time-based feed. Editors had no way to keep important stories visible for longer.

3.png

Ads were poorly integrated into the the right rail, leading readers to discount the entire column as paid content.

4.png

Stories could only be featured individually. There was no way to group related content or feature it more elegantly.

 


Design Goals
 

Organize.png

Maintain content density while reducing visual clutter

Pin.png

Enable editors to group and feature relevant stories

Top-Content.png

Simplify the content collage at the top of the page

Swipe.png

Use a feed-based design that encourages scrolling

 
 

Wireframe Iterations

 

We landed on a 3-part design: a simplified hero collage at the top, followed by two distinct feeds. One feed is strictly time-based, while the other is curated by editors.

 
1-Wireframes-Iterations.jpg
2-Wireframes-Iterations.jpg
3-Wireframes-Iterations.jpg