Health Website Rredesign

Your one stop shop for holistic health

This project redesigns the Inside Out Health website, to enhance usability and visual appeal. Key issues in navigation, information architecture, and user engagement were identified through usability testing, and addressed through redesign

Tap to interact

Tap to interact

Challange

Challange

Health Website Redesign

Health Website Redesign

Redesigning the Inside Out Health website to overcome significant usability, navigation, and visual design issues, using appropriate principles and techniques.

Redesigning the Inside Out Health website to overcome significant usability, navigation, and visual design issues, using appropriate principles and techniques.

Approach

Approach

Lean UX + Design thinking

Lean UX + Design thinking

This project follows a structured and iterative approach, blending the principles of Design Thinking and the Think-Make-Check loop from Lean Startup.

This project follows a structured and iterative approach, blending the principles of Design Thinking and the Think-Make-Check loop from Lean Startup.

Role

Role

UX/UI & Visual designer

(Solo Course Work)

UX/UI & Visual designer

(Solo Course Work)

User research, UX audit, interviews, wire framing, prototyping, Usability studies.(formative test, summative test), Visual design: branding, interface design,

User research, UX audit, interviews, wire framing, prototyping, Usability studies.(formative test, summative test), Visual design: branding, interface design,

Timeline

Timeline

September 2022 ( one month)

September 2022 ( one month)

Understanding Inside out health

Understanding Inside out health

A Local supplement shop in Reigate focusing on nutrition and wellbeing of people. Its website delivers products all over the UK and aims to reach users outside their reach. Bringing a range of its services online to get more users.

A Local supplement shop in Reigate focusing on nutrition and wellbeing of people. Its website delivers products all over the UK and aims to reach users outside their reach. Bringing a range of its services online to get more users.

Health hub

Wellness Check-In

Food Recipes

Nutritional Therapist

Blog / Articles

Loyalty Card

The context of use

Information seekers

Health conscious individuals

This user is likely to seek information on health and wellness products, supplements and lifestyle tips.

Users with prescription

People with Health problems

This user is likely to seek to purchase prescribed supplements or medications. supplements or .

Formative test

UX Audit

Using Jacob Nelson Heuristic guidelines

To assess the website's overall quality, a heuristic evaluation using Nielsen's 10 Usability Heuristics was conducted. This audit identified key issues, defined the scope of the project, informed design decisions, and provided a foundation for further usability research.

Match between system and the real world

Confusing language and navigation misalign with user expectations.

Confusing language and navigation misalign with user expectations.

User control and freedom

Limited user autonomy due to low visibility and automatic selections.

Limited user autonomy due to low visibility and automatic selections.

Error prevention

Insufficient guidance increases the risk of user errors.

Insufficient guidance increases the risk of user errors.

Recognition and recall

Inconsistent elements force users to rely on memory over recognition.

Inconsistent elements force users to rely on memory over recognition.

Consistency

Inconsistent design elements create a disjointed experience.

Inconsistent design elements create a disjointed experience.

Flexibility and Efficiency of Use

Site lacks features for novices, reducing usability and efficiency.

Site lacks features for novices, reducing usability and efficiency.

Error Recovery

Error messages inform problems but don’t guide solutions.

Error messages inform problems but don’t guide solutions.

Aesthetic and Minimalist design

Cluttered design hampers focus and usability.

Cluttered design hampers focus and usability.

Visibility of system status

Lack of clear visual feedback on user interactions

Lack of clear visual feedback on user interactions

Help and documentation

Inaccessible help resources leave users unsupported.

Inaccessible help resources leave users unsupported.

Usability study

Task and severity

SUS-System Usability scale

Interviews

An unmoderated usability test with five participants. The results showed significant challenges in shopping and using services, where users faced difficulties due to poor navigation, lack of visual feedback, difficulty locating elements, inadequate search functionality, and inconsistent placement of features.

Usability study

Task and severity

SUS-System Usability scale

Interviews

An unmoderated usability test with five participants. The results showed significant challenges in shopping and using services, where users faced difficulties due to poor navigation, lack of visual feedback, difficulty locating elements, inadequate search functionality, and inconsistent placement of features.

Usability study

Task and severity

SUS-System Usability scale

Interviews

