CASE STUDIES
HEALTHCARE - FORM
& DASHBOARD DESIGN
The project focused on creating a modern medical portal aimed at young professionals seeking private consultations with specialists across various fields. The goal was to design a user-friendly platform offering convenient and fast solutions for booking medical appointments. A key challenge was to ensure the platform provided a modern approach to healthcare, distinguishing it from competitors while meeting user expectations for intuitive design, functionality, and ease of navigation.
Author | Bartłomiej Biegun |
|---|---|
Services | Desk Research, UI Design |
Used Apps | Figma, Excel |
Problem Genesis
The challenge for this project was to design a modern healthcare platform targeted at young professionals seeking private medical appointments across various specializations. The platform needed to stand out with a user-friendly interface while also embracing a contemporary approach to healthcare, allowing users to easily schedule appointments and access important medical information.
Key issues identified included:
- Usability across devices: Ensuring a seamless experience on both desktop and mobile devices.
- Ease of access: Simplifying the process of appointment booking and patient management for a time-conscious audience.
- Handling user errors: Providing intuitive error-handling mechanisms for log-in, registration, and scheduling.
- Design consistency: Maintaining a coherent experience across different devices and screen sizes.
This problem highlighted the need for a cohesive design that delivers quick solutions for users who prioritize convenience in healthcare access.
Desk Research
To ensure that the solution would be both competitive and user-friendly, I conducted a thorough desk research phase, focusing on existing healthcare platforms, specifically ZnanyLekarz, Luxmed, and Medicover.
Key insights from this research included:
- ZnanyLekarz: This platform excelled in simplifying the process of searching for specialists by location and specialization. Their use of user reviews and doctor ratings also created a transparent, trustworthy system for users. However, its interface lacked a modern and visually appealing design, particularly on mobile devices.
- Luxmed: Luxmed’s platform had a clear focus on personalized healthcare. Their dashboard provided users with a comprehensive view of their medical history, upcoming appointments, and recommended services. The downside, however, was the cluttered interface which could overwhelm users with too much information at once.
- Medicover: Medicover offered a solid mobile experience with a focus on smooth navigation and clean design. The integration of services like booking lab tests and virtual consultations added value to the platform, though its desktop version felt somewhat less polished compared to mobile.
Conclusion: These insights influenced the design approach for the HealthCare project, emphasizing simplicity and clarity across both desktop and mobile interfaces, while incorporating the best practices like doctor ratings, transparent booking options, and a clean dashboard experience.
Solution
Based on the insights gathered from the desk research and the problems identified, the solution for the HealthCare platform focused on delivering a seamless, modern, and efficient user experience tailored to young professionals. The design aimed to ensure that users could easily navigate the platform, whether on desktop or mobile, to quickly book appointments and manage their healthcare needs without unnecessary distractions or steps.
A key aspect of the solution was streamlining the user experience. The login and registration processes were simplified, ensuring that users could access the core functions of the platform with minimal effort. This focus on efficiency extended to the platform’s layout, where the navigation was kept intuitive and user-friendly. Consistency across devices was another priority. The platform was designed to provide the same visual experience and functionality on both desktop and mobile, guaranteeing that users could transition seamlessly between devices without confusion. The layout, typography, and button designs were maintained consistently to strengthen the overall cohesiveness of the design.
Another important focus was error handling. Recognizing that users might make mistakes during the login or registration process, the design incorporated non-intrusive and clear prompts that guided users in correcting their actions without causing frustration. Additionally, visual simplicity was a core principle in the design. Drawing inspiration from clean, minimalist interfaces, the platform used a calming purple color scheme to establish trust and reduce user overwhelm. This approach avoided the cluttered interfaces seen in some competitors, creating an environment that encouraged ease of use.
The scheduling system was also carefully considered. By borrowing from the best practices observed in platforms like ZnanyLekarz, the HealthCare platform introduced an easy-to-navigate appointment booking system. Users could find and book appointments with specialists quickly, with the added benefit of doctor ratings and reviews to build trust and ensure transparency in their healthcare choices.
Project in Details
The HealthCare project, completed in August 2024, was designed using Figma and consisted of two primary phases: the login/registration interface and the dashboard for both desktop and mobile versions. The project began with wireframes and low-fidelity prototypes to define the basic layout and functionality. This allowed for testing early ideas before moving on to high-fidelity designs and interactive prototypes.
The login and registration forms were crafted to be simple and functional, ensuring that users could quickly log in or create an account with minimal friction. Error states were clearly defined, with messages that guided users through resolving issues, such as forgotten passwords or missing form inputs. This step also included creating a clean, responsive design that ensured the forms worked seamlessly across desktop and mobile devices. The interactive prototype provided a smooth flow, allowing developers to easily follow the user journey and understand how the form handled errors or successful inputs.
Project Name: HealthCare Platform
Duration: August 2024
Research Phase: Desk research focused on competitive platforms such as ZnanyLekarz, Luxmed, and Medicover
Key Insights: Identified the need for a streamlined appointment scheduling process, consistent cross-device user experience, and enhanced error handling for registration and login processes
Prototype Development Tool: Figma
Prototyping Platforms: Figma (tested on desktop and mobile devices)
Core Features:
- User-friendly login and registration forms with clear error handling
- Dashboard displaying upcoming appointments, services, and top doctors
- Cross-device consistency for both desktop and mobile
- Appointment scheduling and doctor profile integration
Tools Used: Figma, FigJam (for brainstorming and competitive analysis)
Role: UX Designer, UI Designer
Outcome: The project concluded with an interactive prototype that was ready for developer handoff, featuring a clean and intuitive interface that provided users with an efficient healthcare scheduling experience across both desktop and mobile platforms.