OVERVIEW
My role
UX Designer
Tools
Figma, Usability Testing, WCAG 2.2
RESEARCH
Competitive Analysis
I analyzed market leaders to identify critical gaps and design benchmarks. While some excelled in visual aesthetics and portal intuition, they often lacked robust financial reporting. Others provided high brand credibility but failed to offer specialized physiotherapy workflows like structured SOAP notes. Finally, the success of automated messaging reminders in reducing no-shows became a key benchmark I prioritized for the final design.
IDEATION
The goal was to transition the clinic from "overwhelmed" to "effortless." I focused on four primary pillars:
Intelligent Scheduling: Designing a multi-view, color-coded calendar that differentiates between "Assessment" and "Treatment" durations to prevent bottlenecks ``.
Telehealth Integration: Creating a professional virtual space that mirrors face-to-face interactions, including "Picture-in-Picture" layouts so doctors can focus on the patient's movements without distractions ``.
Structured Documentation: Implementing digital SOAP (Subjective, Objective, Assessment, Plan) templates that allow for rapid note-taking during sessions ``.
Information Architecture: Organizing the app into clear zones: Dashboard (Daily metrics), Calendar (Traffic control), Patients (EMR/Timeline), and Sessions (Tele-consultation/Video) ``.
ITERATION
During the prototyping phase, I conducted usability reviews that led to significant refinements: From Lists to Visual Grids: Initial designs for appointments used a simple list. Testing revealed this didn't help therapists visualize "free gaps" between sessions. I iterated to a drag-and-drop calendar view to improve scheduling efficiency ``. Managing "Invisible Fatigue": Early video call interfaces were cluttered. I stripped back non-essential UI elements to reduce cognitive load, ensuring the focus remained on the clinical assessment ``. Error Prevention in Billing: To meet WCAG 2.0/2.2 standards and reduce financial errors, I moved from real-time validation (which distracted users while typing) to a consolidated "Error Summary" block shown only after form submission ``.
Problem Solving: The final design successfully neutralized the "single point of failure" inherent in manual logs. By automating WhatsApp reminders and providing real-time visibility of therapist availability, the design effectively addresses the root causes of no-shows and double bookings ``.
Business Rigor: Quickphysio was designed as a Strategic Growth Tool. Features like "Recall" (identifying inactive patients) and "Package Management" (tracking session bundles) ensure clinics stop losing revenue to unbilled treatments and low patient retention ``. The high-fidelity prototype serves as a Unique Selling Proposition (USP) for the clinic, positioning it as a modern, patient-centered facility
What I learned...
Collaborating with developers was a transformative experience. I learned the critical importance of:
Technical Constraints: Understanding how data encryption and HIPAA-compliant secure storage affect design decisions ``.
Handoff Quality: Providing clear documentation for state management (e.g.,
aria-liveregions for dynamic updates) to ensure developers could implement accessible interactions correctly ``.Scalability: Designing a "case-centric" model that allows the app to grow from a solo practitioner’s tool to a multi-clinic management system ``.
Keeping art and design close...