Mobile navigation

News 

WSJ unveils new mobile optimized, fully responsive site

The Wall Street Journal yesterday unveiled a redesigned WSJ.com. Designed and built in-house, the fully responsive website delivers a fast-loading digital experience that is consistent across all screen sizes and devices, say the publishers.

The modern, uncluttered design aesthetic is guided by an emphasis on visually dynamic storytelling. The Journal’s content is brought to life, with graphics, photography and videos that are more seamlessly integrated into the home page and article pages. A streamlined navigation better highlights the Journal’s core coverage areas, such as Business, Economy and Politics, and makes it easier for readers to find the content they value most.

One of the key features of the new site is an expandable markets-data drawer and revamped market-quote pages, putting real-time information and personalized stock prices at readers’ fingertips. The markets data drawer at the top of each page also offers in-depth market overviews by region that include currencies and interest rates.

“The new WSJ.com is a fitting platform for our peerless journalism and improves the way we deliver content to our savvy and ambitious readers,” said Gerard Baker, Editor in Chief, The Wall Street Journal. “This represents a continued evolution of the Journal’s digital transformation, and it will be instrumental in widening our reach around the globe. This is just the latest and most powerful example yet, of how the Journal is improving and adapting to the digital needs of our subscribers.”

The approach to responsive design is now echoed across the Journal's digital products. Last month, the Journal re-launched the WSJ Android app on a platform that works across all phone and tablet sizes. Later this week, the Journal will launch on the Apple Watch, extending its suite of iOS products.

According to the WSJ, additional features of the new WSJ.com include:

* Responsive Design: WSJ.com’s new structure allows for a consistent reading experience across all devices and screen sizes, from laptop to tablet to smartphone.

* Navigation: The navigation is streamlined, with a more intuitive section hierarchy, making it easier for readers to find the content they want.

* Speed: Pages load faster following an overhaul of the web technology.

* Markets data: The markets data drawer at the top of every page provides an at-a-glance view of what's happening in key markets as well as a more detailed view with a single click of the "expand" button. The markets data Watchlist allows readers to track companies, indexes and currencies.

* Advertising: Ads are now tailored for a better fit with article and section pages.

“We built a new platform for WSJ.com that's fit for the mobile era,” said Edward Roussel, Chief Innovation Officer, Dow Jones. “Half of our website traffic is now on smartphones and tablets, and mobile will dominate media consumption in the years to come, leading to a fundamental shift in how we package and distribute journalism."

“The beautiful new WSJ.com design not only delivers a heightened reading experience, but also exciting new opportunities for advertisers,” said Trevor Fellows, Global Head of Advertising Sales, The Wall Street Journal. “The uncluttered background provides an elegant environment for display advertising, while our inventive native and custom executions will enjoy even more visibility and flexibility. And of course, our best in class Viewability score is only further enhanced on our new site.”

Click here to take a guided tour of the new WSJ.com.