COVID-19 Vaccine Finder

Client
Project Beacon
Role
Product design 
Focus Areas
Interface design, design systems, design sprint
How can we make finding a COVID vaccine easier?

In January 2021, demand for the newly released COVID-19 vaccine was extremely high, and many people were frustrated at how difficult it was to find vaccination sites that had available appointments.

After a successful partnership launching their testing software, Project Beacon tapped Viget to create a tool for the state of Massachusetts that would easily identify vaccine sites and available appointments. The catch? It needed to be designed, built, and launched in just two weeks.

Moving quickly within constraints.

Two weeks is not much time to design and develop a tool that would inevitably receive a ton of traffic on day 1. To make up for the short amount of time we had to work with (and to keep the tool's look and feel in line with the rest of the state's digital properties), Viget designer Matthew Mocniak and I leveraged Massachusetts' state design system, Mayflower, to streamline screen layout and make front-end development as efficient as possible.

Avoiding reinventing the wheel.

Rather than create a completely custom appointment sign-up tool, our team's goal was to scrape the appointment data from various existing scheduling sites across the state, (including both retail pharmacies and mass vaccination sites) and display them in a more legible, easily identifiable way.

Massachusetts residents would select their desired location and appointment time on our VaxFinder, then get redirected to that pharmacy's registration site to officially confirm their appointment.

POST LAUNCH REACH, AT A GLANCE
  • In the first 5 hours after launch: over 360,000 pageviews on home page
  • At the end of day 1, call times to the state's scheduling center were reduced by over 30%
  • In the first two weeks after launch: over 60 million pageviews and over 40,000 concurrent users
  • In the first month after launch: accounted for 50.6% of vaccines administered in MA
KEY PROJECT TAKEAWAYS
  • Design systems don't have all the answers.
    The Mayflower design system wasn't perfect and there were plenty of times where we had to make our own interpretations when designing UI patterns based on the documentation provided.
  • Lean into technical constraints.
    Building a front-end to scrape an existing back-end database had its usability limitations, but the positive was that it allowed us to build and ship a highly publicized, critical tool quickly and maintainably.
PRoject team
Product Design
Tyler Berg
Matthew Mocniak
Product Management
Peyton Chance
Ryan Schaefer
Development
Dylan Lederle-Ensign
Solomon Hawk
Danny Brown
Chris Manning
Nick Telsan
Next Project
Large Insurance Company: Product Validation