<They were my family> reports mementos of sacrificed firefighters with related stories interviewed by their families. Our main goal was to create a space where readers could take time to look at each item, read the story, and eventually empathize with interviewees.

The main problem was the number of items—we collected more than 30 cases and needed to present individual items in-detail while maintaining the reader’s concentration.

As a designer, I solved this problem with design aspects:

1. Conveying emotion through background and font color
2. Providing clear categorizationStructuring the bottom indicator (of the item list) to let readers explore the article easily
3. Displaying each photo at once to show items effectively
4. Setting two kinds of layouts — grid view and list view

I overlay the story description on the top of the corresponding photos to ensure that the stories are related to the photos.

<When You Press 911> explains the facts and reality of firefighters to show their work. Thus, the article had to contain an informative yet emotional tone.

To make the content seem more factual, our team decided to use the voices of firefighters from the interview inside the article.

I muted the sound as default, considering the user experience aspect; readers can turn it off/on by clicking the button on the bottom left.

Our team explained the life of firefighters using the number and divided the story into three episodes: 2.6 Seconds, 25 kg, and 107 people — through this division, each episode's interactive theme became much straight-forward.I overlayed the story description on the top of the corresponding photos to ensure that the stories are related to the photos.

For <The Moment You Press 911>, I designed a shared introduction and footer to show that episodes are parts of one series.As voice takes one of the most crucial roles in the article’s interactivity, I inserted the sound button.

Every 2.6 seconds, 911 report reception happens. Our team decided to dropp the red ball (repreenting reports) every 2.6 and showed it at the very end of the page to visually deliever how short 2.6 seconds is.

The demonstration of firetruck moving out makes readers spend some time on the page. And since the video might be ambiguous to indicate the process, I designed to highlight each truck that description explains.

25kg is the weight that each firefighter has to bring—our team discussed that visualization and comparison with daily items could dramatically convey the content.

I used photogrametry method to show clothes and tools in detail. Rotating the model displays each tools closely, and it provides interactive element to make user engage.

107 is the number of sacrificed firefighters.For impactive portryal, I decided to visually compare it to the number of people that firefighters saved.