LifeFive: Editorial Design Challenge

LifeFive Editorial Web and Mobile App
LifeFive

The Challenge:

  • She reads National Geographic, The New Yorker, Broadly.
  • 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

SOLVE THE PROBLEM

DEFINE THE PROBLEM

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 offer accessible, valuable, digestible and positive content?
  • 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
  • Positive Content
  • Tips and Advice
  • Lifestyle
  • Personal growth
  • Empathy
  • Sharing knowledge
Mood board — LifeFive
  • Colours: Green and orange are the primary colours that generate conceptual positivity and voice to our users demand for valuable content.
  • 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

--

--

--

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

Love podcasts or audiobooks? Learn on the go with our new app.

Recommended from Medium

Some thoughts on design systems

A lot of small, colorful lego pieces spread around

Are we winning with our customers? Part 1

Conversational UX: Repair Sequences

It’s time we include salary in Content + UX job postings

“What if we just…?”

A kid underneath a sheet pretending to be a ghost by an abandoned building

Rendering Your UI (For Beginners)

What if healthcare were more like the airline industry?

Fine dining table setting with a reserved sign sitting on it.

Tips to help you succeed in your UX internship

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/

More from Medium

Be My Eyes — Be My Mind — Adaptive Design — 2 weeks — Group Project (3 people)

Colour + Branding: Sephora’s compelling colour palette

How I designed a navigation feature for blind with a complex human disability situation

Heuristic Evaluation