top of page
woman standing using a phone

CASE STUDY 2

New mobile product design

Summary
Partnered with the Student Wellness Office to design, test, and implement a new mobile application for students post Covid
Role & Team
University of Florida logo

University of Florida

Lead UX Designer for UFIT

​

Lead UX designer on the ONE.UF team consisting of 9 developers, 1 QA , 1 ScrumMaster, and 1 product owner​​

​

  • Research

  • UX/UI

  • Interaction design

  • Presentation of new feature to leadership

Approach
Step 1 - Defined problem and goal
  • The Student Wellness department at UF needed a new product to give students a place to find resources and aid for mental health and wellness post-covid 

  • The students also needed a way to make appointments with the wellness center instead of just calling the office on the phone

​

It was determined that we would build a new app for the students

Step 2 - Interviewed users and staff & create personas
  • Lead interviews of students and faculty from the wellness center to determine the most common users of this app.

Shown below: 5 personas that I created

five personas
Step 3 - Mapped out user journeys

Using the personas created and the feedback from interviews, I mapped out the most likely journeys for each user

journey maps for the personas above
Step 4 - Determine information architecture

We partnered with the Wellness staff to run a card-sorting exercise. We used both open and closed sorting techniques to determine what would make sense to the students. We used this to determine our menu system for the app.

Shown below is an image of the card sort activity with students

photo of a card sorting exercise
Step 5 - Determine user flow and interactions

Using Adobe XD, the user flow was mapped out with an interactive prototype myself and the junior designer. (I do not have an image of this.)

Step 6 - Begin visual design 

Shown below is one of the first iterations of the design look and feel

color swatches and images of students
Solution
Step 7 - Visual design hi-fidelity mockups and interactive prototype

Shown below are my high-fidelity designs for the app

moving gif of a phone screen and interactions

Shown above: A view of the interactive prototype

six UI and interaction screen designs
wellness UI mobile screen designs
Step 8 - Test visual designs with users

We reviewed the interactive prototype with 8 students using a focus group. This was to determine if the look and feel appealed to them and was relatable.

Step 9 - Documentation & design library

A design and documentation library was created by me, so that the developers could begin work on the app

Shown below is the design library I created

digital library
You might also like

CASE STUDY 5

UI/UX Design Study Based on UPL

Greenway Health

Senior UX/IxD

My Goal: With tools and guidance based on the UPL (Universal Patient Language https://www.upl.org/) I was tasked with redesigning our patient portal. I used the information and guidance of the organization as the basis for my designs

​

My Role: Research, UX/UI and interaction design, & visual design

woman on a couch with a cat using a laptop
  • LinkedIn
bottom of page