Moodify

UX/ UI Design + Campaign Extension
Date
September – October 2024
Role
UX/UI Designer
(Team Projecft)
Software
Adobe Illustrator,
Photoshop, Figma
Team
Emily Sayegh

Designing a mood driven experience beyond the screen

Moodify is a mobile app designed to help users understand and navigate their emotions through music and interaction. The goal was to create an experience that feels personal, intuitive, and visually engaging.

Rather than focusing only on function, I approached this as an emotional experience that connects users to their moods through design.
Person hoplding a phonew that shows Moodify intro screen.
01  OVERVIEW

Designing a mood driven experience across product and brand

This project explores how design can respond to emotion through both interface and visual identity. The system connects functionality with storytelling to create a cohesive experience.

Each element was designed to feel intentional and aligned with the user’s emotional state.
02 ROLE

My role in shaping the experience

Moodify was developed as a collaborative project, where I worked alongside Emily Sayegh to build the overall experience. While the app’s concept and core structure were created as a team, I focused on shaping the visual direction and extending the product beyond the interface.

I designed key screens including the home experience, mood selection interactions, and playlist flows, ensuring the interface felt responsive to emotion rather than static. In addition, I developed the campaign assets, including social media ads, banner ads, and the app icon, translating the app’s visual language into a broader brand system.

The Moodify logo was designed by my teammate, while I focused on expanding and applying the visual identity across the full experience.
03 THE CHALLENGE

Turning emotion into interaction

Emotion is abstract and constantly changing, which made it difficult to translate into a clear and usable system.

The challenge was creating an experience that feels intuitive and supportive without becoming overwhelming.
04  AUDIENCE

Designing for users who expect to
be understood

Moodify is designed for users who use music as a way to process emotions. They are looking for an experience that reflects how they feel.

This required an interface that feels approachable, personal, and emotionally aware.
05 PROCESS

Shaping interaction and structure

The wireframes focused on building a clear user flow and intuitive navigation system.

This stage established structure while leaving room for the visual identity to enhance the experience later on.
06 VISUAL IDENTITY

Building a system that reflects emotion

The identity uses gradients, flowing lines, and layered visuals to represent emotion in a dynamic way.

These elements create an immersive experience while maintaining consistency across the interface.
07 OUTCOME

Bringing the experience to life across
every touchpoint

The final result is a cohesive experience that connects emotion to interaction in a meaningful way. Moodify allows users to translate how they feel into a personalized soundtrack, making discovery feel intuitive and immediate. By extending the visual system beyond the app into campaign assets, the project creates a unified brand experience that feels consistent, engaging, and recognizable across every touchpoint.
08 REFLECTION

Bringing the experience together

The final product combines interaction design and visual identity into a cohesive and emotionally driven experience. Each screen works together to create a system that feels intuitive and engaging.This project strengthened my ability to design for emotional connection rather than just usability.

Reflection:
I learned how important it is to design with empathy and consider how users feel while interacting with a product. This project pushed me to think beyond functionality and focus on emotional impact.If I were to continue developing Moodify, I would explore motion design and adaptive interactions to make the experience even more responsive.