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:

  1. Name of the treatment,
  2. Subheading description of treatment, and
  3. 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:

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

Laser hair removal pricing calculator user flow

Desktop laser hair removal pricing

Mobile laser hair removal pricing