images

Saral Diagnostics

Saral Diagnostics is a long-established, reputable diagnostic service provider in India, especially in Delhi and Noida. Backed by credible accreditations and a broad range of services—from advanced imaging to pathology—it emphasizes convenience, quality, and accessibility for patients.

images
images

Industry:

Medical Testing &

Laboratory Services

images

Role:

UX Research &

Design Responsive UI

images

Tools:

Figma, FigJam &

Adobe Photoshop

Overview

A diagnostic centre where test samples can be collected from home on online booking and patients can also download their reports from the website or app. That is, the app will be used either by the patient or someone connected to the patient (relative or friend).

Competitive Analysis

Here’s a refined analysis of the websites and mobile apps of the three diagnostic center competitors - Dr Lal PathLabs, House of Diagnostics (HOD), and Max Lab. Focusing on design strengths ("likes") and usability issues ("dislikes").

images

01_Dr. Lal PathLabs

The Dr Lal PathLabs website (www.lalpathlabs.com) is an online platform for one of India’s leading diagnostic chains. It allows users to book pathology tests, schedule home sample collection, and download reports directly. The site also provides details about health packages, test prices, lab locations, and accreditations. Its main focus is to make diagnostic services accessible, convenient, and reliable for patients across India.

Likes

  • Their app supports booking, test tracking, home collection, report access (current and history), and family profiles, offering a complete digital experience.
  • The platform offers thousands of tests and maintains strong trust via NABL/CAP accreditations.

Dislikes

  • Cluttered UI and confusing navigation, poor visual hierarchy, unclear categorization of tests, and difficulty distinguishing between walk-in vs home collection options.
  • Lack of in-app notifications: Users only receive SMS updates, which leads to uncertainty about test status.
images

02_House of Diagnostics (HOD)

House of Diagnostics (HOD) is a diagnostic and healthcare service provider based in India. It offers a wide range of pathology and radiology tests, along with preventive health check-up packages.

The website mainly acts as a patient service portal, helping users conveniently schedule, pay, and access test results digitally, while also showcasing the range of pathology, radiology, and preventive health services HOD offers.

Likes

  • The HOD website under “Why Choose Us” prominently features promises like fast, accurate results, affordability, and high-tech care.
  • The front page includes user testimonials praising clean centers, supportive staff, reliable reports, and quick turnaround.
  • A well-stocked blog section with topics such as new imaging tech, health tips, and preventive care builds authority and value.

Dislikes

  • The website doesn’t readily show how to book tests online or how the app (if any) integrates - this could hamper conversions.
  • There’s no direct indication of test categories, sample collection methods, or report delivery options - important info for users.
images

03_Max Lab

Max Lab is a diagnostic and pathology lab chain in India, part of Max Healthcare, one of the country’s leading healthcare providers. Their focus is on accurate reporting, accessibility, and quality healthcare services. Max Lab has multiple collection centers and partner labs across cities, allowing patients to book tests online or through walk-ins.

Likes

  • The Max Lab app allows test booking, appointment scheduling, tracking, report access (app, WhatsApp, SMS), wellness insights, comparison of packages—all in real time.
  • Covers a wide array of test categories with home collection and multi-platform report delivery.
  • The website states that you can “book health test packages online,” implying ease of use and digital readiness.

Dislikes

  • Beyond the landing page, there’s little else visible about site navigation, test details, or user journeys - making it hard to assess UX strengths.
  • There are no available UX or design reviews to point out usability issues—could indicate room for user feedback mechanisms.

User Research

Study Objectives

  • How do users discover the diagnostic center website?
  • What are their expectations during the booking process?
  • How do they prefer to access and understand reports?
  • What are the major trust & credibility factors?
  • What pain points stop them from completing tasks?
images
images

Problem Statement

Patients and caregivers often face challenges while booking diagnostic tests online due to complex medical terminology, unclear pricing, and lengthy booking flows. While diagnostic centers aim to provide a professional and trustworthy online presence, many users struggle with finding relevant tests/packages, making secure payments, and accessing reports easily, especially elderly and less tech-savvy users.

images

Vision Statement

To create a patient-first digital healthcare platform that makes diagnostic services simple, transparent, and accessible for everyone. The website will serve as a trusted companion where patients and caregivers can easily discover tests, book appointments, make secure payments, and access reports anytime, anywhere.

