Everything you need to improve your body health in one place
Wellness center for weight loss and rejuvenation
Project overview
Background
The medical fasting clinic website offers a variety of treatment programs designed to enhance physical health. Its user-friendly platform enables patients to conveniently book their selected program and consult with a qualified doctor, ensuring optimal care and support. The clinic is committed to helping individuals achieve their health goals by providing comprehensive resources in one convenient location.
Background
The medical fasting clinic website offers a variety of treatment programs designed to enhance physical health. Its user-friendly platform enables patients to conveniently book their selected program and consult with a qualified doctor, ensuring optimal care and support. The clinic is committed to helping individuals achieve their health goals by providing comprehensive resources in one convenient location.
Roles and Responsibilities
UX/UI Designer
UX research, mind map, site map, persona, empathy map, digital mockups.
Ul research, visual alignment, web UI design, responsive version, clickable prototype.
What I did
Scope of work
As part of my scope of work, I focused on optimizing the design for improved efficiency and user-friendliness. To achieve this, I followed a structured approach that began with thorough research of potential user pain points. From there, I defined a concept for a solution, created a custom design that aligned with the user's needs, and ultimately produced a clickable prototype to test the solution's efficacy. Through this process, I was able to ensure that the design was optimized to provide the best possible user experience.
Scope of work
As part of my scope of work, I focused on optimizing the design for improved efficiency and user-friendliness. To achieve this, I followed a structured approach that began with thorough research of potential user pain points. From there, I defined a concept for a solution, created a custom design that aligned with the user's needs, and ultimately produced a clickable prototype to test the solution's efficacy. Through this process, I was able to ensure that the design was optimized to provide the best possible user experience.
Design audit
Firstly, I conducted a usability evaluation of the competitor's website and identified key issues that needed to be addressed. Based on my findings, I then developed a detailed work plan that outlined specific steps to improve the overall user experience. This approach allowed me to create a structured roadmap for the design process, ensuring that my work was focused and aligned with the client's goals and expectations.
UX Research & Analysis
Target Audience and their needs
Wireframing & Prototyping
After analyzing the competitor's website and developing a work plan, I created user flow diagrams, developer wireframes, and a prototype for the final screen design. This allowed me to ensure an optimal user experience and share the final design with stakeholders for feedback. The approach resulted in a well-structured and comprehensive design that met both the client's and target audience's needs.
UI Desing
I developed the style, UI kit, and visual design. Using the prototype as a reference, I established a consistent and visually appealing aesthetic that aligned with the client's branding. This included color palettes, typography, and custom illustrations. The resulting UI kit provided developers with guidelines for implementation. This final step was essential in achieving a successful design solution that met the client's objectives and exceeded the expectations of the target audience.
Final result
Website development on the Tilda platform to the final result
Problem
The current main website of the clinic offers numerous weight loss programs and an abundance of information, leading to user confusion in selecting the most suitable program for them.
Solution
To address this issue, we have decided to create individual landing pages for the clinic's most popular weight loss programs. This approach will allow us to evaluate the effectiveness and convenience of each program for the clients while also determining the profitability of each program for the clinic.
By creating separate landing pages, we aim to simplify the decision-making process for clients and provide them with clear and concise information about each weight loss program. This solution will enhance the user experience, streamline the sales process, and ultimately increase the clinic's revenue.
Solution
To address this issue, we have decided to create individual landing pages for the clinic's most popular weight loss programs. This approach will allow us to evaluate the effectiveness and convenience of each program for the clients while also determining the profitability of each program for the clinic.
By creating separate landing pages, we aim to simplify the decision-making process for clients and provide them with clear and concise information about each weight loss program. This solution will enhance the user experience, streamline the sales process, and ultimately increase the clinic's revenue.
Our vision
The goal
The objective of this project is to improve the user experience by providing clear and concise information about the clinic's weight loss programs. We want to make it easy for users to evaluate the available options, choose the program that suits their needs, and take action by booking an appointment or purchasing a program. This will establish trust with potential clients, increase engagement, and drive sales, ultimately contributing to the growth and success of the clinic.
The goal
The objective of this project is to improve the user experience by providing clear and concise information about the clinic's weight loss programs. We want to make it easy for users to evaluate the available options, choose the program that suits their needs, and take action by booking an appointment or purchasing a program. This will establish trust with potential clients, increase engagement, and drive sales, ultimately contributing to the growth and success of the clinic.
Saving time
Users need a service that can immediately give them access to a health and weight loss program.
Online Suport
New users can immediately find a specialist, as well as get all the information online
Accessibility
We organize the entire user experience with innovative solutions
Convenience
Users need a good, reliable service to create a better and healthier life for them
Research
Target Audience
This project is targeting individuals who are current or potential patients of the clinic seeking a weight loss program that is suitable for their needs. We aim to provide a seamless user experience that makes it easy for them to evaluate available programs and book appointments conveniently and securely. We want to establish trust with our audience by offering a user-friendly interface and detailed information about weight loss programs. Our ultimate goal is to help them achieve their weight loss goals while ensuring their satisfaction with the clinic's services.
- I participate in a seven-day weight loss program every year and would like to receive specific information about this program separately from other programs.KateProject manager
- I would like to receive links to new weight loss programs, as well as the ability to book appointments for these programs.SamDoctor
- Booking a weight loss program through the website is very convenient.SarahModel
- appreciate having access to professional online support through the website.AlexStudent
Process
Wireframes
Below you can see some wireframes and a prototype of the future screen.
Wireframes
Below you can see some wireframes and a prototype of the future screen.
Visual solution
Typography
Typography
Open Sans
50px 42px 22px
50px 42px 22px
Aa Bb Cc Dd Ee Ff Gg Hh li
Jj Kk LI Mm Nn 0o Pp Qq Rr
SS Tt UU Vv Ww XX Yv Zz
1234567890
Jj Kk LI Mm Nn 0o Pp Qq Rr
SS Tt UU Vv Ww XX Yv Zz
1234567890
Arial
18px 14px
18px 14px
Aa Bb Cc Dd Ee Ff Gg Hh li
Jj Kk LI Mm Nn 0o Pp Qq Rr
SS Tt UU Vv Ww XX Yv Zz
1234567890
Jj Kk LI Mm Nn 0o Pp Qq Rr
SS Tt UU Vv Ww XX Yv Zz
1234567890
Color Palette
Blue is a color that conveys comfort, security, and confidence, and is often associated with depth and stability. For these reasons, I selected blue as the primary color for the service. Additionally, we used red and green for bright elements like buttons to create a sense of urgency and encourage users to take action.
Blue is a color that conveys comfort, security, and confidence, and is often associated with depth and stability. For these reasons, I selected blue as the primary color for the service. Additionally, we used red and green for bright elements like buttons to create a sense of urgency and encourage users to take action.
Сase in progress, check back later :)