Mental Health progress tracking
Mental Health progress tracking
Mental Health progress tracking

KooKoo APP aims to make mental healthcare more accessible and empowering by providing a user-friendly tool for individuals to track their therapy progress and take control of their mental well-being.

KooKoo APP aims to make mental healthcare more accessible and empowering by providing a user-friendly tool for individuals to track their therapy progress and take control of their mental well-being.

Team

Alexandra Oporto

Ana Garrido

Keka Martín

Sergio Lahoz

Laura Pedreira

Method

Interviews

User Persona

HMW

Value Complexity Matrix

Information Flow

Journey Mapping

Wireframe

Interface Prototype

Role

UX UI Designer

UX Researcher

Country

Spain

Year

2023

Why to start this mental journey?
Why to start this mental journey?

PROBLEM STATEMENT

The world is finally shedding the stigma around mental health. The pandemic highlighted its importance, with more people in Spain seeking professional help (RTVE). However, navigating therapy can be confusing. There's a lack of tools to track progress, and results aren't always readily apparent. This can lead to discouragement.

KooKoo is here to change that. We envision a world where mental healthcare is accessible and empowering. Our user-centered app provides the tools you need to visualize your progress, stay motivated, and thrive on your mental health journey.

The world is finally shedding the stigma around mental health. The pandemic highlighted its importance, with more people in Spain seeking professional help (RTVE). However, navigating therapy can be confusing. There's a lack of tools to track progress, and results aren't always readily apparent. This can lead to discouragement.

KooKoo is here to change that. We envision a world where mental healthcare is accessible and empowering. Our user-centered app provides the tools you need to visualize your progress, stay motivated, and thrive on your mental health journey.

  • KooKoo APP · KooKoo APP ·
    ·
    KooKoo APP · KooKoo APP ·
    ·
    KooKoo APP · KooKoo APP ·
    ·
    KooKoo APP · KooKoo APP ·
    ·
    KooKoo APP · KooKoo APP ·
    ·
    KooKoo APP · KooKoo APP ·
    ·
    KooKoo APP · KooKoo APP ·
    ·
    KooKoo APP · KooKoo APP ·
    ·
    KooKoo APP · KooKoo APP ·
    ·
  • KooKoo APP · KooKoo APP ·
    ·
  • KooKoo APP · KooKoo APP ·
    ·
  • KooKoo APP
    ·
  • KooKoo APP
    ·
Goals
Goals

PROBLEM STATEMENT

In this context, the goals we set for initiating research related to Mental Health were:

In this context, the goals we set for initiating research related to Mental Health were:

Understand the process of choosing a therapist.

Understand the process of choosing a therapist.

Understand the perception of mental health.

Understand the perception of mental health.

Understand the experiences of people with therapy, to identify behaviors, needs, and frustrations.

Understand the experiences of people with therapy, to identify behaviors, needs, and frustrations.

Our approach
Our approach

KICK OFF

Our team had six passionate designers. They set out to create solutions for mental health care. We knew we'd needed a solid method for this tough journey. So, we chose the Triple Diamond framework.

Solution Discovery

To start, we dove into a sea of knowledge. We did this by doing in-depth interviews. Each conversation was like a flash of light. They helped us understand the needs and challenges people faced with mental health. This allowed us to find insights and define the user persona.

Problem Discovery

We used a thorough Ideation process with tools like How Might We? and Value Complexity Matrix. We also used Information Architecture, among others. This process helped us create the foundations for Journey Mapping and the Storyboard. These will let us share the Selected Solution for this project.

Build and Test

With the previous information, we've brought the KooKoo prototype to life. But, we know it is still crucial to test this prototype with Usability Testing. And, we also need more interviews before starting development.


Our team had six passionate designers. They set out to create solutions for mental health care. We knew we'd needed a solid method for this tough journey. So, we chose the Triple Diamond framework.

Solution Discovery

To start, we dove into a sea of knowledge. We did this by doing in-depth interviews. Each conversation was like a flash of light. They helped us understand the needs and challenges people faced with mental health. This allowed us to find insights and define the user persona.

Problem Discovery

We used a thorough Ideation process with tools like How Might We? and Value Complexity Matrix. We also used Information Architecture, among others. This process helped us create the foundations for Journey Mapping and the Storyboard. These will let us share the Selected Solution for this project.

