WSJ Mobile Apps & Web Homepage

Design DirectION

Refresh iPhone and Android native apps with the objective to enhance the user experience and align it more closely with the high standards of the WSJ world-class journalism. As well as to provide a new curation tool for the newsroom.

Navigation

The main goal of the Navigation Epic was to expose the new sections of the app like Market Data Center and MyWSJ to the WSJ members, and to improve the visibility of some of the existing sections like Notifications, Search or News sections. We introduced the Tab Bar as main navigation, the Tool Bar on articles, Tabs as secondary navigation and definding a permanent placement for Search.

Typography

Introducing the paper’s typographies:
Escrow, Exchange and Retina.

Brand

Adding the headcuts and ornaments.

Color Palette

Simplifying the color palette

News Cards System

A card-based feed is a powerful curation tool, this system allows the editors to choose between different cards depending on the type of content, moments in the news cycle and select just the essential elements for every single story. The card system also allows the editors to package stories improving storytelling and the feeling of hierarchy.

The WSJ iPhone and Android app redesign is the result of a huge collaborative effort and I worked alongside many talented people including; Che Douglas, Bonnie Jarvie, Jordan Sudy and Thomas Williams. Please refer to the ‘About’ section in the WSJ iPhone App and WSJ Android App to see the whole team.