India’s Trusted Online Pharmacy App.

Why Netmeds hired us

Netmeds did not have an in-house design expertise. They needed design experts who could work with their product team, including developers, project management, and a copywriter, who could understand the needs of their unique audience — patients and medicine buyers, and who could help develop a high-class user experience across all devices and use cases.

Services
+   UI/UX
+   Interface Design
+   Illustration
Deliverables
+   Android & iOS App
+   Website
+   Web app
+   Component Library
+   Illustrations
Links
+   Android App
+   iOS App
+   Website

Netmeds Overview

Netmeds.com is a fully licensed e-pharma portal that offers authenticated prescription and Over the Counter (OTC) serving more than 5.7 million customers in more than 670 cities and towns.

5.7 m

Customers

670 +

cities / towns

4.6

App rating

03

LANGUAGES
0
01
02
03
04
Challenges
Detailed Sitemap
Ecosystem
Interface Design
01
Challenges
Our objective was to revamp the app, simplify the process and introduce the new features (consultation and diagnostics) clearly and effectively.
02
Wireframes
03
Design System
04
UX/UI
Explore our

process

After analysing all functionalities, flows and the user feedback from the already existing version of Netmeds, it was clear that we needed to create a brand new design language to create a consistent, intuitive and pleasurable platforms.

01.
Challenges

Our objective was to revamp the app, simplify the process and introduce the new features (consultation and diagnostics) clearly and effectively and also revamp the website that grabs the user’s full attention.

02.
Wireframes

With wireframes (low-fi simplified designs that allow you to get a full scope of the entire app), we tackled app specific flows and went deep into interactions without compromising core product decisions from the get go.

03.
Design System

We created a design system that served as a visual guideline for consistency on the entire platform. We also kept detailed documentation that we updated regularly throughout the design process as single source of truth that ensured efficiency in our workflow.

04.
UX/UI

When you create such a complex platform it is essential to keep in mind the real users and providing them the unified experience for the web and mobile. In this case we created a proper structure ensuring that any element we created would work alongside the others.

Define, strategize, and plan

wireframes

With such a complex structure with infinite permutations there was only one way to ensure simplicity. A clear yet detailed sitemap of the entire platform.

Creating Design System

Building coehesive

ecosystem

We decided to treat each screen with the same love and care, resulting in set of symbols that repeats throughout the app and website maintaining uniformity and come together as one very coehesive and familiar ecosystem.

TOP NAV BAR
MEDICINE CARDS USED
DIFFERENT STATES OF PRODUCT PAGE
Designing and strategising

app design

The same attention to detail was kept to ensure a great mobile experience for newcomers and returners alike.

Designing and strategising

web design

By combining all of the elements listed above as ingredients of a very tasty recipe, the end result can be just breathtaking.

Enhancing the user flow in the app

We not only reduced steps in the app’s core feature but we also made it more simplified, and accessible for the user to buy medicines

  • Visible search bar in the top nav bar
  • Easy access to all the main features of Netmeds like consultation, diagnostics, upload prescription and order medicine features in the home screen
  • Designing catchy icons for each feature so that user can navigate the app from one screen
Making the Consultation friendly

It was important to keep the online doctor consultation for the patients simple and friendly, as it's a place where the user will be sharing his health concerns with the doctor so he/she should feel secured and confident while using the chat feature. Problems to be solved

  • easy to start a new consultation from the start
  • should be simple and build trust of the user
  • easy to choose from multiple consultation packages
  • doctor's profile to build trust and show who they are talking with

Netmeds App allows you to access India’s Best Doctors on Video/Phone call just like an in-person visit. This service makes access to high quality medical care easy and convenient from the comfort of your home.

Simplifying the Checkout process

Here it's all about reviewing the order and effortlessly checkout with the preferred payment method. We planned for all sorts of payment modes to give the users a wide pool to choose from.

The complicated feature - Diagnostics

Diagnostics where a user can book lab tests and health packages from well-reputed, certified diagnostic labs across the country. The challenge was to show the different lab tests in an effective way to the user, keeping the number of clicks less.

In the pathology field, not every lab test is alike and there are hundreds of different possible tests to choose from. This complexity meant there needed to be a simple way to select the test prescribed by the doctor.

All we care about is the

solution

Enhancing the user flow in the app

We not only reduced steps in the app’s core feature but we also made it more simplified, and accessible for the user to buy medicines

  • Visible search bar in the top nav bar
  • Easy access to all the main features of Netmeds like consultation, diagnostics, upload prescription and order medicine features in the home screen
  • Designing catchy icons for each feature so that user can navigate the app from one screen
Making the Consultation friendly

It was important to keep the online doctor consultation for the patients simple and friendly, as it's a place where the user will be sharing his health concerns with the doctor so he/she should feel secured and confident while using the chat feature. Problems to be solved

  • easy to start a new consultation from the start
  • should be simple and build trust of the user
  • easy to choose from multiple consultation packages
  • doctor's profile to build trust and show who they are talking with

Netmeds App allows you to access India’s Best Doctors on Video/Phone call just like an in-person visit. This service makes access to high quality medical care easy and convenient from the comfort of your home.

Simplifying the Checkout process

Here it's all about reviewing the order and effortlessly checkout with the preferred payment method. We planned for all sorts of payment modes to give the users a wide pool to choose from.

The complicated feature- Diagnostics

Diagnostics where a user can book lab tests and health packages from well-reputed, certified diagnostic labs across the country. The challenge was to show the different lab tests in an effective way to the user, keeping the number of clicks less.

In the pathology field, not every lab test is alike and there are hundreds of different possible tests to choose from. This complexity meant there needed to be a simple way to select the test prescribed by the doctor.

Finalising sketches

illustrations

For the illustrations we tested multiple alternatives and styles. The concept was intimately related to people interacting with the product, using devices and other elements that were relatable to the product and the users.

Easy order and fast deilvery
Online diagnostics & consultations
Great deals on all medicines

“Bruvvv really got under the skin of our business and in doing so, had a major impact on our success going forward.”

Abhishek Kumar
Product Manager, Netmeds
Styleguide

iconography

To achieve a friendly yet serious style, we created set of icons to match the illustration style.

Netmeds Features
nETMEDS BENEFITS
Scalability, Efficiency and Consistency

Grid System

Together with the Design System, we knew the grid had to be flexible enough to encompass everything Netmeds has to lay down, both now and in the future.

A one-size-fits-all grid

Creating the 8 system grid that works smoothly for both website and app.

Explore more projects