By combining clarity, empathy, and technology, the vision is to build a platform that reduces healthcare anxiety, empowers users with understandable information, and strengthens trust in diagnostic services—ultimately enabling faster, more informed health decisions.

Information Architecture

images

Design System

Color Palette

images

Typography

images
images

UI Designs

images

Home Page

This is the landing page and in its hero section there is an option of check report also, after scrolling this page lots of more sections are there like (Book home collection, services, risk areas, habits, gallery, top cases, doctors, about and testimonials).

images
images

About Us

The purpose of this page is to gain the trust of the users by showing our work process and telling who we are and what we do. Apart from this, there is also information about the director on this page.

images
images

Experts Page

Users can view the list of all experts here and also filter them according to their specialty. Users can also view the profile pop-up of any expert.

images
images

Patients Page

This page is divided in two categories blogs and downloads, where blogs are shown the latest news for patient awareness and newsletter pdf are download from downloads.

images
images

Book Home Collection

From this page, user can easily book for home collection test and choose the date and time also. User can choose the test first and then enter their address, mail id and phone number for booking

images

Essential findings

Challenge

  • Diagnostic centers offer a vast and complex array of tests, packages, and services. Each has unique preparation instructions (e.g., "fasting required"), pricing, and potential add-ons. Presenting this information in a clear, digestible way without overwhelming the user is a significant hurdle.
  • Elderly users, may have vision impairments or be less comfortable with digital interfaces. The design must be universally accessible.
  • A person visiting a diagnostic center website is not simply browsing; they are likely seeking specific, critical information about their health or a loved one's. A confusing or clunky UI can amplify their stress and lead to a poor user experience

Lesson learned

  • This is the golden rule for healthcare UX. The design should not be a puzzle. Use simple, direct language (avoiding medical jargon), large, readable fonts, and high-contrast color schemes.
  • Don't show all the information at once. For a test, first, show the name and a brief description. Only when the user clicks for more details should they see the price, preparation instructions, and other technical details. This prevents cognitive overload and allows users to find what they need without sifting through unnecessary information.
  • Each step should be a clear, single action.
  • Trust isn't just about a security badge. It's about every element of the UI, like professional photography, clear Doctor/Specialist profiles, testimonials and accreditations.

My design philosophy

As a UI/UX designer, my philosophy is to create experiences that are simple, intuitive, and human-centered. I believe in designing with empathy—understanding user needs deeply, reducing complexity, and ensuring accessibility for all. For me, good design balances function and aesthetics, making technology feel effortless while leaving a lasting impact.

Reach out

images

Saral Diagnostics

Saral Diagnostics is a long-established, reputable diagnostic service provider in India, especially in Delhi and Noida. Backed by credible accreditations and a broad range of services—from advanced imaging to pathology—it emphasizes convenience, quality, and accessibility for patients.

images
images

Industry:

Medical Testing &

Laboratory Services

images

Role:

UX Research &

Design Responsive UI

images

Tools:

Figma, FigJam &

Adobe Photoshop

Overview

A diagnostic centre where test samples can be collected from home on online booking and patients can also download their reports from the website or app. That is, the app will be used either by the patient or someone connected to the patient (relative or friend).

I did the web and mobile design of this website, first of all I did competitive research by selecting some competitors and then did user research, the main goal of the user to use the website is book an online test and download test reports.

Competitive Analysis

Here’s a refined analysis of the websites and mobile apps of the three diagnostic center competitors - Dr Lal PathLabs, House of Diagnostics (HOD), and Max Lab. Focusing on design strengths ("likes") and usability issues ("dislikes").

images

01_Dr. Lal PathLabs

The Dr Lal PathLabs website (www.lalpathlabs.com) is an online platform for one of India’s leading diagnostic chains. It allows users to book pathology tests, schedule home sample collection, and download reports directly. The site also provides details about health packages, test prices, lab locations, and accreditations. Its main focus is to make diagnostic services accessible, convenient, and reliable for patients across India.

Likes

  • Their app supports booking, test tracking, home collection, report access (current and history), and family profiles, offering a complete digital experience.
  • The platform offers thousands of tests and maintains strong trust via NABL/CAP accreditations.

