Embrace

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

After the Storm

 

https://whatcomesafter.org/#/dear-future-disaster-survivor

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/