Suwindi Bandara

Emovere is an interactive emotional design system that turns feelings into living, evolving digital artworks. Built entirely from scratch using HTML, CSS, JavaScript, and p5.js, with interface design and prototyping done in Figma, this project invites users to explore their emotions through nature-inspired visuals and sensory interaction.

Unlike traditional mood trackers, Emovere doesn’t just log how you feel. It brings your emotions to life. Joy becomes a tree that grows and flourishes. Sadness falls as gentle rain. Anger blooms into intense, reactive flowers. Calm drifts in as a peaceful, flowing wind. These elements evolve in real time, shaped by each user’s selected sound, color, and gesture.

The system is grounded in the principles of emotional design, sensory design, and storytelling. It also thoughtfully incorporates visual, interaction, and interface design. I wanted users not only to see their emotions but to hear, feel, and interact with them. The interface, created in Figma, focuses on accessibility, softness, and ease of use so that anyone, regardless of background or mood, feels safe and welcome while engaging with it.

My motivation for creating Emovere came from a deep love for nature and a strong research interest. I’ve always been curious about how we express emotion in digital spaces, and how rarely we’re given tools that allow for depth, subtlety, and care. Inspired by environmental psychology and metaphor design, I set out to create a digital space that encourages people to slow down, reflect, and connect with themselves emotionally.

The nature metaphors were chosen for more than just their beauty. Trees, rain, flowers, and wind have been shown in studies to support emotional clarity and reduce stress. These visuals act as emotional mirrors, gently evolving with the user’s feelings.

From a technical perspective, everything was built from the ground up. I wrote clean, intentional code using HTML, CSS, JavaScript, and p5.js, giving me complete creative control. Every animation, interaction, and transition was carefully designed to support a meaningful and emotionally rich experience.

I also focused heavily on sensory design, considering how visuals, sound, color, and movement could work together to deepen emotional connection. This added a layer of richness and personalization that makes each user’s journey through the system feel unique and immersive.

What I hoped to create with Emovere is a balance between art and functionality. It’s a digital companion that is both expressive and soothing. Rather than trying to fix or analyze emotions, it listens and responds. I see it as part emotional tool, part interactive artwork, and part quiet moment of therapy.

At my core, I love exploring where creativity and technology meet. I believe code can carry emotion, interfaces can tell stories, and digital spaces can feel deeply human. With Emovere, I wanted to build something honest, personal, and emotionally resonant.