EchoMind

EchoMind is an innovative journaling app designed specifically for teenagers, combining emotional reflection with the power of AI. While traditional journaling offers a healthy outlet for managing anxiety, stress, and depression, EchoMind takes it a step further—helping teens not just record their feelings, but also understand and grow from them.
Design Challenge

My Goals

Deliver Personalized Support

AI offers tailored advice and prompts based on each journal entry.

Build Healthy Habits

Gamified tracking and achievements make emotional reflection a daily routine.

Encourage Social Collaboration

Use the drift bottle feature to share thoughts anonymously and connect with supportive peers.

Bringing It to Life

With EchoMind, teens can reflect on their emotions, receive personalized AI support, and connect with peers in a safe, creative space—all through a gamified journaling experience that makes self-reflection more fun and approachable.
Live Prototype
Play video icon
Features
Mockup

Emotion Logging

Users track their feelings by selecting a character that represents their emotion, making journaling easy and fun.
Mockup
A filter in the featured section improves usability by helping users find relevant information more efficiently.
Mockup

Emotion Avatars

Emotion avatars offer personalized advice based on user input, creating a supportive, chat-like experience.
Mockup

Memory Shelf

Users can store their logs safely in a memory shelf, with a sweet animation played before each entry is saved.
Mockup
Tags and icons add visual hierarchy for information. Enhance readability.
Mockup

Drift Bottle Community

Explore what others have shared in the drift bottle community—you might be able to help! Sharing is caring.
Mockup
Focus on each content more. Reduce wall of text to decrease user’s cognitive load.
Mockup

Log Management

Users can edit their shared Drift Bottle logs and manage the advice they’ve given and received.
Mockup
Focus on each content more. Reduce wall of text to decrease user’s cognitive load.
Mockup

Customization

More options to make journaling fun and personalized, encouraging users to explore and express themselves.
Mockup
Added filter, view calender and enable download it in PDF.
Easier for users to find information.

Design Process

Discover, Design, Deliver.

01

Precedence Research

Conducted research and explored the issue to spark design ideation.

Competitor Analysis

Analyzed competitors to identify their strengths and weaknesses, learning what works well and what to avoid.

User Analysis

Created a user empathy map to uncover opportunities for improving navigation and user experience, gaining deeper insight into user needs and pain points.

02

Navigation Map

Created a navigation map to outline the website's structure and ensure a seamless user flow.

Mid-Fi Flats

To outline the basic layout and structure of the redesigned website, focusing on key elements and user flow.

Design Iteration

To refine layout and functionality, focusing on improving user interaction and overall design.

03

High-Fi Flats

Detailed wireframes to outline the structure and layout of the redesigned website, ensuring a user-friendly and intuitive navigation experience.

Style Guide

Selected fonts that reflect the brand's personality and ensure a cohesive and professional look across all pages.

Get in touch today

Got a project in mind? Let's talk and bring your ideas to life. Drop me a message and let's get connected!

Check - Elements Webflow Library - BRIX Templates

Thank you

Thanks for reaching out. I will get back to you soon!
Oops! Something went wrong while submitting the form.
Ux/Ui designer
Featured work
Furrytalesechomindf-o-r-mbusby portfolio Halq’emeylem
other work
Game designgraphic design
Site Information
ABOUT mecontact
Follow
Linkin