MedSpa: Framer website

Muzamil Kashif

0

Web Designer

Framer Developer

Framer Designer

Figma

Framer

✨Project Overview

Medspa is a 3-page website designed for medspas and clinics to build their digital presence, attract new clients, and showcase the procedures they offer.

✦ The Process

I noticed that the theme of most medspas is often pink, which can be seen as a very feminine color.
Selected pictures of Medspa that resonate with the target audience.
Wirframed all the pages on Figma before putting real work on the framer
Decided a sleek and simple logo
Start working from the About Us page and complete it with Our Story, Doctors, Testimonials, FAQ, and Contact sections blended with the same theme.
The Doctors page which shows basic info about doctors and CTA was also added in the end.
The treatment page has basic info on what Medspa offers in a bento grid style and also a section on why choose Medspa and the contact section.
The next step was to create a web responsive that can be surfed easily on different screen sizes.
Animations and effects have been added to sections to create intriguing effects while scrolling and transitioning between pages.

Project Mockups

About Us page
About Us page
Bento Grid treatment section
Bento Grid treatment section

📊 The Stats

✦ Timeline: 10 days

✦ Number of components: 30+

✦ Deliverables: Framer Remix link and the published website link

Like this project
0

I created About Us, Doctors, and Treatment Pages with the overall design and concept for the Medspa in Framer.

Likes

0

Views

9

Tags

Web Designer

Framer Developer

Framer Designer

Figma

Framer

Muzamil Kashif

Website & Landing Page Designer | Graphic Designer

Build This 3d Software Website Design Using Framer
Build This 3d Software Website Design Using Framer
Framer Landing Page For Healthiir Media
Framer Landing Page For Healthiir Media
Letharu Nature and Retreats Hotel Website Design
Letharu Nature and Retreats Hotel Website Design
Swarve - Dental Clinic Website in Framer
Swarve - Dental Clinic Website in Framer