LifeFive: Editorial Design Challenge

LifeFive Editorial Web and Mobile App
LifeFive

The Challenge:

Design a responsive online platform for a magazine, newspaper or blog aimed to meet the needs and goals of a given User Persona:

  • She wants to invest more on self-care and self-love while being good to others, seeding a more empathic society.
  • She reads during work breaks. She often works at home, when she’s not at university or the library.
  • Goals: be more rational, Discover new passions, achieve a good work-life balance.

DEFINE THE PROBLEM

1. Empathise | Develop a deep understanding of the problem
1.1 User research
1.1.1 User Research. Qualitative Method: Interviews

SOLVE THE PROBLEM

3.Ideate | Brainstorm all possible solutions (good and bad)
3.1 Ideation / Brainstorm

DEFINE THE PROBLEM

1. Empathise | Develop a deep understanding of the problem
1.1 User research
1.1.1 User Research. Qualitative Method: Interviews

Research-Themes & verbatims — LifeFive
Research-Themes & verbatims — LifeFive
User Persona — LifeFive
User Persona — LifeFive
Feature Comparison — LifeFive
User Persona — LifeFive
The Value Proposition Canvas — LifeFive
The Value Proposition Canvas — LifeFive / © Strategyzer AG
  • How might we help them to spend less time over screens?
  • How might we help them to spend and enjoy more of their free time?
Site Map — LifeFive
Site Map — LifeFive
User Flow — LifeFive
User Flow — LifeFive
  • Tips and Advice
  • Lifestyle
  • Personal growth
  • Empathy
  • Sharing knowledge
Mood board — LifeFive
  • Typography: A classic combination of a Serif for titles and Sans Serif for body copy would ensure reading easiness over our content.
  • Main Content Layout: Horizontal scrolling would enable a simple and natural navigation while also allowing users to easily filter and browse through our main subcategories and media.
    Instead of giving too much we focused on giving the enough.
    Our results wouldn’t go “preferably” above 15 and the The Article detail page would include an image gallery on the left and detailed information at the right. No need for long content articles, just short and qualitative experiences.
Brand Guidelines and Design System — LifeFive
Brand Guidelines and Design System — LifeFive
AppScreens — LifeFive
AppScreens — LifeFive
Website — LifeFive
Website — LifeFive
Mobile App Hi-Fi Prototype — LifeFive
Website Hi-Fi Prototype — LifeFive

Learnings and Conclusions

Creating an innovative interface for a digital platform is complex. When you compare to all other platforms it just feels there’s not a lot of room for improvements, while there actually is. The main driver is to “really” listen to our consumers and provide a platform tailored to their needs.

By also focusing on the quality of the content while ensuring users spend less time in front of a screen looking for information it would be super beneficial for their daily routines.

--

--

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
Rocío Albertos Casas

Rocío Albertos Casas

I’m Rocio. A UX | UI Interaction Designer with a user centric approach to solve problems. https://www.rocioalbertos.com/