Production website: https://mandmhealthclinic.com/
About This Project
As a web designer, I had the pleasure of working on the M & M Health Clinic project, where I was tasked with creating a new responsive website to enhance their user experience. The primary goal of the project was to redesign the website to reflect the modern and welcoming environment of the clinic.
To achieve this, I started by conducting research on user behavior and preferences and then created wireframes and prototypes that were tested by real users. Based on feedback from the testing, I refined the design to ensure it met the needs of the target audience.
The final design of the website featured a clean and intuitive layout, with a focus on providing visitors with easy access to relevant information. The color scheme and imagery used were carefully selected to convey the welcoming and friendly atmosphere of the clinic.
As a result of the redesign, the M & M Health Clinic's website received positive feedback from both staff and patients, and the clinic saw an increase in the number of appointments booked online. Overall, the project was a success and demonstrated my ability to deliver high-quality web design solutions that meet the needs of my clients.
Production Website

Production Website Look and Feel

Iconography and Line art
Line arts and iconography are important elements in website design, as they help to communicate information visually and create a cohesive design language. In this website, all the line arts and drawings were created by me using Adobe Illustrator to provide a unique and customized design. The line arts were used to add visual interest and break up the content, while the iconography was used to represent various services and features of the clinic. The icons were designed with simplicity and clarity in mind, ensuring that the information was easy to understand for all users. The combination of line arts and iconography helped to create a consistent design language throughout the website and added to the overall user experience. The use of hand-drawn elements also added a personal touch to the design, further emphasizing the human-centered approach to the project.
Further, I carefully selected each color used in the website design to engage customers and evoke the appropriate emotional response to the features and services offered by the clinic. Each color was chosen with intent and purpose, considering factors such as psychology, branding, and accessibility. By using a thoughtful color palette, we were able to create a visual hierarchy, highlight important information, and create a cohesive look and feel for the website. The careful selection of colors contributed to a positive user experience and strengthened the overall impact of the design.
404 Page
404 Page
About Us
About Us
Clinical Counselor
Clinical Counselor
Acupuncture
Acupuncture
Osteopathy
Osteopathy
Holistic Nutrition
Holistic Nutrition
Kinesiology
Kinesiology
Laser Hair Removal
Laser Hair Removal
Massage Theraphy
Massage Theraphy
Naturupathic
Naturupathic
Mockups
In this project, creating mockups was a crucial step in the UX/UI design process. Mockups allowed us to visually communicate the design ideas and gather feedback from stakeholders before proceeding to the development stage. We used various tools to create mockups, including wireframes, prototypes, and high-fidelity designs. The main tool used was Figma and Photoshop. These mockups helped us to test different design elements and ensure that the final product would meet the user's needs and expectations. Additionally, creating mockups allowed us to refine the design and make necessary adjustments to improve the user experience. Overall, mockups played a vital role in ensuring that the final UX/UI design met the project goals and provided a seamless experience for the clinic's users.
Landing Page Mockup
Landing Page Mockup
Homepage Services Section
Homepage Services Section
Homepage About Section
Homepage About Section
Homepage Products Section
Homepage Products Section
About Us Page
About Us Page
Services Landing Page
Services Landing Page
Services Detail Page
Services Detail Page
Products Page
Products Page
Contact Us Page
Contact Us Page
404 | Error Page
404 | Error Page
Back to Top