Overview
Tap2Health is a healthcare platform bridging the gap between patients and doctors through digital innovation. The solution includes mobile and web applications tailored for both user groups, ensuring seamless healthcare access and management.
©2022
My Role
- Designed wireframes, user flows, and high-fidelity prototypes.
- Created a stylescape to define the design direction in the absence of a full brand guideline.
- Iterated designs based on feedback collected via Adobe XD.
Problem
- Doctors needed a unified platform to manage patient records, appointments, and consultations efficiently.
- Patients faced challenges in booking appointments, accessing medical records, and receiving care digitally.
Challenges
- Designing consistent yet distinct interfaces for doctors and patients.
- Establishing a cohesive design language for the app and web application to align with the website’s existing vibe.
01.
Action
Discovery Phase
- Conducted stakeholder discussions to understand specific needs for both doctors and patients.
- Analyzed the existing Tap2Health website to ensure tone, style, and usability alignment.
Design
Built a stylescape that encapsulated the website’s vibe, leveraging the existing logo and color scheme.
Designed wireframes to visualize layouts and functionalities.
Designed multiple high-fidelity design options in Adobe XD
Created user flows in Miro to map end-to-end experiences.
Created user flows in Miro to map end-to-end experiences.
Iteration
- Collected and implemented feedback directly through Adobe XD’s comment feature to refine the designs.
- Collaborated with CTO, and other teams to ensure alignment with the final UI
02.
Solutions
Doctor’s App & Web Application:
User-friendly navigation designed to optimize doctors’ efficiency.
Dashboard to view schedules and manage appointments.
Access to patient records
Video consultations
Patient’s App ↗
- Streamlined appointment booking flow with a step-by-step guide.
- Access to medical history and records.
- Integrated video consultation feature for a seamless experience.
05.
Impact
- Enhanced user satisfaction by aligning the app and web applications’ vibe with the website.
- Reduced patient onboarding friction by simplifying flows.
- Provided a unified, professional design for doctors that reflected Tap2Health’s brand.
Personal Takeaway
Working on Tap2Health taught me the importance of aligning designs with an existing brand presence, even when formal guidelines are lacking. Creating the stylescape was a valuable exercise in visual consistency and ensuring the app and web application felt like natural extensions of the website.
Additionally, balancing the needs of two distinct user groups—doctors and patients—was a rewarding challenge. It sharpened my ability to design scalable solutions that cater to diverse workflows without sacrificing simplicity or usability.
This project also highlighted the importance of collaboration and iteration. Regular feedback loops through Adobe XD helped refine the designs and ensured stakeholder satisfaction. I feel more confident in my ability to manage complex healthcare projects with multiple touchpoints.