2014

2014

THE
TELEGRAPH
MOBILE

The Telegraph on mobile grew by 300% in 2013 (900k visitors/day with 2.4m page views/day). As mobile becomes a natural place for users to consume news, The Telegraph need to improve the mobile website to accommodate this need. The revenue received from mobile advertising is currently quite low. Ads are smaller on mobile and users visit fewer pages, The Telegraph is not not doing very well in helping users read more.

THE
TELEGRAPH
MOBILE

The Telegraph on mobile grew by 300% in 2013 (900k visitors/day with 2.4m page views/day). As mobile becomes a natural place for users to consume news, The Telegraph need to improve the mobile website to accommodate this need. The revenue received from mobile advertising is currently quite low. Ads are smaller on mobile and users visit fewer pages, The Telegraph is not not doing very well in helping users read more.

PROBLEM

How do we redesign The Telegraph mobile to increase user engagement and therefore turning the rising interest from users into revenue?

PROBLEM

How do we redesign The Telegraph mobile to increase user engagement and therefore turning the rising interest from users into revenue?

SOLUTION

Phase 1: Create a new design system based on current functionality and templates. Development will use the current CMS (Escenic) and its restrictions. Working with small-scale user data collected at this stage.

Phase 2: Complete full redesign of the mobile website and transition to new CMS (Adobe). User testing and research data should have been collected from Phase 1, making the redesign on Phase 2 solid and possibly pushing the design to new and improved concept.

SOLUTION

Phase 1: Create a new design system based on current functionality and templates. Development will use the current CMS (Escenic) and its restrictions. Working with small-scale user data collected at this stage.

Phase 2: Complete full redesign of the mobile website and transition to new CMS (Adobe). User testing and research data should have been collected from Phase 1, making the redesign on Phase 2 solid and possibly pushing the design to new and improved concept.

ART
DIRECTION

Using a neutral minimalist approach for the design, the visual language designed for The Telegraph mobile simplifies the journey, letting the content guide the user with minimal disruption. The use of white space, typography and a neutral colour palette with restricted use of accent colours is focused on the readability experience. The design system is created to evolve and adapt on future iterations.

ART
DIRECTION

Using a neutral minimalist approach for the design, the visual language designed for The Telegraph mobile simplifies the journey, letting the content guide the user with minimal disruption. The use of white space, typography and a neutral colour palette with restricted use of accent colours is focused on the readability experience. The design system is created to evolve and adapt on future iterations.

DESIGN
EXECUTION

As the development company was based in another country, a detailed design documentation was necessary. Atomic design process was used and the designs were delivered in modular components, supported by page designs as well as the documentation.

DESIGN
EXECUTION

As the development company was based in another country, a detailed design documentation was necessary. Atomic design process was used and the designs were delivered in modular components, supported by page designs as well as the documentation.

USER
FEEDBACK

“Aethetically it’s so much better! Now it looks like a proper digital newspaper product. Easier to get around as well. All the sections down at the bottom – before they didn’t have all the sections. Everything seems bigger and clean: typeface, navigation and big images. I love the big images.”

“Love the refresh of the Telegraph’s new mobile site. No landscape mode, but otherwise delightful to use.” — Terence Eden @edent

“The new @Telegraph mobile site looks great and is so much easier to move around: telegraph.co.uk” — Adrian Harris @adrianharris

USER
FEEDBACK

“Aethetically it’s so much better! Now it looks like a proper digital newspaper product. Easier to get around as well. All the sections down at the bottom – before they didn’t have all the sections. Everything seems bigger and clean: typeface, navigation and big images. I love the big images.”

“Love the refresh of the Telegraph’s new mobile site. No landscape mode, but otherwise delightful to use.” — Terence Eden @edent

“The new @Telegraph mobile site looks great and is so much easier to move around: telegraph.co.uk” — Adrian Harris @adrianharris

RESULTS

The launch of the new Telegraph mobile website had 55% increase on pageviews/day. The design have improved the experience and helped to raise the engagement with their audience.

RESULTS

The launch of the new Telegraph mobile website had 55% increase on pageviews/day. The design have improved the experience and helped to raise the engagement with their audience.