Build and Test

With the previous information, we've brought the KooKoo prototype to life. But, we know it is still crucial to test this prototype with Usability Testing. And, we also need more interviews before starting development.


Learning from our users
Learning from our users

PROBLEM EXPLORATION

We wanted the user persona to tell us about their experience directly, rather than us doing it for them, in order to empathize with them.

However, given that mental health is still a taboo subject today, we didn't want anyone to feel exposed, so we thought Raquel was perfect for this:

We wanted the user persona to tell us about their experience directly, rather than us doing it for them, in order to empathize with them.

However, given that mental health is still a taboo subject today, we didn't want anyone to feel exposed, so we thought Raquel was perfect for this:

Time to sum up
Time to sum up

PROBLEM DEFINITION

We conducted in-depth interviews to gain a deep understanding of user needs and challenges. This led us to the following key insights:

We conducted in-depth interviews to gain a deep understanding of user needs and challenges. This led us to the following key insights:

Fear of the unknown leads people to rely on referrals for therapists.

Fear of the unknown leads people to rely on referrals for therapists.

Building trust with a therapist is a personal process.

Building trust with a therapist is a personal process.

The invisibility of progress can be discouraging.

The invisibility of progress can be discouraging.

Lack of information about therapy can make it seem overwhelming.

Lack of information about therapy can make it seem overwhelming.

Based on these insights, we've designed KooKoo, an app that lets you:

Based on these insights, we've designed KooKoo, an app that lets you:

Visualize your progress: Track your mood, goals, and milestones in therapy sessions.

Visualize your progress: Track your mood, goals, and milestones in therapy sessions.

Stay motivated: See how far you've come, keeping you engaged in your journey.

Stay motivated: See how far you've come, keeping you engaged in your journey.

Feel empowered: Take control of your mental health with a user-friendly and supportive tool.

Feel empowered: Take control of your mental health with a user-friendly and supportive tool.

Time to create a solution
Time to create a solution

SOLUTION DISCOVERY

From Insights to Solutions

To transition from insights to defining opportunities, we employed the "How Might We" technique. And to move from opportunities to establishing solutions, we utilized the "SCAMPER" technique. This enabled us to find two very interesting potential solutions. But, combining them was hard.

From Insights to Solutions

To transition from insights to defining opportunities, we employed the "How Might We" technique. And to move from opportunities to establishing solutions, we utilized the "SCAMPER" technique. This enabled us to find two very interesting potential solutions. But, combining them was hard.

Prioritizing Solutions: VALUE COMPLEXITY MATRIX

Prioritizing Solutions: VALUE COMPLEXITY MATRIX

We used the "VALUE COMPLEXITY MATRIX" to rank the solutions. As a team, we reached a consensus by considering solutions based on:

We used the "VALUE COMPLEXITY MATRIX" to rank the solutions. As a team, we reached a consensus by considering solutions based on:

The value they offered to users.

The value they offered to users.

Implementing the solution was complex, as we needed something that could be quickly tested with users.

Implementing the solution was complex, as we needed something that could be quickly tested with users.

The Final Solution: A Progress Tracking App

The final solution we defined was:

The Final Solution: A Progress Tracking App

The final solution we defined was:

¨An app where users can visualize their progress, goals, and milestones in their sessions with their therapist¨

Prototyping and Prioritizing Features

Prototyping and Prioritizing Features

With the solution defined, we've conducted a quick sketching exercise for the prototype (Crazy 8's technique). We've applied the MoSCoW technique to rank key functions. It greatly helped us as a team agree on the ones the product needs in the initial phase.

With the solution defined, we've conducted a quick sketching exercise for the prototype (Crazy 8's technique). We've applied the MoSCoW technique to rank key functions. It greatly helped us as a team agree on the ones the product needs in the initial phase.

Solution Sketch and Concept Test

Solution Sketch and Concept Test

Next, we've created a Solution Sketch to rank the screens we needed to validate with users through a Concept Test. This helped us gather user feedback on the functionalities that were most helpful to them.

Next, we've created a Solution Sketch to rank the screens we needed to validate with users through a Concept Test. This helped us gather user feedback on the functionalities that were most helpful to them.

Information Flows of the KooKoo APP

Information Flows of the KooKoo APP

