Neuoregen

NeuroGen Case Study: Designing website to boost awareness and encourage communication among audiences

This case study shows how we helped NeuroGen to bring awareness about neurological disorders and improve online communication with our UI and UX design solutions.

PROCESS

Project Duration:

Websites of popular and trusted hospitals have always been a trusted source of information regarding anything remotely medical. Be it the Mayo Clinic or Cleveland Clinic, when people trust the hospital with their lives, they also tend to trust the information they read on the hospital’s website.

In India, there are many top-ranking hospitals that regularly share health-relating information with their visitors. When it comes to neurological disorders, NeuroGen Brain & Spine Institute is one of the most popular hospitals in India.

We were approached to design their global website to make it all-inclusive for their patients and the public.

About NeuroGen

NeuroGen Brain & Spine Institute, as its name suggests, is a specialty hospital that treats patients who suffer from neurological disorders. The institute offers treatment through a combination of regenerative medicine, neurorehabilitation, and medical help.

With their service, they encourage their patients to live a life of independence from neurological illnesses.

Problem Statement

NeuroGen wanted us to redesign its global website to include information about a range of therapies, facilities, and research. The goal was to be transparent and share all the important information with its target audience.

Designing the Solution

To come up with the solution, we first needed to understand the needs of the visitors and what they wanted to know about the institute.

SOAK

Comprehending the requirement, we decided to pay a visit to the NeuroGen premises and interview some of their patients and their relatives to get a deeper understanding of what they needed and how their experience was in the past.

This helped us come up with a promising plan for action. Based on the information gathered, we created a user persona to understand the website’s users and what part of the website they are most interested in.

User Personas of UX & UI Design for Neuoregen

THINK

Brand Values

After several interviews with the patients, discussions with the stakeholders, and industry analysis, we accurately plotted the emotions that drive users and journey maps that may lead to conversion.

user journey of UX & UI Design for Neuoregen brandtonality of UX & UI Design for Neuoregen

A detailed sitemap and wireframes were created keeping in mind the information architecture of the website. This was an important step to ensure easier navigation and a better user experience for website visitors.

sitemap of UX & UI Design for Neuoregen
wireframe of UX & UI Design for Neuoregen

EXECUTE

Based on the wireframes, we fleshed out the website with appropriate UI elements. Connecting it with the information posted by the client, we needed to pay attention to the components and how they complement the content.

Color and Typography

We used the earthy tone of brown and bright orange, a color of enthusiasm and hope was strategically added to the color palette. This brought life to the interface and made it look more approachable, fresh, and trustworthy.

The font family used was Work Sans to improve the readability of the content and keep it pleasing to the eyes.

Execute style guide of UX & UI Design for Neuoregen

Iconography

Keeping in mind the extensive information on this platform, the design played heavily on the visual representation of the concept comprising a combination of images and icons.

The iconography was detailed and conceptualized intricately. Line icons are trendy and known for their clean look while keeping the interface professional and elegant.

A responsive website was designed with the intention to improve accessibility and approachability among users.

Icons of UX & UI Design for Neuoregen

UI Screens

No. of Screens:

Using the wireframes and UI elements, we came up with the following UI screens for the website in both desktop and mobile environments.

UI Screens of UX & UI Design for Neuoregen

Results

The website ranks number 1 for multiple keywords including “Best autism treatment in India”. More than 1 thousand users visit the website regularly to gain information about neurological disorders.

With informational content from field experts and UI/UX design that complements it, the website is now a source of trusted information for many in the field of neurological treatments in India.

Do you also wish to present your website content in a way that catches visitors' attention? Send us a message to get a quick consultation. Find out more about our recent projects on our Instagram and Twitter.