ThoughtTrail

A journaling app designed to support emotional wellbeing through simplicity and thoughtful design

ProjectWellness App Design

RoleUI/UX Designer

TimelineMar – Apr 2024

ToolsFigma, User Research

ThoughtTrail prototype: Journaling and mood tracking interface

Goal

Creating a journaling experience that feels like a safe space

ThoughtTrail is a journaling app that supports emotional wellbeing among teens and young adults. Designed to be calm and intuitive, it helps users reflect, express emotions through multimedia entries, and build healthy writing habits. As the designer, I focused on lowering the barrier to journaling through simplicity, privacy, and visual comfort.

Evolution

From functional prototype to emotional experience

ThoughtTrail was developed as a collaborative group project where I contributed to the conceptual foundation, user and competitor research, and initial visual design. Our team established the core features: multimedia journaling, mood tracking, prompts, reminders, and calendar views.

After the project concluded, I recognized an opportunity to strengthen the visual identity. While the original design was functional and included all necessary features, it lacked the emotional warmth and cohesive aesthetic essential for a wellness experience. I undertook a complete visual redesign, transforming the interface while preserving the format, features, and user flows we had established as a team.

What Stayed the Same

  • Core Concept: Wellness journaling app for emotional wellbeing
  • Feature Set: Multimedia entries, mood tracking, prompts, reminders, calendar
  • App Structure: Navigation, screen layout, and user flows
  • Fundamental Purpose: Supporting reflection and habit formation

What I Redesigned

  • Color Psychology: Shifted from neutral beige to intentional blue/lavender/coral palette
  • Visual Hierarchy: Two-tone structure with dark headers and light content areas
  • Emotional Tone: Warm, calming aesthetic supporting personal reflection
  • Design System: Cohesive styling with coral accents, rounded corners, consistent components
  • Typography: Strategic pairing of Neuton serif with Outfit sans-serif
  • Interactive Prototyping: Enhanced user flows with interactive states
Before & After
Original vs Redesigned ThoughtTrail

Original Design: Functional layout with neutral beige palette. Featured all core functionality but lacked emotional resonance and visual cohesion appropriate for wellness journaling.

Redesigned Interface: Same features and structure, elevated through color psychology, stronger hierarchy, and a cohesive design system that creates a calming, supportive environment.

The Process

From research to redesign

1

Research

Competitor Analysis

User Interviews

2

Personas

User Needs

Pain Points

3

Ideation

Wireframing

Feature Planning

4

Design

Visual System

Prototyping

5

Redesign

Visual System

Color Psychology

Prototyping

Challenge

Making journaling feel accessible and inviting

Teens often struggle to process emotions consistently. Existing journaling apps feel sterile or overly structured, lacking warmth and privacy. The challenge was designing a journaling experience that feels personal, comforting, and habit-forming for teens seeking emotional relief and self-reflection.

Research

Understanding the competitive landscape

I analyzed leading journaling apps including Diarium, Penzu, and Grid Diary to identify opportunities and gaps in the market.

Competitor Insights

Diarium offers robust multimedia integration but lacks emotional personalization.


Penzu provides strong privacy features but feels formal and less engaging for younger audiences.


Grid Diary emphasizes structure but can restrict free-form creativity.

Competitor Analysis

User Research

I conducted interviews with college students to understand their journaling habits, challenges, and emotional needs. Key insights included:


These insights informed the design focus on emotional warmth, simplicity, and habit formation.

User Personas

Designing for diverse journaling needs

Carrie

Carrie - The Stressed Student

A first-year college student who recently moved away from home. She's constantly stressed about classes and workload. Without her close friends nearby, Carrie struggles to manage stress effectively and lacks an outlet to vent her frustrations and worries.

Jerry

Jerry - The Busy Extrovert

An extrovert involved in various school clubs and activities. His busy schedule leaves him overwhelmed and drained. Despite his outgoing nature, Jerry needs time to recharge through writing and reflection at the end of the day.

Anna

Anna - The Visual Creator

An aspiring photographer who loves capturing her environment. While she may not enjoy writing long essays, Anna values preserving memories through visual approaches like photo albums and scrapbooking.

These personas shaped the app's flexibility in journaling styles and reminder-based habit support.

Wireframing
ThoughtTrail Wireframe
Design Philosophy

Transforming function into feeling

Building upon the solid feature foundation established in the original group project, my redesign focused on visual transformation. The core functionality, multimedia journaling, mood tracking, prompts, and privacy, remained unchanged, but every visual element was reconsidered through the lens of emotional wellness.

The central question guiding my redesign was: "How can the same features feel more supportive, calming, and inviting?" This led to strategic decisions around color psychology, typography, spacing, and interaction design that transformed the user experience while respecting the original concept.

Visual Language

The visual language emphasizes calm and clarity through soft colors, rounded shapes, and minimal distractions. Color psychology guided the palette: a deep blue background creates a sense of trust, while soft lavender content areas evoke relaxation and openness. Warm coral accents highlight key interactions, adding positivity without overwhelming the peaceful atmosphere.

The logo uses a serif typeface, Neuton, to evoke warmth and reflection. Supporting text uses a clean sans-serif typeface, Outfit, for optimal readability and a modern, approachable interface.

Core Features

  • Daily Prompts: Optional writing topics help users overcome "blank page" moments
  • Mood Tracking: Emoji-based ratings display mood trends over time to support mindfulness and self-awareness
  • Multimedia Journaling: Users can attach photos, voice recordings, or short videos to express emotions creatively
  • Privacy Controls: Password-protected entries keep sensitive reflections secure
  • Personalized Reminders: Users can set times that fit their schedule, helping make journaling a sustainable habit
Final Design
ThoughtTrail Final Mockup
Outcome

Elevating wellness through intentional design

The redesign successfully transformed ThoughtTrail from a functional prototype into a polished wellness experience with a distinct visual identity.

Reflection

Designing for emotional resonance

This project taught me the importance of designing for emotional resonance as much as usability. The redesign process reinforced how intentional visual choices, from color psychology to typography, can transform a functional product into a meaningful experience.

Working first in a collaborative environment and then independently on the redesign helped me develop both teamwork and autonomous design thinking skills. I learned to identify design opportunities, critique existing work constructively, and execute a cohesive visual system that truly serves users' emotional needs.