Finally, we designed the Information Flows of the KooKoo APP.

Finally, we designed the Information Flows of the KooKoo APP.

Prototype needs to be born
Prototype needs to be born

SOLUTION SELECTION

Unveiling the Selected Solution: Journey Mapping and Storyboarding

We've reached a crucial stage in the Solution Discovery diamond - Solution Selection! Here, we refine the many creative ideas from Ideation. And we find the best solution for the KooKoo app.

But how have we chosen the right path forward? Two powerful tools help us visualize the user experience and make informed decisions:

Journey Mapping: We meticulously map out the user's entire journey with the potential solution. This includes their thoughts, emotions, and pain points at every touchpoint. By seeing the journey, we can find chances to improve the user experience. We can also ensure the solution fits well into their lives.

Storyboarding: We craft a compelling narrative that brings the user journey to life. This storyboard acts as a visual representation of how users will interact with the KooKoo app and enjoy its features. It allows us to see the solution's flow. And we can spot roadblocks and improve the design. This way, we ensure a smooth, easy experience

Together, journey mapping and storyboarding provide a clear picture. As they show the user's experience with the chosen solution. This empowers us to make data-driven decisions and refine the concept before moving on to prototyping and testing.

Unveiling the Selected Solution: Journey Mapping and Storyboarding

We've reached a crucial stage in the Solution Discovery diamond - Solution Selection! Here, we refine the many creative ideas from Ideation. And we find the best solution for the KooKoo app.

But how have we chosen the right path forward? Two powerful tools help us visualize the user experience and make informed decisions:

Journey Mapping: We meticulously map out the user's entire journey with the potential solution. This includes their thoughts, emotions, and pain points at every touchpoint. By seeing the journey, we can find chances to improve the user experience. We can also ensure the solution fits well into their lives.

Storyboarding: We craft a compelling narrative that brings the user journey to life. This storyboard acts as a visual representation of how users will interact with the KooKoo app and enjoy its features. It allows us to see the solution's flow. And we can spot roadblocks and improve the design. This way, we ensure a smooth, easy experience

Together, journey mapping and storyboarding provide a clear picture. As they show the user's experience with the chosen solution. This empowers us to make data-driven decisions and refine the concept before moving on to prototyping and testing.

Struggling with KooKoo's future style
Struggling with KooKoo's future style

PROTOTYPING

Laying the Foundation: Wireframing the Core Pillars

To bring KooKoo to life, we meticulously crafted wireframes for the app's three key pillars:

My Mood - My Therapy - My Goals

These wireframes served as blueprints, defining the app's structure, layout, and user flow. We carefully designed each wireframe. They ensure a seamless and easy user experience. And they lay the foundation for the app's functionality

Laying the Foundation: Wireframing the Core Pillars

To bring KooKoo to life, we meticulously crafted wireframes for the app's three key pillars:

My Mood - My Therapy - My Goals

These wireframes served as blueprints, defining the app's structure, layout, and user flow. We carefully designed each wireframe. They ensure a seamless and easy user experience. And they lay the foundation for the app's functionality

Elevating the Experience: Interface Design

Elevating the Experience: Interface Design

As we transitioned to interface design, our team's high expectations for KooKoo's aesthetic posed a challenge. We wanted an app that not only functioned flawlessly but also embodied the brand's identity - simple and modern. We explored many gradients, illustration styles, and typographies. And we finally arrived at the app's final design.

As we transitioned to interface design, our team's high expectations for KooKoo's aesthetic posed a challenge. We wanted an app that not only functioned flawlessly but also embodied the brand's identity - simple and modern. We explored many gradients, illustration styles, and typographies. And we finally arrived at the app's final design.

A Design that Reflected the Brand

A Design that Reflected the Brand

The final design struck a perfect balance. It balanced function and looks, capturing KooKoo's mission. The interface is clean and uncluttered. It is easy to navigate. This lets users focus on their mental health journey without distractions. The color palette is calming and inviting, fostering a sense of tranquility and well-being. And the typography is clear and legible, ensuring users can easily access the app's valuable information and features.

The final design struck a perfect balance. It balanced function and looks, capturing KooKoo's mission. The interface is clean and uncluttered. It is easy to navigate. This lets users focus on their mental health journey without distractions. The color palette is calming and inviting, fostering a sense of tranquility and well-being. And the typography is clear and legible, ensuring users can easily access the app's valuable information and features.

