Summary

Design of a responsive online platform for a magazine to meet the needs and goals of one of the presented user persona.

What we've done

1. Strategic Discovery

2. Responsive web design

3. Feature to toggle between the text and audio format of an article

4. Component-based UI-kit

6. Microanimations

We've got work to do

Persona: James (33) — The Eco-Friendly Researcher

  • He reads National Geographic, The New Yorker, and Broadly (Vice).
  • He wants to invest more in self care and self love, while being good to others. He hopes to seed a more empathic society.
  • He volunteers for the community.
  • He reads during work breaks.
  • He often works at home, when he’s not at university or the library.

Goals: Be more rational, discover new passions, and achieve a good work-life balance.

Strategy

Pains and Gains Identified:
  • News as a ‘work break’ (inherently contradictory)
  • Frequent transitions between text and audio formats
  • James thinks screen time should be useful and informative — not endless scrolling
Problem statement

James likes long-format journalism, but his busy lifestyle makes it difficult to read articles from start to finish.

Solution proposal

Taking into consideration all insights, our ideation bring us to the following solution: The Factivist

A paid monthly online magazine, where each issue is professionally reported and recorded. Professional narrators work with journalists on each issue to record radio-worthy audio versions of every article. The Factivist offers the unique ability to swap between the text or audio format at any moment during the article, without losing your place.

Styleguide

Read the whole case study on Medium.