top of page
Top of Page
logo.png
Project Overview
project overview 1.png
the product.png
the product.png

Vacci*Nation is a fictive, responsive website that I created to allow greater access to vaccinations for the local and national populations.  The site is for all types of vaccinations, and also provides a COVID-19-specific section.

Vacci*Nation provides users with the ability to search for information and resources on vaccinations.  These vaccination information resources include categories on the history, efficacy, manufacture, safety, testing, availability, requirements, and side effects of vaccination.

The site provides prominent CTA buttons to allow the user to book a vaccination appointment after the site's resources have provided the information they desire concerning vaccinations.

the product images.png
the product images.png
the product images.png
the product.png
product duration.png

Dec. 2021 to Feb. 2022

project overview 1.png
project overview 1.png
project overview 2.png
project overview 2.png
project overview 1.png
project overview 1.png
project overview 2.png
responsibility edited.png
User Research
understanding the user.png
user research summary 1.png
user research summary 1.png
blue squares.png

Since vaccination is a local, national, and global subject, the research for this particular project spanned byond just the user research interviews performed by me.  For user research on this project, I also pored over data, reports, statistics, and interviews collected by other entities such as the WHO, CDC, and various hospitals in regard to vaccination, and why people do or don't get vaccinated.

Through the collection of interviews and data gathered by these other entities and by me, a clear picture of certain pain points became apparent in regard to users and vaccinations.

I took the information collected from the interviews, studies, and databases, and laid out an affinity diagram and built empathy maps.  The research - along with the visual aids I constructed - identified a pattern of pain points that were shared at the local, national, and global levels.

There were users who were extremely pro-vaccination, but had a difficult time in understanding what vaccines were and were not relevant to them specifically.  Additionally figuring out requirements of age, spacing, health status...etc. in order to qualify for certain vaccinations was also a point of confusion for users.  This desire for clearer information spread from general vaccination into the realm of COVID-19 vaccinations as well, as people tried to figure out changing guidelines for booster shot spacing and for testing.

A large swath of the vaccine-hesitant users had trust issues with the health system in general, and with the administration of vaccines specifically.  A history of medical experimentation on indigenous people, immigrants, and people-of-color lead many users to distrust the medical system, and feel hesitant to allow that system to inject their bodies with anything.  The quick nature of the COVID-19 vaccine creation made many of the hesitant users uneasy with fears of laxed safety and testing.

Another group of vaccine-hesitant users chocked up their lack of vaccination to anxieties like fear-of-needles, fear-of-side-effects, fear-of-vaccines in general.

affinity diagram.png
affinity diagram.png
affinity diagram.png
Affinity Diagram 2.png
Pain Points_edited.png
Pain Points_edited.png
Pain Points_edited.png
Pain Points_edited.png
Pain Points_edited.png
personas title.png
Grant.png
UJM 1.png
starting the design.png
site map.png
site map.png

Moving forward with the information collected from the user research, I constructed a site map to begin laying out a basic outline of the responsive website.

Vacc. Site Map (Mine).png
site map.png
site map.png
Vacc. Site Map (Mine).png
Wireframes
paper wireframes.png
paper wireframes.png
paper wireframes.png
paper wireframes.png
digital wireframes.png
digital wireframes 5.png
digital wireframs 2.png
digital wireframes 3.png
digital wireframes.png
digital wireframes.png
digital wireframs 2.png
digital wireframes 3.png
digital wireframe 7.png
digital wireframe 7.png
digital wireframe 7.png
Lo-Fi Prototype
lo-fi proto 1.png
lo-fi proto 2.png
lo-fi proto 1.png
View the Full Prototype:
Lo-Fi DESKTOP Prototype
lo-fi proto. 3.png
View the Full Prototype:
Lo-Fi MOBILE Prototype
Usability Study
usability study 1.png
usability study 1.png
usability study 2.png
usability study 2.png
refine design 1.png
refine design 2.png
mockup 1.png
refine design 3.png
mockup 1.png
refine design 3.png
mockup 2.png
refine design 4.png
refine design 4.png
refine design 4.png
refine design 4.png
refine design 4.png
mockup 2.png
Mockups
mockup 3.png
mockup 3.png
Hi-Fi Prototype
Your Appts..png
Account.png
Book A Vaccination - Vaccine & Location.png
Book A Vaccination - Date & Time.png
hi-fi proto 1.png
hi-fi proto 1.png
hi-fi proto 2.png
View the Full Prototype:
Hi-Fi DESKTOP Prototype
hi-fi proto 3.png
View the Full Prototype:
Hi-Fi MOBILE Prototype
Access 1.png
Access 1.png
Access 1.png
Access 1.png
access 2.png
going forward 1.png
Lessons Learned
takeaways.png
takeaways.png
takeaways.png
takeaways.png
takeaways.png
next steps.png
next steps.png
next steps.png
next steps.png
Contact Info.
thank you.png
thank you v2.png
bottom of page