inside the box

Group Project


UI / UX Design 

Visual Design

Film Edit


Inside the Box is a video prototype project for real interactive technology and device equipment that would encourage people to experience and understand the problematic situation of homeless in cities. According to research, in the Seattle area, 40% of 1,131 people that were surveyed became homeless within the last three years. Within just a year, King Country’s homeless count rose from 10,688 in 2016 to 11,600 people in 2017. Therefore, the goal of the project is to show an immersive experience of homelessness as this is becoming a big problem in the greater Seattle area. More than just stating the facts and sharing stories, Inside the Box is about bringing awareness in a way that users can feel more comfortable approaching this situation and showing empathy.


The physical display would be installed on a projection device with a box surface and would allow users to interact with it like a touchscreen. Through the screen touch, the user could browse and choose the different topics to project, and it also provides a sharing feature to use with social networks. 


During the course of this project, my role in this project has primarily been user research, UX/UI designer, Xcode prototype developer, and film editor.  My team and I worked collaboratively to deliver the best product possible over the course of the quarter. We all took on multiple roles and helped each other push the project forward. I was excited to be able to work in an environment I feel passionately about, as this project allowed me to design something that might help homelessness.


Lost Angels

The project Lost Angels is a charitably active curated by Lee Jeffries
and Seattle’s Union Gospel Mission. It is a public mobile art exhibition, featured portraits of unsheltered men and women projected at massive-scale onto the facades of buildings and landmarks throughout Seattle neighborhoods. Accompanied by stories of the individuals featured, the entire experience drew attention to the growing number of homeless neighbors in Seattle, one face at a time.

Facing Homelessness

The project Facing Homelessness curated by Rex Hohlbein.They take photos of homeless people on the streets of Seattle and share their stories on Facebook. Through an invitation to see the beauty in each person, they encourage the community to bring connection and relationship to the center of their lives. This nurtures the empathy and compassion needed to catalyze a grassroots movement toward ending homelessness.


The project will take place on the University of Washington campus stairway. The audience member will choose a film on the device screen, use the first-person view to watch and experience the feeling of being homeless. The topic of the films includes people walking in the streets passing, the black silhouette of the person sitting in the road on a rainy night, house furniture disappearing, etc.

The film will project on the stairs, and over the movie, it will show quotes from people that have or are currently experiencing homelessness. Once you walk in front of the projection, the quotes will move away from you to reveal the straining relationships that happen through the transition of becoming homeless. There will be quotes all around the film where users can interact with and move around. As you move to close the environment, the quotes move away from you. This shows relationships drifting apart, the feeling of hopelessness. ​


Our wireframes work for the Inside Sketch created the Box application. We based our wireframes off of the screens we defined the previous days during our initial design concept and prototype, then I ended up adding a few adjustments to the finalized interface. The wireframes ended up including a total of 7 screens, including the home page, the individual topic preview page, and share page. Each page was created adhering to iOS design standards. These wireframes do not include visual design or content, as these steps will come after we have further enhanced the UX design of Inside the box. 


I decide to set the color tone of the visual concept to black, white and gray. Because these colors are simple and classic and also they are easy to appeal to people empathy of the homeless. It would make the whole visual design looks more serious and critical. I also enlarge the video module and use the color contrast to emphasize the image because I thought compared with text, images have the power to hit people's heart directly. Through the visual design, I hope people could spend more attention on the make the connection with the homeless, put yourself in other's shoes to feeling their pain, feeling their experience. 


Homelessness is a growing problem in Washington state, especially in the Seattle metropolitan area. This crisis is also the motivation for four students at the University of Washington Bothell who decided to use their skills as Interactive Media Design (IMD) majors to raise awareness and concern.

Thanks for watching!