Haris Ikhlaq
"Crafting seamless digital experiences, one click
Profile in progress
Haris is building their profile!
Overview
Health O Care is a modern healthcare landing page designed to simplify how users discover doctors and book appointments. The goal was to create a clean, trustworthy, and user-friendly interface that enhances accessibility and engagement.
Problem
Many healthcare websites feel cluttered, outdated, and difficult to navigate. Users often struggle to quickly find doctors, understand services, or book appointments efficiently.
Solution
I designed a minimal and visually appealing landing page that focuses on clarity, hierarchy, and ease of use. The layout ensures users can quickly access key information like services, doctors, and booking options.
Design Approach
Clean and structured layout for better readability
Soft color palette (beige + blue) to convey trust and calmness
Clear CTA buttons for appointment booking
Use of visuals and icons to enhance understanding
Balanced spacing and typography for a modern feel
Key Sections
Hero section with strong value proposition
Clinic features (24/7 service, emergency, expert doctors)
Staff introduction to build trust
Success metrics to add credibility
Appointment booking section
Testimonials for social proof
Tools Used
Figma (UI Design & Prototyping)
Outcome
The final design improves user experience by making navigation intuitive and information easily accessible, helping users take action quickly.
1
20
1. The Problem
Traditional therapy can be expensive, intimidating, or difficult to schedule. Many people experiencing "everyday" stress, anxiety, or relationship friction lack a safe, immediate space to process their emotions. There is a gap between "doing nothing" and "booking a clinical session" where users need structured, therapeutic guidance without the friction of a long-term commitment.
2. The Goal
To design a mobile sanctuary that provides instant, AI-driven emotional support. The primary objective was to create a "zero-friction" homepage that allows users to start a conversation within seconds, while organizing deep-learning features like moderated "Co-Conversations" and personalized audio content.
3. User Research & Personas
Through user discovery, we identified three primary needs:
The Overwhelmed Professional: Needs quick check-ins to manage work-induced anxiety.
The Partner in Conflict: Needs an objective "third party" to help navigate difficult conversations.
The Self-Improver: Looking for bite-sized lessons and podcasts to build long-term resilience.
4. The Design Solution (Feature Breakdown)
A. Guided Entry Points (Prompts)
Instead of a blank chat screen, we implemented Mood Tags (e.g., "I feel anxious," "Self Doubt").
Why: Lowering the cognitive load. It’s easier to click a feeling than to type it from scratch.
B. Modal Versatility (Type vs. Speak)
The UI features a prominent toggle for Type & Speak modes.
Why: Mental health needs are contextual. A user might want to speak privately in their room but type while on a commute.
C. The "Co-Conversion" Hub
A unique card design for AI-moderated group sessions.
Why: This positions the AI not just as a diary, but as a mediator, solving the "he-said-she-said" deadlock in interpersonal relationships.
D. Personalized Learning (Podcasts & Journey)
Horizontal scrolling cards for "Podcasts for you" and a "Your Journey" section for reflection.
Why: To ensure the app provides value even when the user isn't in a crisis, fostering a habit of proactive wellness.
5. Visual Identity & UI Choices
Color Palette: Soft lavenders, mint greens, and pale blues. These colors are scientifically associated with calmness and trust.
Typography: We used a bold, friendly Sans-Serif for headings to feel modern and accessible.
Micro-Interactions: The "Start Talking" button uses a subtle gradient and "sparkle" icon to signify the "magic" of AI insights.
6. Reflection & Future Iterations
While the current homepage effectively addresses the "immediate need," the next steps for this project would include:
Dark Mode: Essential for users dealing with late-night anxiety or insomnia.
Gamification: Adding "Streaks" or "Growth Milestones" to encourage daily check-ins.
Haptic Feedback: Using gentle vibrations during "Speak" mode to create a more grounded, sensory experience.
1
27