Capturing the largest public health response in history
Wireframes and UX/UI for the World Health Organisation while working as a UX/UI designer at Daylight.
Read about the process
The World Health Organisation approached Daylight to create a digital product that captured the story of the Covid-19 pandemic. The goal was to present the facts in a way that guides the audience through what happened, from the early days to now, while also serving as a lasting, reliable resource. The experience blends storytelling with science, tracing key moments, facts, and the global response.
- I collaborated with the creative team to develop ideas and offer UX advice as needed.
- Undertaking research to ensure the ideas presented to the client were feasible within the time and resources available to the digital team.
- Collaborate with the wider design team on how to set up design systems in Figma.
- Helping with wireframes and prototyping in Figma.
The creative team came up with the idea of an immersive time capsule which the client loved. The idea was that users could explore the pandemic story chronologically or randomly through this digital capsule.
I led the research aspect of the project, sharing my findings on immersive experiences with the wider team. I identified both positive and negative examples in the immersive web world and provided our creative team with UX suggestions, specifically in terms of functionality. This ensured we presented the client with the strongest ideas from both creative and digital perspectives.
After sharing my research internally, we aligned on a few key goals:
-
A natural UX flow with the ability to zoom in and out easily.
-
A layered experience using sound, video, animation, and real stories from real people.
-
Clear orientation so users always knew where they were in the timeline.
-
An immersive feel that didn’t feel gimmicky or game-like.
-
A design that amplified the science and evidence, rather than distracting from it.
- A seamless technical foundation that avoided performance issues or backend slowdowns.
While I was researching immersive experiences, the creative team brought the client on board with the idea of housing the time capsule inside a vaccine carrier - the same device used to transport vaccines to communities around the world.
Once the concept was approved, my focus shifted to shaping the website’s sitemap and refining the information architecture. The aim was to ensure the experience was intuitive, with clear structure and navigation to support user understanding throughout.
I applied atomic design principles to generate wireframes and prototypes, leveraging Figma's component functionality. This approach allowed me to react quicker to internal or client-driven changes.
Chapter landing page’s on mobile Mega menu on desktop
Progress indicator and side menu Landing page on mobile
- 1000+ creative, data and photojournalist contributors.
- 216 countries and territories represented in stories and data from the frontline.
- A science backed source for people to reference for many years to come.
- Insight into how the pandemic affected developing nations.
It felt incredibly meaningful to contribute to telling the story of something that impacted the world so deeply. While researching for this project, I really enjoyed diving into the world of immersive web experiences. There’s a wide range out there, and when done well, they can be powerful tools for education as well as compelling marketing. (I came across some epic examples, from Gucci campaigns to high-end candles and other luxury products.)
One moment I feel especially proud of was advocating for the inclusion of a progress indicator and a persistent side menu while navigating through the story. There was some pushback from the creative side, who felt it might detract from the experience, however, I was able to support my case using UX principles and ultimately helped improve the usability of the site.