Dan Nolan

Visual Designer
User Experience Designer

DJN monogram
Project:

The Virus At Sea

Year:

2020

Roles:
  • user experience
  • visual design
  • CSS
View live site >
A collage image of three photos on top of a dark ocean background. The first photo shows a man smiling with luggage on a boat ramp; the second photo is of a cruise ship; the third photo shows the same man wearing a surgical mask.

Awards Update

The Virus At Sea has been honored with an award:
  • Edward R. Murrow Award: Excellence in Innovation

The Virus At Sea is an immersive web experience recounting one man’s battle with COVID on a cruise ship at the beginning of the pandemic. Brendt was stuck on a cruise ship for an extra two weeks and was in contact with his partner throughout the ordeal. We decided to tell Brendt’s story in an interactive slide story format using his text messages and social media posts as the main driver of the narrative.

We started with a quick prototype of the text message experience.

A wireframe prototype showing eight early screen designs for The Virus At Sea.

All our interactive stories are responsive and optimized for mobile, and this one in particular provided an opportunity to immerse our audience in a mobile experience that felt natural and intimate. We tell Brendt’s story as a day to day timeline using his text messages and social media posts as a first person narrative device. We created an interface where the user taps through each text message, as if they're being sent in the moment.

A screen showing the text message interface and a conversation between Ryan and Brendt.
A screen showing the text message interface and a conversation between Ryan and Brendt.

We weave in interview videos of Brendt’s partner explaining how he felt back in New York while this was happening, along with other social media Brendt posted during his journey.

A screen showing a Facebook post of Brendt in Buenos Aires at Eva Peron's grave.
A still from an interview video with Ryan.
A still from a video of Brendt talking to camera with a surgical mask on.

Narrative text slides add broader context and explain what is happening with the pandemic and the cruise ship at relevant moments.

Several people in hazmat suits moving luggage.
Brendt waving on the ramp of the cruise ship.
A text screen with an image of a cruise ship.

Brendt’s journal entries add to the intimacy of the experience. Here he documents his temperature after getting a fever and suffering COVID symptoms. We also include captain’s announcements from the ship and newspaper clippings.

An up close journal page showing handwritten times and temperatures.
A collage image of newspaper headlines about the Zaandam cruise ship.
A document of a captain's announcement sent onboard the cruise ship.

We added maps for a zoomed out view—they mark waypoints in the story and show the ship being denied at ports while trying to make its way home.

A map of lower South America showing the planned cruise ship route.
A map of Central America, Cuba and Florida showing the cruise ship's path around Cuba.