UX & UI/ Figma Programing & Design

Stories are a tool allowing us to share human experiences. We connect through stories forming a bond between the orator and the listener. We sympathize and root for those who are part of the story. This is the power of stories. The ability to understand other’s circumstances and decisions.


Embrace was a collaboration with fellow team members to design, prototype, and develop an interactive storytelling website incorporating statistics within the story. We used Figma, a design program allowing designers to create prototypes through various artboards. I changed my roles a couple times as the project progressed. I assisted with project management and later shifted roles to prototyping the project in Figma. I specifically worked on the storyline for the child, Charlotte. In addition to this, I created a few extra assets such as the lunch, and the school counselor.




Before the start of this project, our professor, Andrea Cardinal, provided the class with research, stories, and other interactive storytelling websites. We read multiple articles and were asked to recount details. Everyone could remember the specific stories, but not the statistics that were associated with the topics. This is the power of stories. We can recall people’s experiences better than data. We become more involved with the issues as we can sympathize with those who are affected.

While statistics provide data showcasing the importance of a topic, we tend to remember the stories better. Due to the sensitivity of the topic, we created a fictitious family. We discussed as a group, whether to retell the accounts of real people or create a fake family based on the accounts. We chose the latter as recounting a personal story can retraumatize the individual

We divided into groups working on the story, design, and prototype of the website. I worked with the prototyping/management team, learning Figma, and assisting other groups if need be. I created the lunch, the counselor, infographics and prototyped Charlotte’s storyline.

Research Notes

Why are Stories Stickier than Statistics


A Class Divided

Toledo Stories Corner Stones: The African Americans


White Privilege: Unpacking the Invisible Knapsack PDF


Interactive Websites Study

Seattle Times Under Our Skin


After the Storm

After the Storm



Several Digital Sins


The 1619 Project


The Slavery Footprint - Made in a Free World


The Boat