Kuko Flow | App
Product Design
Community Based Mantra and Meditation App
My Role
Product Designer
Kuko is a progressive web app project I created in my web design course. I enjoy creating meditation audio tracks and so I created a blue sky version of a meditation app. I did the user experience design, visual identity, logo and began to code the progressive web app on the front-end. This is an ongoing project that has not yet been released as an MVP.
Team
Product Designer - 1
Timeline
August 2021-Present
Kuko is a meditation and mantra app that provides audio recordings for different methods of relaxation and sleep on a community based platform.
I designed the visual identity and logo of Kuko App
Design Process Overview
Validating Creative Solutions
Empathize | Understand the User’s Needs
Define | Analyze and Synthesize
Ideate | Generate Creative Ideas
Prototype | Design Intuitive Journey’s
Test | Validate Designs with Feedback
Empathize
Understand User Needs
Objective
I created a survey for individuals who are interested in trying meditation for the first time, those who meditate regularly, users who used to meditate and want to get back into it and those interested in community or sangha. I posted the survey on my social media accounts and received answer from 6 individuals.
Who am I solving this problem for?
What exactly is the problem?
How is it already being solved?
Why do they need a new solution?
Deliverables
Collection of Qualitative Data through Interviews, Observations and Competitive Analysis.
Meditation Survey
Define
Analyze + Synthesize
Objective
The survey I created gave me an idea about who I was designing for and what their problems were. I took this data and created an empathy map to illustrate the goals and constraints of the user.
I was able to see that a lot of the goals and constraints were based around mental health, mindset, and focus. The way that meditations made them feel was solving their problem intrinsically by creating a sense of wholeness and wellbeing. They felt a sense of letting go and calmness when focusing on meditation. They were able to focus on things like breathing exercises, mantras and resetting their energy.
Affinity Diagramming to identify and organize categories
User Persona and Empathy Map to understand who I am designing for
Develop a goal oriented problem statement by combining the user, their need and the reason or insight.
Deliverables
User Personas
Empathy Map
An actionable problem statement
Problem Statement
Busy individual’s need a way to relax and meditate but don’t always find the time or have the mental focus to meditate.
Ideate
Generate Creative Ideas
Objective
I used mind mapping to brainstorm concepts around identity and behavior which gave me ideas about individual habits and values. I used user flows to understand the higher level steps the user would take to achieve their goal. I created quick sketches to get ideas out around the user’s journey and information design.
Mind Mapping
User Flows
Quick Sketches
Deliverables
Wireframe Sketches
Prototype
Design Intuitive Journeys
Objective
When designing the wireframes and information architecture I took into account that user’s may be coming to the app with feelings of stress or mental distress. My goal was to create a minimal design with a clear path to the goal. The search bar at the bottom of the screen allows the users to easily find what they are looking for if they are in a hurry.
Information Architecture
Low Fidelity Wireframes
High Fidelity Interactive Prototype
Deliverables
High Fidelity Interactive Prototype
-or you can-