CLINIKK - LIVE NOW 2023

A Website Redesign that Converted 7% of Membership Purchases

Clinikk is a Bengaluru-based healthcare startup on a mission to address the primary care and health insurance challenges in Urban India. We've successfully expanded our healthcare services to 11 locations across Bengaluru.

role

UX/UI & Motion Design

team

Sruthi Naidu, Lokesh Zope (Head of Design)

Timeline

10 Weeks

tools

Figma, After effects, Illustrator, Photoshop

Clinikk Website Hero Image

CLINIKK - LIVE NOW 2023

A Website Redesign that Converted 7% of Membership Purchases

Clinikk is a Bengaluru-based healthcare startup on a mission to address the primary care and health insurance challenges in Urban India. We've successfully expanded our healthcare services to 11 locations across Bengaluru.

role

UX/UI & Motion Design

team

Sruthi Naidu, Lokesh Zope (Head of Design)

Timeline

10 Weeks

tools

Figma, After effects, Illustrator, Photoshop

Clinikk Website Hero Image

what problems are we trying to solve?

what problems are we trying to solve?

The objective of the website revamp is to address various challenges and enhance performance, aiming to achieve the following goals:

The objective of the website revamp is to address various challenges and enhance performance, aiming to achieve the following goals:

Generate More Plan Leads and Sales

Generate More Plan Leads and Sales

Increase Clinikk Walk-Ins

Increase Clinikk Walk-Ins

Address Website Issues - Unclear CTA’s, Insufficient information etc

Address Website Issues - Unclear CTA’s, Insufficient information etc

Enhance Website Metrics

Enhance Website Metrics

my role

my role

I joined the team as the founding designer, collaborating closely with my manager and cross-functional teams. My responsibilities included research, designing, prototyping, and creating Lotties and micro-animations for the project.


It launched to all users in the month of September 2023.

I joined the team as the founding designer, collaborating closely with my manager and cross-functional teams. My responsibilities included research, designing, prototyping, and creating Lotties and micro-animations for the project.


It launched to all users in the month of September 2023.

Research & Exploration

visual design

interaction design

Key user profiles

Key user profiles

These are the potential users who might be exploring Clinikk:

These are the potential users who might be exploring Clinikk:

Visitors from Health Hubs

Visitors from Health Hubs

Investors

Investors

Prospective Leads

Prospective Leads

Corporate Representatives

Corporate Representatives

Employees

Employees

Members Exploring Latest Updates

Members Exploring Latest Updates

Our Goal & needs

Our Goal & needs

A website that instills trust, facilitates easy navigation, and provides valuable information to both potential and existing members.

A website that instills trust, facilitates easy navigation, and provides valuable information to both potential and existing members.

core objective is to show...

core objective is to show...

The Distinctive care experience at Clinikk and the effortless process of setting up themselves and their family as Clinikk members.

The Distinctive care experience at Clinikk and the effortless process of setting up themselves and their family as Clinikk members.

Have customers complete their purchase online.

Have customers complete their purchase online.

Have customers book appointments online.

Have customers book appointments online.

Have customers explore the membership & benefits.

Have customers explore the membership & benefits.

Position Clinikk as leading and vibrant company.

Position Clinikk as leading and vibrant company.

Get inspired to refer, share, and talk about Clinikk.

Get inspired to refer, share, and talk about Clinikk.

Overall, position Clinikk as a standout choice, emphasizing its unique value and commitment to delivering exceptional healthcare experiences.

Overall, position Clinikk as a standout choice, emphasizing its unique value and commitment to delivering exceptional healthcare experiences.

Customer Images
Customer Images
Customer Images
Customer Images
Customer Images

Created these images using Midjourney!

And then the exploration began

And then the exploration began

With this project, we’ve built our design system from scratch - lots of exploration has done to ensure each design component is scalable.

With this project, we’ve built our design system from scratch - lots of exploration has done to ensure each design component is scalable.

Giphy

A sneak peek into my thought process

