Mood Vault

App Concept Emotional AI UX Writing UI Design

Conceptualized an AI-driven emotional journal app to help users reflect on their moods over time by designing a personalized interface and smart feedback loop.

Team

Ghali Habti El Idrissi (UI/UX Designer an Researcher) • Justin Birkenmaier (UX Researcher)

SEE FINAL PRODUCT

Discovery & Research

The Challenge

How can we create a sentient app where users can store emotional memories, thoughts, or experiences, analyze how habits and situations affect their emotions, and provide actionable insights to improve their mental well-being?

The Solution

The solution I designed with Justin is a mobile AI-powered emotional wellness app that integrates multiple intelligent features into one seamless platform. At its core, Mood Vault uses AI-assisted mood detection through natural language processing, voice recognition, and biometric data from smartwatch integration to track emotions in real-time without requiring constant manual input.

To answer our questions, we conducted surveys and the answers led to this target audience:

Target Audience

Young Professionals (25-35)

  • • High-stress jobs, busy schedules
  • • Seeking work-life balance
  • • Tech-savvy, productivity-focused
  • • Income: $40-60k

Students (18-24)

  • • Academic pressures, social anxiety
  • • Need self-awareness tools
  • • Highly engaged with social media
  • • Seeking coping strategies

Define

Proactive vs. Reactive

Predicts emotional shifts before distress escalates, unlike competitors like Daylio and Reflectly.

No Real-Time Analysis

Dynamic adaptation to changing emotional states through AI and biometric integration.

No Comprehensive Integration

Connects biometric, environmental, and behavioral data for holistic insights.

AI Mood Detection

Real-time emotional tracking through text analysis, voice patterns, and biometric data integration.

Personalized Insights

AI-generated coping strategies based on emotional trends and behavioral patterns.

Wellness Integration

Syncs with fitness trackers and meditation apps for holistic mental health tracking.

Mood-based Affirmations

Daily personalized encouragement

Customizable Widgets

Personalized dashboard layouts

Trigger Insights

AI-powered journaling analysis

Voice Assistant

Optional AI voice interaction

Develop

Wireframes

Low-fidelity wireframes were created to establish the app's information architecture and user flow before moving into high-fidelity design.

Wireframe 1
Wireframe 2
Wireframe 3
Wireframe 4
Wireframe 5
Wireframe 6

Design Comps

High-fidelity design compositions showcasing the final visual direction and interactive elements.

Design Comp 1
Design Comp 2
Design Comp 3
Design Comp 4
Design Comp 5
Design Comp 6
Design Comp 7
Design Comp 8

Testing Results

Visual Design

Professional aesthetic and color scheme praised by all testers

Navigation

Sidebar and navigation bar well-received

Core Concept

Feature set found engaging and promising

Health Integration

Easy connection to health apps

Priority 1
Mood Logging Confusion

Users expected to type instead of tapping cards. Core functionality misunderstood.

Priority 2
Dashboard Overload

Too much text overwhelms users and reduces engagement.

Priority 3
Accessibility Issues

WCAG compliance needed. Text too small, poor contrast, unclear icons.

Priority 4
AI Recommendations

Too wordy, not actionable enough. Need concise, clear insights.

Priority 5
Onboarding Flow

"Get Started" interaction unclear. Need Gmail login integration.

Deliver

Instagram Ad

Instagram Ad 1

Final Interactive Prototype

Walkthrough Video