.png)
As part of the Google Professional UX Design Certificate, I designed a dedicated mobile app and complementary responsive design focused on social good. This design used a mobile first methodology.
Design Challenge. Design a mobile app & complementary responsive design that allows users to easily communicate their Covid-19 vaccine status for themselves and their family
Solution. The Vaccine Passport mobile application and complementary responsive website allows users to input and manage their virtual vaccine card all on their phone.
Empathize, Define & Ideate.
During this stage, I dug into the design problem, defined the user, investigated the competitive landscape and built a hypothesis. Below is a sample of some of the work that was conducted and developed during this phase:
Build Wireframes.
During this stage, I explored the user journey, information architecture and overall user flow to meet the goal statement. I also started sketching wireframes and transferring those sketches into Adobe XD. Below is a sample of some of the work that was conducted and developed during this phase:
Build a Low Fidelity Prototype.
During this stage, I turned wireframes into low-fidelity prototypes by using interactions in Figma. Below is a sample of some of the work that was conducted and developed during this phase:
Research & Testing Early Concepts.
During this stage, I conducted user testing on the low fidelity prototype to develop research insights to guide design iterations and decisions. Below is a sample of some of the work that was conducted and developed during this phase:
Research Questions
-
How long does it take a user to upload their paper card?
-
Which input do people want to use to upload their card?
-
Are there any parts where the users are getting stuck in the app flow?
Participants
6 participants
4 participants ages 20-50 years old looking to travel in the near future, 2 health care professionals. All participants reside in the United States.
Methodology
It took users an average of 15 minutes to complete the study.
The study was conducted remotely via video conferencing.
Moderated Usability study
Users were asked to upload and "show" their paper Covid-19 vaccination card using a low fidelity prototype.
Build a High Fidelity Prototype.
During this stage, I put it all together to create a high fidelity prototype that includes high contrast, color, icons, and reflects the entire user experience of the app using my design system. Below is a sample of some of the work that was conducted and developed during this phase:
Accessibility Highlights:
-
High Contrast
-
Universal Icons with text for screen reader compatibility
-
Large Text
As part of this design, I created a complementary responsive Apple Watch app. Below is a sample of that design:
