Commercial Observer Power List

A digital editorial design. 

(My role: UX/UI design)

Objective

The commercial observer website used a slideshow template to show 100 or 50 power lists in previous years.

To lift the campaign and make the power list visible and easy to digest, I created the new templates for the landing page and the article page design. 

Previous year template

Wireframe and UI interactions

I created several wireframes with options on the landing and the article pages. We narrowed it down to this final direction and created interaction notes.

Final UI Design