Northwestern Covid App


UX / 2022
A proposed all-in-one app for Northwestern students to handle all things Covid-related.







Overview


The idea for this app arose during a campus spike in positive Covid testing and from conversations (and then interviews) with students about current Covid testing, messaging, and quarantining.

A clear issue emerged: these processes were too clunky and separated. The existing process had students navigating between two apps just to test, and if you tested positive, it was hard to keep up with what the university protocol was.

My question: How might we streamline the student experience of Covid testing, symptom-tracking, and response?

Process


I started by sketching quick wireframes of the main screens I envisioned using the user stories that emerged from my conversations. Those included a home that combined symptom tracking, testing status, close contact tracking, and news/info from the university.

I then prototyped a higher-fidelity version in Figma, which is what is shown at the bottom of this case study.




Wireframe sketches of my main screens.




Style Choices


Staying within the brand of Northwestern, I used the university’s sans serif font and a selection of “Northwestern Purple” shades.

I aimed to create a clean-feeling interface, using only sans serif and adding gracious space in between elements.






Outcome





Notifications. This centralized notification screen combines messages a student would typically receive across several platforms (testing app, email, text, etc.).

Notifications can also link to other tabs in the app.


Symptom Badge. Typically, students would have completed this process in a separate clunky, poorly designed app.

In my redesign, I made each symptom a radio button, able to be selected individually, and gave elements more space to breathe.
 





Testing. In this tab, users can see connected testing agencies, the QR code needed to test at Northwestern centers, and test result history (in a list or calendar view).



Info. This tab pulls information from Northwestern’s website into the app, so students do not have to jump from app to browser when seeking out Covid information. It also adds relevant contact info from the Health Services team in the case of a positive test.