Dislikes

  • Cluttered UI and confusing navigation, poor visual hierarchy, unclear categorization of tests, and difficulty distinguishing between walk-in vs home collection options.
  • Lack of in-app notifications: Users only receive SMS updates, which leads to uncertainty about test status.
images

02_House of Diagnostics (HOD)

Max Lab is a diagnostic and pathology lab chain in India, part of Max Healthcare, one of the country’s leading healthcare providers. Their focus is on accurate reporting, accessibility, and quality healthcare services. Max Lab has multiple collection centers and partner labs across cities, allowing patients to book tests online or through walk-ins.

Likes

  • The HOD website under “Why Choose Us” prominently features promises like fast, accurate results, affordability, and high-tech care.
  • The front page includes user testimonials praising clean centers, supportive staff, reliable reports, and quick turnaround.
  • A well-stocked blog section with topics such as new imaging tech, health tips, and preventive care builds authority and value.

Dislikes

  • The website doesn’t readily show how to book tests online or how the app (if any) integrates - this could hamper conversions.
  • There’s no direct indication of test categories, sample collection methods, or report delivery options - important info for users.
images

03_Max Lab

Max Lab is a diagnostic and pathology lab chain in India, part of Max Healthcare, one of the country’s leading healthcare providers. Their focus is on accurate reporting, accessibility, and quality healthcare services. Max Lab has multiple collection centers and partner labs across cities, allowing patients to book tests online or through walk-ins.

Goals and Needs

  • The Max Lab app allows test booking, appointment scheduling, tracking, report access (app, WhatsApp, SMS), wellness insights, comparison of packages—all in real time.
  • Covers a wide array of test categories with home collection and multi-platform report delivery.
  • The website states that you can “book health test packages online,” implying ease of use and digital readiness

Problems

  • Beyond the landing page, there’s little else visible about site navigation, test details, or user journeys - making it hard to assess UX strengths.
  • There are no available UX or design reviews to point out usability issues—could indicate room for user feedback mechanisms.

User Research

Study Objectives

  • How do users discover the diagnostic center website?
  • What are their expectations during the booking process?
  • How do they prefer to access and understand reports?
  • What are the major trust & credibility factors?
  • What pain points stop them from completing tasks?
images
images

Problem Statement

Patients and caregivers often face challenges while booking diagnostic tests online due to complex medical terminology, unclear pricing, and lengthy booking flows. While diagnostic centers aim to provide a professional and trustworthy online presence, many users struggle with finding relevant tests/packages, making secure payments, and accessing reports easily, especially elderly and less tech-savvy users.

images

Vision Statement

To create a patient-first digital healthcare platform that makes diagnostic services simple, transparent, and accessible for everyone. The website will serve as a trusted companion where patients and caregivers can easily discover tests, book appointments, make secure payments, and access reports anytime, anywhere.

By combining clarity, empathy, and technology, the vision is to build a platform that reduces healthcare anxiety, empowers users with understandable information, and strengthens trust in diagnostic services—ultimately enabling faster, more informed health decisions.

Information Architecture

images

Design System

Color Palette

images

Typography

images
images

UI Designs

images

Home Page

This is the landing page and in its hero section there is an option of check report also, after scrolling this page lots of more sections are there like (Book home collection, services, risk areas, habits, gallery, top cases, doctors, about and testimonials).

images

About Us

The purpose of this page is to gain the trust of the users by showing our work process and telling who we are and what we do. Apart from this, there is also information about the director on this page.

images
images
images

Experts Page

Users can view the list of all experts here and also filter them according to their specialty. Users can also view the profile pop-up of any expert.

images
images
images

Patients Page

This page is divided in two categories blogs and downloads, where blogs are shown the latest news for patient awareness and newsletter pdf are download from downloads.

images

Book Home Collection

From this page, user can easily book for home collection test and choose the date and time also. User can choose the test first and then enter their address, mail id and phone number for booking

images

Essential findings