A Journey of Design Iteration

A Journey of Design Iteration

The process of designing KooKoo's interface was a journey of continuous iteration and refinement. We constantly sought feedback from our team and potential users. We used their insights to improve the experience. This collaborative approach ensured that the final design not only met our high standards but also resonated with the needs and preferences of our target audience.

The process of designing KooKoo's interface was a journey of continuous iteration and refinement. We constantly sought feedback from our team and potential users. We used their insights to improve the experience. This collaborative approach ensured that the final design not only met our high standards but also resonated with the needs and preferences of our target audience.

A Design that Empowers Users

A Design that Empowers Users

The interface is not just a visual representation. It's a powerful tool. It helps users take control of their mental health journey. The KooKoo interface is simple, modern, and easy to use. It seamlessly fits into users' lives. It gives them the support and guidance they need to thrive

The interface is not just a visual representation. It's a powerful tool. It helps users take control of their mental health journey. The KooKoo interface is simple, modern, and easy to use. It seamlessly fits into users' lives. It gives them the support and guidance they need to thrive

Branding
Branding

PROTOTYPING

Demystifying Therapy: A Design Approach

The journey of therapy can sometimes seem hazy and undefined. But our in-depth research has revealed that therapy has a clear structure and form. This understanding guided our design choices. It led us to use simple, geometric shapes to show concreteness and clarity.

The Name Game: Finding the Perfect Fit

As we approached the final stretch of our journey, the app's name remained the missing piece in the puzzle. Naming an app requires creativity and care. After two months of brainstorming and countless ideas, we'd had our aha moment: the name had to be Kookoo.

The clarity with which Kookoo emerged was a testament to the thoroughness of our process. We'd explored various options, delving into the app's essence and target audience, and Kookoo simply felt right. It was a name that was both memorable and meaningful, perfectly capturing the spirit of our app.

The Dynamic Duo: Unveiling the Kookoo Logo

At the heart of our app lies a logo that embodies the essence of Kookoo – a symbol of emotional fluidity and resilience. The two "o"s, the central elements of the logo, are not static but rather dynamic, expanding and contracting to mirror the ebb and flow of our emotions. This small yet powerful design choice serves as a constant reminder. It reminds us that our moods and feelings are ever-changing. It also reminds us that Kookoo is here to support us through every twist and turn.

Demystifying Therapy: A Design Approach

The journey of therapy can sometimes seem hazy and undefined. But our in-depth research has revealed that therapy has a clear structure and form. This understanding guided our design choices. It led us to use simple, geometric shapes to show concreteness and clarity.

The Name Game: Finding the Perfect Fit

As we approached the final stretch of our journey, the app's name remained the missing piece in the puzzle. Naming an app requires creativity and care. After two months of brainstorming and countless ideas, we'd had our aha moment: the name had to be Kookoo.

The clarity with which Kookoo emerged was a testament to the thoroughness of our process. We'd explored various options, delving into the app's essence and target audience, and Kookoo simply felt right. It was a name that was both memorable and meaningful, perfectly capturing the spirit of our app.

The Dynamic Duo: Unveiling the Kookoo Logo

At the heart of our app lies a logo that embodies the essence of Kookoo – a symbol of emotional fluidity and resilience. The two "o"s, the central elements of the logo, are not static but rather dynamic, expanding and contracting to mirror the ebb and flow of our emotions. This small yet powerful design choice serves as a constant reminder. It reminds us that our moods and feelings are ever-changing. It also reminds us that Kookoo is here to support us through every twist and turn.

Color
Color

PROTOTYPING

Color Psychology: A Symphony of Emotions

Color psychology is key in our app. Each emotion has a color. Yellow is for happiness, green is for calmness, red is for irritability, and blue is for sadness.

Pink: The Quintessential Hue

Pink is the primary color. It embodies warmth, hope, and sensitivity. Black is the counterpoint color. Backgrounds use it to accentuate the other colors.

Color Psychology: A Symphony of Emotions

Color psychology is key in our app. Each emotion has a color. Yellow is for happiness, green is for calmness, red is for irritability, and blue is for sadness.

Pink: The Quintessential Hue

Pink is the primary color. It embodies warmth, hope, and sensitivity. Black is the counterpoint color. Backgrounds use it to accentuate the other colors.

