Moodscape

An emotion-led art companion that turns how you feel into something you can keep.

Overview

Moodscape is an app that recommends creative art projects based on how a user is feeling in the moment. The goal isn’t productivity or mastery—it’s giving people a way to process emotion through making, while ending up with something meaningful or useful afterward.

Projects range from calming paintings and home décor to playful crafts, gifts, or personal keepsakes.

Role: UX/UI Designer | Timeline: 4 weeks | Platform: Mobile (iOS) | Tools: Figma

Problem & Insight

  • Many people want creative outlets, but don’t know where to start—especially when they’re feeling emotionally off, low-energy, or overwhelmed.

  • Creative platforms often assume users already know what they want to make. Moodscape flips that by starting with how someone feels instead.

  • The insight was simple: emotions already carry creative direction—people just need help translating that into action.

Concept & Purpose

Moodscape matches moods to art projects that feel emotionally aligned and achievable. Rather than framing creativity as self-expression alone, the app connects projects to real-life outcomes—something to display, gift, plant, frame, or revisit later.

The purpose isn’t to dictate meaning, but to offer gentle structure and possibility.

Early Exploration

Early concepts explored:

  • Open-ended creative prompts

  • Mood journaling paired with art suggestions

  • Project discovery through browsing alone

These felt either too abstract or too effort-heavy. Through sketching and flow exploration, a mood-first recommendation model emerged as the most intuitive entry point.

Low-fidelity wireframes were used to test how mood selection could feel expressive without being overwhelming.

Key Screens & Experience

  • Mobile phone screen displaying a login page with a colorful alarm icon, email and password fields, a red login button, and links for forgot password and create account.
  • Mobile app screen showing a user profile for John Doe, a teacher, with a risk alert indicating at risk, safety status, and options for reporting a gunman or other threats, and navigation icons at the bottom.
  • A smartphone screen displaying a chat conversation with a person named Jane Doe. The chat includes a text message, a voice message, and a photo of a person holding a gun in a room with wooden floors.
  • Mobile phone screen displaying alerts with timestamps, a news image of students walking on a school campus, and icons at the bottom for home, contacts, alerts, notifications, and location.
  • Smartphone screen displaying settings menu with options for location services, sound preferences, display mode, and account management, with navigation icons at the bottom.
  • Map of Building 5 Main Level with various color-coded locations including a danger area, safe zone, principal, students, faculty, security, and facilities, along with entrances and restroom icons.

Visual Design

Moodscape’s visual language is expressive but grounded. Color, spacing, and typography were chosen to feel open and inviting, while still providing enough structure to guide action.

The interface avoids feeling precious or overly artistic, keeping the focus on accessibility rather than performance.

Results and Takeaways

Moodscape explores how creativity can be a form of emotional processing without pressure. By starting with mood instead of output, the app lowers the barrier to making and reframes creativity as something supportive and human.

Future iterations could explore saved moods, seasonal emotional patterns, or collaborative projects.

Next

DermaKin