Challenge

  • Diagnostic centers offer a vast and complex array of tests, packages, and services. Each has unique preparation instructions (e.g., "fasting required"), pricing, and potential add-ons. Presenting this information in a clear, digestible way without overwhelming the user is a significant hurdle.
  • Elderly users, may have vision impairments or be less comfortable with digital interfaces. The design must be universally accessible.
  • A person visiting a diagnostic center website is not simply browsing; they are likely seeking specific, critical information about their health or a loved one's. A confusing or clunky UI can amplify their stress and lead to a poor user experience

Lesson learned

  • This is the golden rule for healthcare UX. The design should not be a puzzle. Use simple, direct language (avoiding medical jargon), large, readable fonts, and high-contrast color schemes.
  • Don't show all the information at once. For a test, first, show the name and a brief description. Only when the user clicks for more details should they see the price, preparation instructions, and other technical details. This prevents cognitive overload and allows users to find what they need without sifting through unnecessary information.
  • Each step should be a clear, single action.
  • Trust isn't just about a security badge. It's about every element of the UI, like professional photography, clear Doctor/Specialist profiles, testimonials and accreditations.

My design philosophy

As a UI/UX designer, my philosophy is to create experiences that are simple, intuitive, and human-centered. I believe in designing with empathy—understanding user needs deeply, reducing complexity, and ensuring accessibility for all. For me, good design balances function and aesthetics, making technology feel effortless while leaving a lasting impact.

Reach out

icons
icons
images

Saral Diagnostics

Saral Diagnostics is a long-established, reputable diagnostic service provider in India, especially in Delhi and Noida. Backed by credible accreditations and a broad range of services-from advanced imaging to pathology-it emphasizes convenience, quality, and accessibility for patients.

images
images

Industry:

Medical Testing &

Laboratory Services

images

Role:

UX Research &

Design Responsive UI

images

Tools:

Figma, FigJam &

Adobe Photoshop

Overview

A diagnostic centre where test samples can be collected from home on online booking and patients can also download their reports from the website or app. That is, the app will be used either by the patient or someone connected to the patient (relative or friend).

I did the web and mobile design of this website, first of all I did competitive research by selecting some competitors and then did user research, the main goal of the user to use the website is book an online test and download test reports.

Competitive Analysis

Here’s a refined analysis of the websites and mobile apps of the three diagnostic center competitors - Dr Lal PathLabs, House of Diagnostics (HOD), and Max Lab. Focusing on design strengths ("likes") and usability issues ("dislikes").

images

01_Dr. Lal PathLabs

The Dr Lal PathLabs website (www.lalpathlabs.com) is an online platform for one of India’s leading diagnostic chains. It allows users to book pathology tests, schedule home sample collection, and download reports directly. The site also provides details about health packages, test prices, lab locations, and accreditations. Its main focus is to make diagnostic services accessible, convenient, and reliable for patients across India.

Likes

  • Their app supports booking, test tracking, home collection, report access (current and history), and family profiles, offering a complete digital experience.
  • The platform offers thousands of tests and maintains strong trust via NABL/CAP accreditations.

Dislikes

  • Cluttered UI and confusing navigation, poor visual hierarchy, unclear categorization of tests, and difficulty distinguishing between walk-in vs home collection options.
  • Lack of in-app notifications: Users only receive SMS updates, which leads to uncertainty about test status.
images

02_House of Diagnostics (HOD)

House of Diagnostics (HOD) is a diagnostic and healthcare service provider based in India. It offers a wide range of pathology and radiology tests, along with preventive health check-up packages.

The website mainly acts as a patient service portal, helping users conveniently schedule, pay, and access test results digitally, while also showcasing the range of pathology, radiology, and preventive health services HOD offers.

Likes

  • The HOD website under “Why Choose Us” prominently features promises like fast, accurate results, affordability, and high-tech care.
  • The front page includes user testimonials praising clean centers, supportive staff, reliable reports, and quick turnaround.
  • A well-stocked blog section with topics such as new imaging tech, health tips, and preventive care builds authority and value.

Dislikes

  • The website doesn’t readily show how to book tests online or how the app (if any) integrates - this could hamper conversions.
  • There’s no direct indication of test categories, sample collection methods, or report delivery options - important info for users.
images

03_Max Lab

Max Lab is a diagnostic and pathology lab chain in India, part of Max Healthcare, one of the country’s leading healthcare providers. Their focus is on accurate reporting, accessibility, and quality healthcare services. Max Lab has multiple collection centers and partner labs across cities, allowing patients to book tests online or through walk-ins.