KooKoo Black

Secondary

#171717

KooKoo White

Secondary

#F7F7F7

KooKoo Pink

Primary

#F387C1

KooKoo Blue

Triste

#00D1FF

KooKoo Red

Irritada

#FF2633

KooKoo Green

Calmada

#00B862

KooKoo Yellow

Feliz

#FFC700

KooKoo's font choices

KooKoo's font choices

PROTOTYPING

For KooKoo's typography, we've picked two fonts. They show the app's core values. These are simplicity, modernity, and a touch of classic elegance.

Open Sans: This is a versatile sans-serif font. It is the main typeface. It gives a clean and modern look. This look fits the app's user-friendly interface. Its open letterforms and even spacing make it easy to read. This is true on many screen sizes and devices.

Dermagent: This a serif font. It adds sophistication and elegance to the app's design. It complements Open Sans. Its refined strokes and graceful curves give a sense of timelessness. Its overall structure balances Open Sans's modern style.

Open Sans and Dermagent blend harmoniously. They create a cohesive look for KooKoo. It's a reflection of the app's commitment to being user-friendly. It empowers people on their mental health journeys.

For KooKoo's typography, we've picked two fonts. They show the app's core values. These are simplicity, modernity, and a touch of classic elegance.

Open Sans: This is a versatile sans-serif font. It is the main typeface. It gives a clean and modern look. This look fits the app's user-friendly interface. Its open letterforms and even spacing make it easy to read. This is true on many screen sizes and devices.

Dermagent: This a serif font. It adds sophistication and elegance to the app's design. It complements Open Sans. Its refined strokes and graceful curves give a sense of timelessness. Its overall structure balances Open Sans's modern style.

Open Sans and Dermagent blend harmoniously. They create a cohesive look for KooKoo. It's a reflection of the app's commitment to being user-friendly. It empowers people on their mental health journeys.

A therapy optimization app

A therapy optimization app

Open Sans

Primary Typography

Open Sans

Primary Typography

KooKoo


KooKoo

Dermagent

Secondary Typography

Dermagent

Secondary Typography

KooKoo's APP in action

KooKoo's APP in action

PROTOTYPING

See the App in Action: Watch a short video to explore the three key functionalities: My Mood, My Therapy, and My Goals:

See the App in Action: Watch a short video to explore the three key functionalities: My Mood, My Therapy, and My Goals:

USER FLOW

Onboarding
Onboarding

USER FLOW

Onboarding

USER FLOW

Therapy
Therapy
Next Steps
Next Steps

GATHERING USER FEEDBACK

GATHERING USER FEEDBACK

Our next steps involve usability testing and interviews. We'll gather valuable feedback from users on KOOKOO's proposed solutions. This feedback will be crucial. It will validate the three key app features: MyMood, Therapy, and Goals. It will also show how relevant and appealing they are to users.

Our next steps involve usability testing and interviews. We'll gather valuable feedback from users on KOOKOO's proposed solutions. This feedback will be crucial. It will validate the three key app features: MyMood, Therapy, and Goals. It will also show how relevant and appealing they are to users.

We also aim to get feedback on the app's name. The prototype stage lacked enough user input on the app's definition. The name alludes to the Spanish phrase "estar cucú" (meaning "to be crazy").

We also aim to get feedback on the app's name. The prototype stage lacked enough user input on the app's definition. The name alludes to the Spanish phrase "estar cucú" (meaning "to be crazy").

Additionally, we will explore how users interact with the app. They will do so without their therapists.

Additionally, we will explore how users interact with the app. They will do so without their therapists.

Once we have all the user feedback, we will make KOOKOO's Minimum Viable Product (MVP). We will do this with our development team. The MVP will then be tested with users to gather data for future analysis and refinement.

Once we have all the user feedback, we will make KOOKOO's Minimum Viable Product (MVP). We will do this with our development team. The MVP will then be tested with users to gather data for future analysis and refinement.

NEXT PROJECT

IDEALISTA

NEXT PROJECT

IDEALISTA

NEXT PROJECT

IDEALISTA
Let’s Create
Something Great
Let’s Create Something Great

Get in touch

Get in touch

Built by Alexandra with Framer

Built by Alexandra with Framer

Built by Alexandra with Framer