

















Embrace
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.
process
Process
Research
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
https://freakonomics.com/podcast/why-are-stories-stickier-than-statistics-nsq-ep-10/
A Class Divided
Toledo Stories Corner Stones: The African Americans
https://www.pbs.org/video/cornerstones-the-african-americans-frv4nb/#
White Privilege: Unpacking the Invisible Knapsack PDF
https://www.pbs.org/video/cornerstones-the-african-americans-frv4nb/#
Interactive Websites Study
Seattle Times Under Our Skin
https://projects.seattletimes.com/2016/under-our-skin/#
After the Storm
Several Digital Sins
sins.theguardian.com/
The 1619 Project
https://www.nytimes.com/interactive/2019/08/14/magazine/1619-america-slavery.html?mtrref=undefined&gwh=685D942C7F0FD7EBBD88D3CD433C5CF3&gwt=pay&assetType=PAYWALL
The Slavery Footprint - Made in a Free World
http://slaveryfootprint.org/
The Boat
https://www.sbs.com.au/theboat/