HC MedSpa website & pricing calculator

2017

Website & pricing calculator design for HC MedSpa

HC MedSpa is an award-winning chain of Beauty Clinics in North London. With an outdated and poorly performing website, HC Medspa needed of a digital update and a renewed focus of the online marketing.

A brand new concept of the HC Medspa website was created as a result of identifying their core brand values and user needs. We developed an online calculator for the laser hair removal treatments to better market and assist the website users. Some features of the calculator include: the multiple sections savings, offers integration with a simple and friendly user interface.

Tasks on the project

Collaborating with the Managing Director and client to define features, strategy, product architecture and navigation;
Wireframing, flow design and interface design;
Prototyping specifications and assets definition;
Conducting internal user testing;
Working closely with developers to define the best developing process connected with the UI/UX;
Full creative-production process – from the concept creation to the pixel perfect layout;

Mobile navigation

Desktop navigation

Home page structure

Treatment page (level 3)

Aesthetic medicine has advanced at an incredible rate in the past few years and this can be very confusing for users who can be overwhelmed by the amount of treatments.

The treatment pages are structured with a clear summary of the treatment over the hero section:

Name of the treatment,
Subheading description of treatment, and
Three treatment main benefits.

The treatment content page structure follows the hero section with:

Descriptive text – offers the user the treatment details with an optional video for an easier content delivery.

FAQs section – content is based on users main concerns in a the specific treatment, e.g. safety, results, pain, etc.

Treatment overview – content is based on user research and designed as cards for a quick and user friendly delivery.

Pricing table – Aesthetics treatments pricing are complex. Simplifying it and presenting offers in the same table, serves better the users needs.

Before and after – gallery with a horizontal bar to better demonstrate the results.

Aesthetic treatment calculator

HC MedSpa website includes an online calculator for the laser hair removal treatments to better market and assist the website users. Some features of the calculator includes: multiple sections savings, offers integration with a simple and friendly user interface.

Design process:

Understand & research
Understanding client and customer goals, creating user personas, analysing competitors and defining user flows;
Sketch
Creating wireframes, prototypes, brainstorming with stakeholders (technical perspective feedback) and re-testing prototype with stakeholders;
Design
Designing user interface, defining final design and implementation guidelines.