A sneak peek into my thought process

Overflowing with ideas, the result of countless hours exploring different apps, studying competitors, and finding inspiration from various sites to gain clarity on these matters.

Overflowing with ideas, the result of countless hours exploring different apps, studying competitors, and finding inspiration from various sites to gain clarity on these matters.

“I recall scouring countless websites for the perfect serif and san-serif combination — long after the work hours alongside my manager.”

“I recall scouring countless websites for the perfect serif and san-serif combination — long after the work hours alongside my manager.”

Exploration
Exploration

I maintain a separate file named 'Mobile/Website Explorations' (yes, it's cringe) where I dump every idea I see or get.

Better results happen when we break down the project into chunks

Better results happen when we break down the project into chunks

With tight deadlines and a total of 10 flows, each containing many screens, we've divided the website into manageable chunks.

With tight deadlines and a total of 10 flows, each containing many screens, we've divided the website into manageable chunks.

All Flows

All Flows

login

login

member configuration

member configuration

plan card overlays

plan card overlays

Onboarding and GHD

Onboarding and GHD

landing page

landing page

visit us

visit us

who we are

who we are

for companies

for companies

Network hospital finder

Network hospital finder

F.A.Q’s

F.A.Q’s

create your account

create your account

OR LOGIn

OR LOGIn

Our website is entirely mobile-focused, given that over 90% of our target users primarily use mobile devices. We made a conscious decision to prioritize mobile-friendliness, ensuring an excellent experience for our users on their preferred devices.

Our website is entirely mobile-focused, given that over 90% of our target users primarily use mobile devices. We made a conscious decision to prioritize mobile-friendliness, ensuring an excellent experience for our users on their preferred devices.

member configuration

member configuration

purchase flow

purchase flow

This process is infused with fun. We've reimagined adding members in a playful, gamified manner. Ensuring this flow is as smooth as butter is absolutely crucial.

This process is infused with fun. We've reimagined adding members in a playful, gamified manner. Ensuring this flow is as smooth as butter is absolutely crucial.

A quick shoutout to Lokesh Zope for owning this idea, and to an external agency who worked magic on the 3D crystals.

A quick shoutout to Lokesh Zope for owning this idea, and to an external agency who worked magic on the 3D crystals.

Crafting these Switch-style member buttons was so much fun! Big kudos to our Head of Engineering - Carl Abraham for making it happen.

Crafting these Switch-style member buttons was so much fun! Big kudos to our Head of Engineering - Carl Abraham for making it happen.

Member Configuration Flow
Member Configuration Flow
Member Configuration Flow
Member Configuration Flow
Member Configuration Flow

plan card overlays

plan card overlays

Plan Card Flow
Plan Card Flow

onboarding and ghd

onboarding and ghd

good health declaration

good health declaration

Our customer’s success is our success.

Every UX and Visual design decision was made thinking twice before finalising anything.

Our customer’s success is our success.

Every UX and Visual design decision was made thinking twice before finalising anything.

Onboarding Flow
Onboarding Flow
Onboarding Flow
Onboarding Flow
Onboarding Flow
Onboarding Flow
Onboarding Flow
Onboarding Flow
Onboarding Flow

and finally...

landing page

and finally...

landing page

A quick shoutout to the amazing team behind the opening video. The emotion we aim to convey to our audience is 'A health plan that treats you like family!’

A quick shoutout to the amazing team behind the opening video. The emotion we aim to convey to our audience is 'A health plan that treats you like family!’

Drumroll Giphy

visit our health hubs

visit our health hubs

11 Clinikks spread across Bengaluru

11 Clinikks spread across Bengaluru

We've empowered our customers to seamlessly schedule Health Hub visits directly from our website. This user-centric feature was crafted to enhance convenience, enabling users to effortlessly plan their visits and manage their healthcare journey with ease.

We've empowered our customers to seamlessly schedule Health Hub visits directly from our website. This user-centric feature was crafted to enhance convenience, enabling users to effortlessly plan their visits and manage their healthcare journey with ease.

As a user,

I want to instantly view my top 3 nearest locations by entering a pincode or location.

  • who we are

  • for companies

  • network hospital

  • f.a.q's

Time to retrospect

Time to retrospect

Current Status:

This project represents a complete user experience overhaul that converted 7% of membership purchases.


Healthcare is extremely sensitive and it requires trust, willingness and support. It's important to note that we're still in the early stages of this transformation. We're not just looking at immediate metrics; This is about setting a foundation for a digital-first approach that will evolve and improve over time.

This project represents a complete user experience overhaul that converted 7% of membership purchases.


Healthcare is extremely sensitive and it requires trust, willingness and support. It's important to note that we're still in the early stages of this transformation. We're not just looking at immediate metrics; This is about setting a foundation for a digital-first approach that will evolve and improve over time.

Learnings:

This project was huge—lots of pages, user flows, and edge cases. It was my first dive into a hefty website project. I learned the importance of how swiftly communicated design ideas and the efficiency of a lean UI can expedite development.

This project was huge—lots of pages, user flows, and edge cases. It was my first dive into a hefty website project. I learned the importance of how swiftly communicated design ideas and the efficiency of a lean UI can expedite development.

As I progress,

I'm excited to explore more of motion design, 3D and no-code development. Visual design is my forte, and I'm enthusiastic about continually refining my skills to craft even more impactful and creative experiences.

I'm excited to explore more of motion design, 3D and no-code development. Visual design is my forte, and I'm enthusiastic about continually refining my skills to craft even more impactful and creative experiences.

Giphy

Big thanks for diving into this HUGEE case study!

Big thanks for diving into this HUGEE case study!

CLINIKK - LIVE NOW 2023

Redesigning the Experience - The Clinikk Way

Clinikk is a Bengaluru-based healthcare startup on a mission to address the primary care and health insurance challenges in Urban India. We've successfully expanded our healthcare services to 11 locations across Bengaluru.

role

UX/UI & Motion Design

team

Sruthi Naidu, Lokesh Zope (Head of Design)

Timeline

10 Weeks

tools

Figma, After effects, Illustrator, Photoshop

CLINIKK - LIVE NOW 2023

A Website Redesign that Converted 7% of Membership Purchases

Clinikk is a Bengaluru-based healthcare startup on a mission to address the primary care and health insurance challenges in Urban India. We've successfully expanded our healthcare services to 11 locations across Bengaluru.

Clinikk Website Hero Image

role

UX/UI & Motion Design

team

Sruthi Naidu, Lokesh Zope (Head of Design)

Timeline

10 Weeks

tools

Figma, After effects, Illustrator, Photoshop

CLINIKK - LIVE NOW 2023

A Website Redesign that Converted 7% of Membership Purchases

Clinikk is a Bengaluru-based healthcare startup on a mission to address the primary care and health insurance challenges in Urban India. We've successfully expanded our healthcare services to 11 locations across Bengaluru.

Clinikk Website Hero Image

role

UX/UI & Motion Design

team

Sruthi Naidu, Lokesh Zope (Head of Design)

Timeline

10 Weeks

tools

Figma, After effects, Illustrator, Photoshop

what problems are we trying to solve?

what problems are we trying to solve?

what problems are we trying to solve?

The objective of the website revamp is to address various challenges and enhance performance, aiming to achieve the following goals:

The objective of the website revamp is to address various challenges and enhance performance, aiming to achieve the following goals:

The objective of the website revamp is to address various challenges and enhance performance, aiming to achieve the following goals:

Generate More Plan Leads and Sales

Generate More Plan Leads and Sales

Generate More Plan Leads and Sales

Increase Clinikk Walk-Ins

Increase Clinikk Walk-Ins

Increase Clinikk Walk-Ins

Address Website Issues - Unclear CTA’s, Insufficient information etc

Address Website Issues - Unclear CTA’s, Insufficient information etc

Address Website Issues - Unclear CTA’s, Insufficient information etc

Enhance Website Metrics

Enhance Website Metrics

Enhance Website Metrics

my role

my role

I joined the team as the founding designer, collaborating closely with my manager and cross-functional teams. My responsibilities included research, designing, prototyping, and creating Lotties and micro-animations for the project.


It launched to all users in the month of September 2023.

I joined the team as the founding designer, collaborating closely with my manager and cross-functional teams. My responsibilities included research, designing, prototyping, and creating Lotties and micro-animations for the project.


It launched to all users in the month of September 2023.

Research & Exploration

visual design

interaction design

Research & Exploration

visual design

interaction design

my role

I joined the team as the founding designer, collaborating closely with my manager and cross-functional teams. My responsibilities included research, designing, prototyping, and creating Lotties and micro-animations for the project.


It launched to all users in the month of September 2023.

Research & Exploration

visual design

interaction design

Key user profiles

These are the potential users who might be exploring Clinikk:

Key user profiles

These are the potential users who might be exploring Clinikk:

Key user profiles

These are the potential users who might be exploring Clinikk:

Prospective Lead

Corporate Representative

Prospective Leads

Corporate Representatives

Prospective Leads

Corporate Representatives

Investor

Visitors from Health Hubs

Investors

Visitors from Health Hubs

Investors

Visitors from Health Hubs

Employee

Member Exploring Latest Updates

Employees

Members Exploring Latest Updates

Employees

Members Exploring Latest Updates

Our Goal & needs

A website that instills trust, facilitates easy navigation, and provides valuable information to both potential and existing members.

Our Goal & needs

A website that instills trust, facilitates easy navigation, and provides valuable information to both potential and existing members.

Our Goal & needs

A website that instills trust, facilitates easy navigation, and provides valuable information to both potential and existing members.

core objective is to show...

The Distinctive care experience at Clinikk and the effortless process of setting up themselves and their family as Clinikk members.

core objective is to show...

The Distinctive care experience at Clinikk and the effortless process of setting up themselves and their family as Clinikk members.

core objective is to show...

The Distinctive care experience at Clinikk and the effortless process of setting up themselves and their family as Clinikk members.

Have customers complete their purchase online.

Have customers book appointments online.

Have customers explore the membership & benefits.

Position Clinikk as leading and vibrant company.

Get inspired to refer, share, and talk about Clinikk.

Have customers complete their purchase online.

Have customers book appointments online.

Have customers explore the membership & benefits.

Position Clinikk as leading and vibrant company.

Get inspired to refer, share, and talk about Clinikk.

Overall, position Clinikk as a standout choice, emphasizing its unique value and commitment to delivering exceptional healthcare experiences.

Overall, position Clinikk as a standout choice, emphasizing its unique value and commitment to delivering exceptional healthcare experiences.

Have customers complete their purchase online.

Have customers book appointments online.

Have customers explore the membership & benefits.

Position Clinikk as leading and vibrant company.

Get inspired to refer, share, and talk about Clinikk.

Overall, position Clinikk as a standout choice, emphasizing its unique value and commitment to delivering exceptional healthcare experiences.

  • Customer Images
  • Customer Images
  • Customer Images
  • Customer Images
  • Customer Images
  • Customer Images

Created these images using Midjourney!

Created these images using Midjourney!

And then the exploration began

With this project, we’ve built our design system from scratch - lots of exploration has done to ensure each design component is scalable.

And then the exploration began

With this project, we’ve built our design system from scratch - lots of exploration has done to ensure each design component is scalable.

And then the exploration began

With this project, we’ve built our design system from scratch - lots of exploration has done to ensure each design component is scalable.

Giphy
Giphy

A sneak peek into my thought process

Overflowing with ideas, the result of countless hours exploring different apps, studying competitors, and finding inspiration from various sites to gain clarity on these matters.

A sneak peek into my thought process

Overflowing with ideas, the result of countless hours exploring different apps, studying competitors, and finding inspiration from various sites to gain clarity on these matters.

A sneak peek into my thought process

Overflowing with ideas, the result of countless hours exploring different apps, studying competitors, and finding inspiration from various sites to gain clarity on these matters.

“I recall scouring countless websites for the perfect serif and san-serif combination — long after the work hours alongside my manager.”

“I recall scouring countless websites for the perfect serif and san-serif combination — long after the work hours alongside my manager.”

“I recall scouring countless websites for the perfect serif and san-serif combination — long after the work hours alongside my manager.”

Exploration
Exploration

I maintain a separate file named 'Mobile/Website Explorations' (yes, it's cringe) where I dump every idea I see or get.

I maintain a separate file named 'Mobile/Website Explorations' (yes, it's cringe) where I dump every idea I see or get.

I maintain a separate file named 'Mobile/Website Explorations' (yes, it's cringe) where I dump every idea I see or get.

Better results happen when we break down the project into chunks

With tight deadlines and a total of 10 flows, each containing many screens, we've divided the website into manageable chunks.

Better results happen when we break down the project into chunks

With tight deadlines and a total of 10 flows, each containing many screens, we've divided the website into manageable chunks.

Better results happen when we break down the project into chunks

With tight deadlines and a total of 10 flows, each containing many screens, we've divided the website into manageable chunks.

All Flows

All Flows

login

member configuration

plan card overlays

Onboarding and GHD

landing page

visit us

who we are

for companies

Network hospital finder

F.A.Q’s

login

member configuration

plan card overlays

Onboarding and GHD

landing page

visit us

who we are

for companies

Network hospital finder

F.A.Q’s

All Flows

login

member configuration

plan card overlays

Onboarding and GHD

landing page

visit us

who we are

for companies

Network hospital finder

F.A.Q’s

Clinikk Website
Clinikk Website

create your account

OR LOGIn

create your account

OR LOGIn

create your account

OR LOGIn

Our website is entirely mobile-focused, given that over 90% of our target users primarily use mobile devices. We made a conscious decision to prioritize mobile-friendliness, ensuring an excellent experience for our users on their preferred devices.

Our website is entirely mobile-focused, given that over 90% of our target users primarily use mobile devices. We made a conscious decision to prioritize mobile-friendliness, ensuring an excellent experience for our users on their preferred devices.

Our website is entirely mobile-focused, given that over 90% of our target users primarily use mobile devices. We made a conscious decision to prioritize mobile-friendliness, ensuring an excellent experience for our users on their preferred devices.

member configuration

purchase flow

member configuration

purchase flow

This process is infused with fun. We've reimagined adding members in a playful, gamified manner. Ensuring this flow is as smooth as butter is absolutely crucial.

A quick shoutout to Lokesh Zope for owning this brilliant idea, and to [Name] who worked magic on these 3D crystals.

Crafting these Switch-style member buttons was so much fun! Big kudos to our tech team - Carl Abraham for making it happen.

This process is infused with fun. We've reimagined adding members in a playful, gamified manner. Ensuring this flow is as smooth as butter is absolutely crucial.

A quick shoutout to Lokesh Zope for owning this idea, and to an external agency who worked magic on the 3D crystals.

Crafting these Switch-style member buttons was so much fun! Big kudos to our Head of Engineering - Carl Abraham for making it happen.

member configuration

purchase flow

This process is infused with fun. We've reimagined adding members in a playful, gamified manner. Ensuring this flow is as smooth as butter is absolutely crucial.

A quick shoutout to Lokesh Zope for owning this brilliant idea, and to an external agency who worked magic on the 3D crystals.

Crafting these Switch-style member buttons was so much fun! Big kudos to our Head of Engineering - Carl Abraham for making it happen.

plan card overlays

plan card overlays

plan card overlays

onboarding and ghd

good health declaration

onboarding and ghd

good health declaration

onboarding and ghd

good health declaration

Our customer’s success is our success.

Every UX and Visual design decision was made thinking twice before finalising anything.

Our customer’s success is our success.

Every UX and Visual design decision was made thinking twice before finalising anything.

Our customer’s success is our success.

Every UX and Visual design decision was made thinking twice before finalising anything.

and finally...

landing page

and finally...

landing page

A quick shoutout to the amazing team behind the opening video. The emotion we aim to convey to our audience is 'A health plan that treats you like family!’

A quick shoutout to the amazing team behind the opening video. The emotion we aim to convey to our audience is 'A health plan that treats you like family!’

and finally...

landing page

A quick shoutout to the amazing team behind the opening video. The emotion we aim to convey to our audience is 'A health plan that treats you like family!’

Drumroll Giphy
Drumroll Giphy

visit our health hubs

11 Clinikks spread across Bengaluru

visit our health hubs

11 Clinikks spread across Bengaluru

We've empowered our customers to seamlessly schedule Health Hub visits directly from our website. This user-centric feature was crafted to enhance convenience, enabling users to effortlessly plan their visits and manage their healthcare journey with ease.

We've empowered our customers to seamlessly schedule Health Hub visits directly from our website. This user-centric feature was crafted to enhance convenience, enabling users to effortlessly plan their visits and manage their healthcare journey with ease.

visit our health hubs

11 Clinikks spread across Bengaluru

We've empowered our customers to seamlessly schedule Health Hub visits directly from our website. This user-centric feature was crafted to enhance convenience, enabling users to effortlessly plan their visits and manage their healthcare journey with ease.

As a user,

I want to instantly view my top 3 nearest locations by entering a pincode or location.

As a user,

I want to instantly view my top 3 nearest locations by entering a pincode or location.

As a user,

I want to instantly view my top 3 nearest locations by entering a pincode or location.

  • who we are

  • for companies

  • network hospital

  • f.a.q's

Time to retrospect

Time to retrospect

Time to retrospect

Current Status:

Current Status:

This project represents a complete user experience overhaul that converted 7% of membership purchases.


Healthcare is extremely sensitive and it requires trust, willingness and support. It's important to note that we're still in the early stages of this transformation. We're not just looking at immediate metrics; This is about setting a foundation for a digital-first approach that will evolve and improve over time.

This project represents a complete user experience overhaul that converted 7% of membership purchases.


Healthcare is extremely sensitive and it requires trust, willingness and support. It's important to note that we're still in the early stages of this transformation. We're not just looking at immediate metrics; This is about setting a foundation for a digital-first approach that will evolve and improve over time.

Learnings:

This project was huge—lots of pages, user flows, and edge cases. It was my first dive into a hefty website project, highlighting the crucial role of good UX. I learned the importance of how swiftly communicated design ideas and the efficiency of a lean UI can expedite development.

Current Status:

This project represents a complete user experience overhaul that converted 7% of membership purchases.


Healthcare is extremely sensitive and it requires trust, willingness and support. It's important to note that we're still in the early stages of this transformation. We're not just looking at immediate metrics; This is about setting a foundation for a digital-first approach that will evolve and improve over time.

Learnings:

This project was huge—lots of pages, user flows, and edge cases. It was my first dive into a hefty website project. I learned the importance of how swiftly communicated design ideas and the efficiency of a lean UI can expedite development.

As I progress,

I'm excited to explore more of motion design, 3D and no-code development. Visual design is my forte, and I'm enthusiastic about continually refining my skills to craft even more impactful and creative experiences.

As I progress,

I'm excited to explore more of motion design, 3D and no-code development. Visual design is my forte, and I'm enthusiastic about continually refining my skills to craft even more impactful and creative experiences.

As I progress,

I'm excited to explore more of motion design, 3D and no-code development. Visual design is my forte, and I'm enthusiastic about continually refining my skills to craft even more impactful and creative experiences.

Big thanks for diving into this HUGEE case study!

Giphy

Big thanks for diving into this HUGEE case study!

Giphy

Big thanks for diving into this HUGEE case study!