Emily's Butterfly Garden

Role → UX/UI & Interactive Design.

Timeline → Jan 2023

Client → Personal Project - Blossom Childcare

Abstract/Executive Summary

Emily's Butterfly Garden is an interactive visual experience created using p5.js. It features the name "Emily," where the 'y' transforms into a tulip that opens to release a butterfly. With each click on the screen, a new butterfly is generated, symbolizing joy and bringing a smile to a child's heart. The project is accompanied by a background audio of my daughter saying, "I hear you in my heart."

01

Project Overview

Objective:

Create an engaging and interactive visual experience that brings joy and symbolizes happiness and connection for children in a camp, while also serving as a point to collect donated clothes for them during the long winter in Sweden.

Context:

This project was designed for children in an asylum camp to interact with and enjoy, encouraging donations of winter clothes to support them.

02

Strategy

Interactive Design:

Leveraged interactive typography and animation to engage users, especially children. Each click generating a butterfly creates a dynamic and playful experience.

Emotional Connection:

Integrated a background audio element featuring my daughter's voice to enhance the emotional connection and engagement.

03

Methodology

Interactive Typography:

The name "Emily" is prominently displayed with the 'Y' animated to transform into a tulip, releasing a butterfly.

Butterfly Generation:

Each screen click generates a new butterfly, symbolizing spreading smiles and joy.

Audio Integration:

Continuous playback of a voice recording saying, "I hear you in my heart," to add an emotional layer.

04

Outcomes and Impact

The project successfully combines visual and auditory elements to create an interactive and joyful experience. It demonstrates the potential of interactive design to evoke emotions and engage users in a meaningful way. This project not only brought smiles to the children in the camp but also encouraged the local community to donate winter clothes, helping to support the children during Sweden's long winter.

Link to Live Demo: https://9tib85.csb.app/