Left Mockup
Right Mockup

USA TODAY LIFE Redesign

USA TODAY LIFE Redesign

USA TODAY LIFE

USA TODAY LIFE

P+N
Gannett

Working closely with Partners + Napier & Gannett, myself and new media designer Kathleen Huang, redesigned the LIFE section of the mobile USA TODAY website.  USA TODAY has a higher index with an older audience and sports fans. However, they are not appealing to the 22-35 year old demographic. We created a design that would

  • Deliver content relevant to the user — measured by popularity.
  • Increase newsletter subscriptions by offering an innovative customization experience.

Throughout the redesign process, Kathleen and I always checked in with each other and collaborated on the overall user experience of the site.  I focused on how to deliver relevant content, while Kathleen focused on how to get the most subscriptions for the newsletter.

Working closely with Partners + Napier & Gannett, myself and new media designer Kathleen Huang, redesigned the LIFE section of the mobile USA TODAY website.  The new mobile site will deliver content relevant to the user — measured by popularity. The new site will also increase newsletter subscriptions by offering an innovative customization experience.

Client

School Project with Partners + Napier & Gannett

Focus

Interaction Design, User Experience, Visual Design, Sketch, Wireframing

Duration

12 weeks

Client

School Project with Partners + Napier & Gannett

Focus

Interaction Design, User Experience, Visual Design, Sketch, Wireframing

Duration

12 weeks

Popular Page Asset
Homepage Mockup
CTA Mockup
Custom Mockup
Popular Page
Popular Page

Popular

The millennial generation is driven by numbers. In the media today, these numbers are seen everywhere. Higher numbers whether that’s through likes, shares, views, comments, or follows generates curiosity. In it’s simplest form it means the content is popular. With the new popular page, we display content that’s highest in views, likes and shares. We display these stats with each article throughout the LIFE section.

We explored the ideas of cards as an easy access to quickly swipe through articles. This was also designed so ads could be implemented in between content. 

 

Homepage

On the Homepage there is more content that features most recent articles, as well as content that is trending that week.

The new mobile site also features a top navigation which is global and allows the user to quickly and easily switch to any other USA TODAY category. The bottom navigation is local to the LIFE section.

Homepage

On the Homepage there is more content that features most recent articles, as well as content that is trending that week.

The new mobile site also features a top navigation which is global and allows the user to quickly and easily switch to any other USA TODAY category. The bottom navigation is local to the LIFE section.

Global Nav

Category & Article

The Category tab allows the user to select a sub category of interests from the LIFE section, which leads them to articles in that category. 

From the article, the user could interact with the content through our main focus on likes, shares, and comments. 

Newsletters Signup

This call to action is found on every page. It’s quick and straight to the point. This CTA and the following customization process was developed by my partner Kathleen.

Newsletter Call to Action

Newsletter Customization

The customization process is quick and easy. The user is asked one question at a time. They can choose the degree to which they customize their newsletter. This includes what they are interested in, the time of day they want to receive it, and how much content they receive.  They can stop at any point by clicking “Finish” — or they can swipe to continue customizing. The progress bar encourages the user to keep going.

We wanted to allow users to tell us how they wanted their content delivered. If the users can tailor it to fit their schedule and interests, they are less likely to unsubscribe.

Line

Process Deck: Research, inspiration, moodboard, user stories, workflows, sketches, & wireframes.