Streamlined Patient Check-In & Health Assessment App

Timeline: January 1st - Present
Project Prompt
Design an app and a responsive website that allow patients to check-in to their family doctor's office and answer initial health screening questions.
Project Requirements
Platform:
Mobile and web application

Health Screening:
Patients must be able to answer initial health screening questions easily and quickly

Daily Interaction and Engagement:
Users can quickly check in upon arrival, filling out basic health screening questions.
The app can remind users to complete their health screening questions or check in ahead of their appointment.

Research

1. Competitive Analysis: I analyzed various patient portal platforms that I have access to that provide patients with the ability to check-in, view medical records, and complete health screening forms.
2. Pain points Identified:

3. How my app addresses these pain points

Planning & Architecture

In this phase, I focused on developing key elements to structure the user experience. This includes a sitemap to establish clear information hierarchy, a user flow to map out the step-by-step check-in process, and a storyboard to visually depict the user’s journey and emotional states during the check-in process.

User Flow
Sitemap
Storyboard

Design Process ( In Progress)

In this phase, I transitioned from planning and research into creating the visual and functional elements of the app. I started with low-fidelity wireframes to focus on layout and user flow without getting distracted by design details. Once the low-fidelity wireframes were tested and refined, I moved on to high-fidelity wireframes, incorporating the actual design elements such as typography, colors, and buttons.

Low Fidelity Wireframes

For this project, I followed a structured ideation process taught by  Google's UX Design course. I began by creating multiple wireframe variations, exploring different layouts and interaction patterns. After generating several alternatives, I  evaluated each element by starring the most effective solutions across different versions. This allowed me to make rationale-driven decisions for the low-fidelity wireframes, combining the strongest elements into a cohesive design that addresses the core user needs while maintaining simplicity and clarity.

High Fidelity Wireframes

Thank you for visiting my portfolio

I am always open to suggestions and advice on how to improve. Please feel free to connect.