Grow Life

Adopt a more sustainable lifestyle in your daily life.
Prototipo de la App con dos pantallas

My Role

UX/UI Designer

Time Frame

6 months

Tools

Miro & Figma

Project objective

In an increasingly environmentally conscious world where people are realizing the importance of preserving our planet, there is a lack of effective tools to help people incorporate eco-friendly habits into their daily lives. Many people want to contribute to the well-being of the planet, but feel overwhelmed by the magnitude of the task.
That's where "Grow Life" comes in. It's an app that makes it easier to live a more sustainable lifestyle. You simply log your daily eco-friendly actions, and the app shows you how you're helping the planet. Plus, you'll earn points and rewards to keep you motivated!

Design Process

Proceso de diseño: Research, definición del problema, task flow, branding design, primer prototipo, testing y prototipo final

Research

The project began with a user-centric approach, putting the needs and preferences of our target audience first. To gain valuable insights, we conducted extensive research involving surveys, interviews, and a comparative analysis.
This user-driven research has been instrumental in shaping our project, ensuring it aligns perfectly with our audience's desires and expectations, while allowing us to stand out in a competitive market landscape.
Survey Discovery
(63 respondents in total)
72% Relaciona un estilo de vida sostenible con la reducción del impacto y la preservación del planeta para las generaciones futuras.63% Carece de información y conocimientos sobre el estilo de vida sostenible.45% Quiere aplicar acciones en su vida diaria que sean estilos de vida sostenibles.
Benchmark
Benchmark con distintas apps

Problem definition

User persona
Proponemos desarrollar hábitos sostenibles a través de una rutina que comienza con una sola acción. A medida que el usuario avance de nivel, tendrá la posibilidad de sumar hasta 4 acciones.Cada acción tiene su respectiva infografía donde el usuario tiene todos los detalles sobre cómo realizar la acción, por qué es importante y qué aporta al realizarla.Ofrecemos una herramienta para integrar la sostenibilidad en la rutina diaria, facilitando la visualización, seguimiento y avance de acciones sostenibles.

Task Flow

Taskflow de la app

Brading Design

The brand's design is inspired by the works of Matisse and his organic, fluid forms. We've adopted a vibrant and diverse color palette, incorporating deep earthy greens alongside bold, vibrant colors. The irregular shapes and patterns used resonate with the concept of nature and our commitment to the health of our planet.
We've also introduced a charming character called 'Mundito,' whose well-being evolves alongside users as they accumulate points. This character adds a playful and recognizable element to our brand, making the journey toward a more sustainable lifestyle both engaging and enjoyable.
Logo, safe zones and badges
LogoZona segura de la appBadges
Fonts and typographic scales
Fuentes tipográficas: Veselina e Inter con sus escalas tipográficas
Color palette
Paleta de color
Character, illustrations and icons
Diseño del personaje
Ilustraciones e íconos

Design System

Components
Diseño de componentes
UI Elements
Elementos UI

Prototype

The initial Grow Life prototype was designed as an MVP focused on delivering essential features for user engagement. This MVP included a user-friendly introduction, a tutorial to ensure a smooth onboarding experience, and three sustainable actions. However, only one sustainable action was initially available to users, while the others remained locked until users.
In addition, the prototype included a comprehensive report on users' contributions to environmental sustainability, providing them with valuable insight into their positive impact on the planet.
Primer prototipo

Testing

We performed some user testing and technical validation as integral parts of our project development process. To ensure user satisfaction and functionality, we divided the project into four distinct sprints, each marked by a series of iterations and improvements. These sprints were strategically structured to improve the user experience throughout.
Through rigorous testing and validation, we were able to identify pain points and address technical challenges, resulting in a product that not only meets user needs but also exceeds expectations. This iterative approach allowed us to continually adjust and optimize the platform, creating a final product that offers a seamless and rewarding experience for our users.
7 de cada 7 usuarios se confundieron con el registro de las acciones, ya que el círculo con el + no se convirtió en una marca de verificación al registrarse, sino que apareció el círculo incompleto.El sistema de puntuación no está claro. 7 de 7 usuarios preguntaron para qué servían los puntos, si son para subir de nivel o si hay recompensa.Los usuarios no tenían claro que debían hacer scroll para seguir leyendo la infografía. 6 de cada 7 usuarios no se desplazaron hacia abajo y nos dijeron que sentían que les faltaba información.Sería difícil agregar muchos elementos decorativos y algunas formas irregulares (barra de progreso y círculo) al código. Necesitamos simplificar el diseño y pensar siempre en el proceso de codificación del diseño.El icono para compartir la infografía no está claro. 5 de cada 7 usuarios nos dijeron que era para volver a la pantalla anterior y se sorprendieron al ver que era para compartir después de tocarla.

Final Prototype

The final Grow Life prototype represents the culmination of four sprints of improvements based on user feedback. It introduces new features such as articles and notifications, an easy-to-use calendar for tracking sustainable actions, and monthly progress reports.
The standout feature is an evolving routine, where users start with one action and can gradually manage up to four as they level up. Users can replace old actions with new ones once they become habits, creating a personalized and adaptable sustainability journey.
Pantallas del prototipo final