Name project: Espectra smart mentoring

Role: Product Manager, UX/UI designer

Explanation

Product design

Ux/ui design

The product's goal is to offer an accessible personal development coach for those who cannot afford a human coach. It guides the user on their personal journey and gives them the ability to communicate with it at any time. It uses various functionalities to collect data about the user's condition and progress, thereby being able to act accordingly and offer the most personalized treatment possible.


Specific Features:


24/7 Virtual Coach: A chat feature capable of utilizing the user's historical data. This coach acts as a friend to the user, helping to solve problems and guide them in their personal development.


Habit Tracker: Useful for users to track their progress. This data also helps us internally to provide information to the virtual coach.


Journal: Allows users to reflect on their day, including highs and lows. This serves as a guide to structure the model's behavior at the moment and to guide them correctly.


Goal Planning and Tracking: A feature to set SMART goals (Specific, Measurable, Achievable, Relevant, Time-bound), plan steps to achieve them, and track progress.

Product exploration

I analyzed different apps in the same category and look their design patterns, analyze their site map and how their user flow works. conclusion, all apps provides a consistent way to remind your habits and show the progress to stick to them, they also have a detailed way to setting up habits.

Nav bar importance

The nav bar is very important for navigating the product. It's common to find the functionality for entries/check-in on the home page, along with the statistics. In the center, the most important functionality, sometimes highlighted to prompt the action of its use. Following, a screen for reminders and finally, settings.

Nav bar importance

The statistics page is the most important factor in helping the user understand their progress. It's essential to show users the consistency of their habits and how they are achieving their goals clearly, as being able to see their progress motivates them to continue with it.

Common habit-tracking applications first show the total progress, followed by the option to see the individual progress of the goal.

They also have the option to add, delete, and edit already established habits, in addition to seeing the deadlines of the goals.

User persona

Alex Rivera: 28 years old, male, Junior Marketing Specialist with a Bachelor's degree in Marketing.


Location: Urban area, living in a shared apartment.


Tech-savvy: Depends on technology for both personal and professional tasks.


Demographics: Single, with an entry-level salary and budget-conscious.


Lifestyle: Has an active social life but struggles to balance work and personal life.


Goals:


Professional Development: Aims to become a marketing manager within the next 5 years.


Personal Growth: Wants to develop better health, productivity, and mindfulness habits.


Financial Stability: Seeks to better manage finances, save for future goals, and reduce unnecessary spending.


Challenges:


Time Management: Struggles to balance a demanding job, personal life, and self-improvement efforts.


Accountability: Finds it difficult to stay committed to personal goals and habits without external motivation.


Stress Management: Often feels overwhelmed by professional responsibilities and personal expectations.


Behavior:


Digital Native: Comfortable using apps and digital tools for various aspects of life, including banking and health.


Self-improvement Enthusiast: Actively seeks resources for personal growth, such as books, podcasts, and online courses.


Budget-conscious: Looks for affordable personal development solutions due to limited disposable income.


Needs:


A personalized, accessible coaching experience that fits within a tight budget.


A tool to track habits, progress towards personal and professional goals, and daily reflections to manage stress.


24/7 access to motivational and guidance resources to stay focused and accountable.


How the App Meets Alex's Needs:


Virtual Coach 24/7: Provides Alex with a constant companion and guide, accessible anytime for support, advice, and motivation without the high cost of a human coach.

Habit Tracker: Helps Alex monitor daily habits and progress in a user-friendly way, reinforcing positive behavior changes and providing insights for improvement.

Diary: Allows Alex to reflect on their day, track mood and experiences, and gain insights into patterns that affect personal growth and well-being.

Goal Planning and Tracking: Facilitates setting SMART goals and tracking progress, enabling Alex to stay on track with both personal and professional objectives.


Alex represents a segment of the app's target audience who seeks to improve their life through accessible, technology-driven solutions. This persona highlights the app's value proposition to users seeking personal development without the high costs typically associated with personal coaching.


Site map

User flow

In this article I want to focus from the onboarding to the home, because it is the most important part, since from the beginning of the application, the user must already have some guidelines to follow to start meeting their goals, in addition to the AI must be able to interpret the guidelines that have been provided, in terms of guidelines, we must be careful of the information we ask the user, since the information collected is what the AI will use to create the planning. We came to the conclusion that the necessary information to guarantee an understanding of the AI model and a good creation of the planning was extracted with the following key questions: "Explain what is your goal", "When do you want to achieve it?", "What is your daily free time" and "Have you ever tried to achieve this same goal/do you have any knowledge on the subject?

Complete user flow

Wireframes

These are the first sketches we designed to understand how information is organized in this type of applications to ensure good usability by the users, as well as to facilitate their understanding of all the information they have to process.

Design system

COLORS

HEX: 5DFDA3

RGB: 93 / 253 / 163

HEX: 58B5FD

RGB: 93 / 253 / 163

HEX: 7340DB

RGB: 93 / 253 / 163

HEX: C502EE

RGB: 93 / 253 / 163

GRADIENT 1

GRADIENT 2

GRADIENT FULL

HEX: D3EBFA

RGB: 211 / 235 / 250

HEX: 0C1120

RGB: 12 / 17 / 32

General

1 ENE 2024

4 MAR 2024

100%

75%

50%

25%

Aprender a programar

100%

Work out

Read

design

Martes, 23 Enero

Ok

Empieza a escribir

Complete Design system

Prototype