Clinicia
Mobile App
Product Design
Redesign
Overiew
Clinicia is a modern healthcare app designed to simplify appointment booking, patient tracking, and medical communication. The goal was to redesign the core experience with a focus on clarity, accessibility, and a more welcoming visual language for both patients and practitioners.
Health
Industry
2024
Year
Clinicia
Client
The Task
The main goal was to design an English vocabulary learning app that felt less like homework and more like a game. The challenge was to create a system that not only helps users retain new words but also keeps them motivated over time. This meant integrating a reward system, competitive features like duels, and a clean, intuitive UI that works well for both casual learners and highly engaged users.
The Design
• Onboarding: I created a short, focused onboarding experience that highlights the app’s value, ease of use, appointment access, and personalized care.
• Login & Register: The authentication flows were redesigned for clarity and accessibility, with streamlined fields, supportive microcopy, and fallback options.
• Visual Language: A clean, soft UI was used with rounded elements and calm colors to evoke trust and ease. Icons and typography were chosen for readability and friendliness across all ages.
The Problem
The existing onboarding and authentication flows felt outdated and unintuitive, especially for users unfamiliar with digital health platforms. Long forms, unclear instructions, and a lack of visual hierarchy caused confusion and drop-offs—critical issues in a product where trust and clarity are non-negotiable.
The Solution
I redesigned the onboarding, login, and registration flows with a focus on simplicity, guidance, and emotional clarity. By reducing cognitive load, introducing supportive microcopy, and applying a soft, friendly visual style, the new experience helps users feel welcomed and in control from the very first interaction.
Redesign
Redesigning Clinicia for Clarity, Comfort, and Conversion
The redesign process focused on transforming a dense, outdated interface into a smooth, welcoming experience. Starting with user flow analysis and pain point mapping, I restructured the onboarding, login, and registration screens to reduce friction and build trust from the first tap. Every decision—from spacing to typography—was made to improve usability in a healthcare context, where ease of use and emotional clarity are critical.
Improving the First Touchpoints: Onboarding, Login & Register
I redesigned the onboarding, login, and registration flows to make the experience more intuitive, accessible, and emotionally supportive.
• UX Improvements: I restructured the flows to minimize cognitive load and reduced unnecessary steps. Clear progress indicators and contextual guidance were added to help users feel confident during the process. Error handling and fallback scenarios were also addressed to reduce drop-off.
• UI Enhancements: I introduced a cleaner visual hierarchy, more breathable layouts, and consistent spacing to improve readability. Soft colors, rounded elements, and supportive illustrations were used to evoke a sense of trust and calm—critical in a healthcare setting.
Before
After
Onboarding Revisions
• Replaced unclear background visuals with focused, relevant imagery to reduce distraction
• Improved text hierarchy by increasing font size and rewriting descriptions for better clarity and tone
• Updated button styles to remove outdated gradients, clarified primary/secondary actions, and adjusted sizing to meet accessibility guidelines (48x48px touch area minimum)
Before
After
Login Revisions
• Added a back button to improve navigation flexibility—users arriving from onboarding can now easily return without friction.
• Replaced inline placeholder labels with floating or top-aligned form labels to prevent confusion and improve form clarity.
• Repositioned “Forgot Password” and “Get Password” buttons closer to the relevant input field, ensuring contextual alignment and reducing cognitive load.
Before
After
Register Revisions
• Streamlined the registration flow by collecting the phone number only once, during the first step, and removing redundant input fields in the following stages.
• Added a verification screen directly after phone input, clearly indicating that a code would be sent—eliminating confusion and improving trust.
• Introduced a progress bar to visually guide users through the multi-step sign-up process. This helped users understand how many steps remained and increased motivation to complete registration.
Results
• By reducing visual clutter and introducing clearer hierarchy, users were able to focus more easily and move through steps with confidence.
• Progressive form structuring and real-time validation helped prevent errors early, reducing frustration and increasing form completion rates.
• The addition of a progress indicator and supportive microcopy made the process feel more predictable, motivating users to complete it.
• Alternative CTAs and flexible pathways lowered cognitive pressure, offering users more control over their journey. Overall, the redesign led to a smoother, more accessible, and user-friendly experience—particularly important in a healthcare context where clarity and comfort are essential.
Why wait? Take the leap. Make your design process stress-free today.
