The website is live - https://www.proevolutionwellness.ca/

Project Overview

“Pro Evolution Wellness” is a health and wellness clinic in Vaughn, Ontario, offering chiropractic, physiotherapy and massage therapy services.

“Our goal at Pro Evolution Wellness is management. We take pride in helping patients reduce pain, improve strength restore mobility, and educate and teach our patients how to manage their condition to achieve long-term health benefits. Our combined approaches to patient care and education ensure we achieve our overall goal.”

Company’s Goal

BEFORE

AFTER

Website Screens

Problem Statment

Current and prospective patients of Pro Evolution Wellness need an effective way to view information about the clinic and its services as well, as to book appointments.

Our team and my client aimed to achieve the following objectives:
A. Ensure enhanced user experience by simplifying website navigation.
B. Incorporate all desired products into the website for easy access.
C. Integrate with a third-party payment gateway, the Jean app, to streamline payment processing for the administration.
D. List services along with their respective prices for convenient selection by users.

Project Timeline

User Research
User Interview
Entrant Analysis

User Persona
User Journey Map
Empathy Map

Brainstorming
Card Sorting
User Flow

Paper Wireframes
Visual Design
Prototype

CheckUsability
Survey Insight
Improvements

Design Process

A design process is a tool that helps you break down large projects into smaller, easier-to-handle stages. It's prominent in engineering, architecture, and manufacturing because it helps companies deliver finished solutions that customers want and need. Here are 5 main design steps -

Emphasize

Define

Ideate

Design

Test

My Roles :

1. Project Management

2. Creating User Persona and User Journey Map

3. Prototyping and Testing

4. UI/UX Designing

Target Audience :

Age group: The target audience include people above 18 years of age, as they are likely to be more conscious of their health and wellness.

Gender: The website can target both genders based on the services the clinic provides.

Health-conscious individuals: The website can be designed for people who are health-conscious and looking for solutions to improve their well-being.

People with chronic diseases: The website can target people with chronic diseases who require regular medical attention.

Fitness enthusiasts: Target fitness enthusiasts who wish to maintain a healthy lifestyle and seek guidance regarding fitness-related tips.

Working professionals: Target busy professionals who may have less time for self-care, but want to stay healthy.

Budget-conscious individuals: Targeting individuals who want to maintain their health and wellness within a budget.

The Approach :

After evaluating several wellness clinics, we created a catalogue of the most frequently observed sections (14 in total). Next, we conducted a survey of 13 people who have experience visiting these clinics to identify which of the 14 sections are crucial for them to find on a wellness center's website.

Survey Results :

Surveys are an essential tool used in UI/UX designing to collect valuable feedback from users, allowing designers to identify the preferences, desires, challenges, and expectations of their target audience. This information helps designers create a more user-centred design that meets the user's needs and enhances their experience with the product or service.

Competitor Analysis

Our team found that three applications were suitable for the lighting demo session, and we personally tested them to identify the successful features and irritations they cause to users. After conducting competitor analysis and experiencing these applications as users, we concluded that it is crucial to incorporate the best features and avoid shortcomings to give a better user experience for our lighting application.

  1. Physioworks

2. Legend Physiotherapy

3. Castlemore Therapeutics

Empathy Map

Through Empathy mapping, I gain a deeper understanding of the user's needs, challenges, behaviours, feelings, and motivations. This method helps me empathize with users, identify user personas, and create a user-centred design that fulfills users' needs most effectively.

Understand user needs: Empathy mapping helps designers to understand user needs and create designs that address those needs.


Create user personas: Based on the insights gathered from empathy mapping, designers can create user personas that help them understand the user's behaviour, environment, and motivations.


Improve the user experience: Empathy mapping enables designers to identify pain points, frustrations, and barriers that users face while using an application, and come up with solutions that improve the user experience.


Enhance the design process: Empathy mapping helps to improve the design process by aligning it with user needs, thereby reducing the risk of designing unusable products.

User Persona

Because of user persona, I understand their target audience and create user-focused designs that meet their needs and preferences. This persona is based on user research, interviews and surveys. By creating user personas, I can create user-centric interfaces that cater to the user's specific needs, capabilities, and limitations. This approach leads to more effective and satisfying user experiences.

Low Fidelity Prototype

We use low-fidelity prototyping to test and validate design ideas or concepts, as it conveys the basic look, feel, and functionality of a design and can be used early in the design process to allow more detailed The design can be quickly iterated and refined before moving forward. and realistic prototypes.

High Fidelity Prototype

Typography

We designed high-fidelity screens, drawing inspiration from both the original design team's ideas as well as our favourite components from the comparative analysis.

The business owner felt the colour palette to be too dark, so we incorporated brighter colours in the design system.

We performed rapid user testing and understood that

(1) users needed a more obvious way to book appointments for each service,

(2) the grey background on the rates page felt inconsistent with the rest of the website and

(3) the text under "our process" was difficult to read due to the contrast.

Clickable Prototype

Next Steps

  • As of February 2023, the site is currently in the development phase. A link to the live site will be provided upon site launch.
     

  • In the next version of the site, we'd like to implement an eCommerce store to increase company revenue.