An unmoderated usability test with five participants. The results showed significant challenges in shopping and using services, where users faced difficulties due to poor navigation, lack of visual feedback, difficulty locating elements, inadequate search functionality, and inconsistent placement of features.

Design & Build

By leveraging user research insights and design principles, with an aim to create a visually appealing, intuitive and user-centred experience. The following sections explore the key stages of the design and build process, including personas, brainstorming, user flows and wireframes.

Persona
Persona
Persona
Brainstorm
Brainstorm
Brainstorm
User flows
User flows
User flows
Wireframes
Wireframes
Wireframes

Summative test

Usability study

Summative testing evaluated task completion and severity, showing that all five user tasks were completed swiftly with low difficulty ratings, highlighting significant improvements in navigation, usability, and overall user experience.

SUS-System Usability scale

The SUS testing yielded an overall score of 80% for the redesigned website. An SUS score of 80% is considered above average and acceptable, exceeding the standard threshold of 68 for usable designs. While it doesn’t place the site in the top tier of usability, it indicates significant improvements and aligns the website with normal web usability standards.

Final Solution

Home

Shop

Health hub

Recipes

About

More

A Fresh Face for Inside Out Health

The redesigned landing page combines a refreshed brand identity with a user-focused design approach, giving the website a modern and cohesive update. I streamlined navigation to make call-to-actions more visible and intuitive, ensuring users can quickly find essential information.

About me

Expert Review

UX Audit

Using Jacob Nelson Heuristic guidelines

In addressing the overall quality of the website the 10 heuristics was used in auditing the overall website in understand overall issues with the website, what this whole project will cover, inform design decisions, and make assumptions that will be later validated with other usability research methods.

Match between system and the real world

Confusing language and navigation misalign with user expectations.

Confusing language and navigation misalign with user expectations.

User control and freedom

Limited user autonomy due to low visibility and automatic selections.

Limited user autonomy due to low visibility and automatic selections.

Error prevention

Insufficient guidance increases the risk of user errors.

Insufficient guidance increases the risk of user errors.

Recognition and recall

Inconsistent elements force users to rely on memory over recognition.

Inconsistent elements force users to rely on memory over recognition.

Consistency

Inconsistent design elements create a disjointed experience.

Inconsistent design elements create a disjointed experience.

Flexibility and Efficiency of Use

Site lacks features for novices, reducing usability and efficiency.

Site lacks features for novices, reducing usability and efficiency.

Error Recovery

Error messages inform problems but don’t guide solutions.

Error messages inform problems but don’t guide solutions.

Aesthetic and Minimalist design

Cluttered design hampers focus and usability.

Cluttered design hampers focus and usability.

Visibility of system status

Lack of clear visual feedback on user interactions

Lack of clear visual feedback on user interactions

Help and documentation

Inaccessible help resources leave users unsupported.

Inaccessible help resources leave users unsupported.

Final Note

The Inside Out Health website redesign aimed to enhance usability and engagement for holistic health services. The process began with understanding its mission and users, followed by a Context of Use study to identify pain points. Insights from a Formative Test guided improvements, while a usability study (tasks, SUS scale, interviews) validated design changes. User personas shaped user flows and informed wireframe designs, ensuring intuitive navigation. A final summative test confirmed the redesign's success, delivering a user-friendly platform that meets audience needs effectively.

The Inside Out Health website redesign aimed to enhance usability and engagement for holistic health services. The process began with understanding its mission and users, followed by a Context of Use study to identify pain points. Insights from a Formative Test guided improvements, while a usability study (tasks, SUS scale, interviews) validated design changes. User personas shaped user flows and informed wireframe designs, ensuring intuitive navigation. A final summative test confirmed the redesign's success, delivering a user-friendly platform that meets audience needs effectively.

View Prototype

Previous project

Meal Plan

Next project

Skool Buddy

I'm available

Let's Connect

Feel free to contact me if having any questions. I'm available for new projects or just for chatting.

Anthony Akintola

I'm available

Let's Connect

Feel free to contact me if having any questions. I'm available for new projects or just for chatting.

Anthony Akintola

I'm available

Let's Connect

Feel free to contact me if having any questions. I'm available for new projects or just for chatting.

Anthony Akintola