Likes

  • The Max Lab app allows test booking, appointment scheduling, tracking, report access (app, WhatsApp, SMS), wellness insights, comparison of packages—all in real time.
  • Covers a wide array of test categories with home collection and multi-platform report delivery.
  • The website states that you can “book health test packages online,” implying ease of use and digital readiness.

Dislikes

  • Beyond the landing page, there’s little else visible about site navigation, test details, or user journeys - making it hard to assess UX strengths.
  • There are no available UX or design reviews to point out usability issues—could indicate room for user feedback mechanisms.

User Research

Study Objectives

  • How do users discover the diagnostic center website?
  • What are their expectations during the booking process?
  • How do they prefer to access and understand reports?
  • What are the major trust & credibility factors?
  • What pain points stop them from completing tasks?
images
images

Problem Statement

Patients and caregivers often face challenges while booking diagnostic tests online due to complex medical terminology, unclear pricing, and lengthy booking flows. While diagnostic centers aim to provide a professional and trustworthy online presence, many users struggle with finding relevant tests/packages, making secure payments, and accessing reports easily, especially elderly and less tech-savvy users.

images

Vision Statement

To create a patient-first digital healthcare platform that makes diagnostic services simple, transparent, and accessible for everyone. The website will serve as a trusted companion where patients and caregivers can easily discover tests, book appointments, make secure payments, and access reports anytime, anywhere.

By combining clarity, empathy, and technology, the vision is to build a platform that reduces healthcare anxiety, empowers users with understandable information, and strengthens trust in diagnostic services—ultimately enabling faster, more informed health decisions.

Information Architecture

images

Design System

Color Palette

images

Typography

images
images

UI Designs

images

Home Page

This is the landing page and in its hero section there is an option of check report also, after scrolling this page lots of more sections are there like (Book home collection, services, risk areas, habits, gallery, top cases, doctors, about and testimonials).

images

About Us

The purpose of this page is to gain the trust of the users by showing our work process and telling who we are and what we do. Apart from this, there is also information about the director on this page.

images
images
images

Experts Page

Users can view the list of all experts here and also filter them according to their specialty. Users can also view the profile pop-up of any expert.

images
images
images

Patients Page

This page is divided in two categories blogs and downloads, where blogs are shown the latest news for patient awareness and newsletter pdf are download from downloads.

images

Book Home Collection

From this page, user can easily book for home collection test and choose the date and time also. User can choose the test first and then enter their address, mail id and phone number for booking

images

Essential findings

Challenge

  • Diagnostic centers offer a vast and complex array of tests, packages, and services. Each has unique preparation instructions (e.g., "fasting required"), pricing, and potential add-ons. Presenting this information in a clear, digestible way without overwhelming the user is a significant hurdle.
  • Elderly users, may have vision impairments or be less comfortable with digital interfaces. The design must be universally accessible.
  • A person visiting a diagnostic center website is not simply browsing; they are likely seeking specific, critical information about their health or a loved one's. A confusing or clunky UI can amplify their stress and lead to a poor user experience

Lesson learned

  • This is the golden rule for healthcare UX. The design should not be a puzzle. Use simple, direct language (avoiding medical jargon), large, readable fonts, and high-contrast color schemes.
  • Don't show all the information at once. For a test, first, show the name and a brief description. Only when the user clicks for more details should they see the price, preparation instructions, and other technical details. This prevents cognitive overload and allows users to find what they need without sifting through unnecessary information.
  • Each step should be a clear, single action.
  • Trust isn't just about a security badge. It's about every element of the UI, like professional photography, clear Doctor/Specialist profiles, testimonials and accreditations.

View more work

images

Publishing Books & Education

Case Study

images
images

Finding Jeans that fit

Case Study

images
images

A carbon trading platform

Case Study

images

View All

images

My design philosophy

As a UI/UX designer, my philosophy is to create experiences that are simple, intuitive, and human-centered. I believe in designing with empathy—understanding user needs deeply, reducing complexity, and ensuring accessibility for all. For me, good design balances function and aesthetics, making technology feel effortless while leaving a lasting impact.

Reach out