Sleek and bold visual style for Hair & Skin beauty-centric provider

time icon
2023
2022
Healthcare
arrow scroll icon
scroll
No items found.

{{problem}}

{{services-provided}}

The client

About the project

HAIR & SKIN is a Swiss startup that has a chain of clinics specializing in hair transplants and PRP treatments. The company is dedicated to providing advanced treatments and solutions for individuals seeking to enhance the health and appearance of their hair and skin. With a focus on the happiness and glow of their clients, HAIR & SKIN utilizes advanced methods, such as Follicular Unit Extraction (FUE). For the company, it’s the core treatment technique, which allows for excellent long-lasting results and fast wound healing.

{{GO TO WEBSITE}}

Results in numbers

HAIR & SKIN significantly contributed to the growth and development of the Global Beauty and Personal Care Market, being the only chain in Switzerland owning clinics at more than 10 different locations. As their rivals are simply individual providers, our client has no major competition in this industry. This allows HAIR & SKIN to steadily expand the number of clinics, customers, and investors, further solidifying their position.

<div class="case__rich-result">
<ul>
<li>$8.5M Total Funding Amount</li>
<li>19 Clinics in Switzerland</li>
<li>10K+ Satisfied customers</li>
</ul>
</div>

Target audience

Classic customer profile

The “typical” client of the HAIR & SKIN clinic is primarily a man or woman aged 25 and above. This person seeks professional hair and skin treatments, valuing quality, expertise, and personalized care. With a mobile-first approach, they rely on convenient access through any device, especially smartphones. The perfect clinic for these people is the one that caters to their graceful tastes and expectations, providing a user-friendly website and digital interfaces for easy navigation and appointment booking. In terms of design, they prefer a refined color palette and accessible typography fonts that exude sophistication, readability, and elegance.

UI/UX insights

Mixed design aesthetics

Our design team has crafted a sleek and bold visual experience for HAIR & SKIN, incorporating stunning photo material that showcases the expertise of the brand. With a clean grid design as the foundation, we have ensured a visually balanced layout that allows the content to shine on both web and mobile versions. As per the client's request, our team has retained the brand’s existing minimalistic typography and Black, Winter White, and Hedge Green color palette. For the CTA buttons, we chose a coral shade to create a gentle contrast against a light background and align with a friendly and warm HAIR & SKIN identity.

Final line

Meticulous and sleek results

Our collaboration with HAIR & SKIN has transformed their online presence, creating a sleek and bold visuality that captivates and delights. Through strategic placement of CTA buttons and thoughtful user path optimization, we have streamlined the appointment booking process, resulting in increased lead generation. What’s more, by creatively fusing the existing sophisticated typography, serene color scheme, and captivating beauty-related imagery, our designers presented the company as highly innovative. As a result, we helped the client to enhance brand perception and encourage more users to contact HAIR & SKIN.

What’s a Rich Text element?

What’s a Rich Text element? sdffgdfgfghfgh

The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content.

The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content.

  • Sdfdfg
  • Dfgdfgfdg
  • dfgdfgfd
  • Dfgdfg

dfgdf gdfg dfgdfgidfgiudf gdf ugidfugidf ugid

  • dfgfdg
  • dfgdfg
    dghjghj
  • dfgdfg
  • dfgdfg

The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content.

  1. 01 dfgdfgd
  2. 01 dfgfdg
  3. 01 dfgdfg
  4. 01 dfgdfg

The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content.

The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content.

The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content.

The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content.

The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content.

The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content.
GreenBiz
get in touch
get in touch

Challenges

The client aimed to boost lead generation through performance-oriented design. Besides, the site must be scalable, as it would be implemented on a headless CMS. Finally, it was crucial to provide users with intuitive navigation and present HAIR & SKIN as a modern and trustworthy company.

Solutions

To overcome these challenges, we created a seamless cross-device experience. Streamlined navigation and clear CTAs should encourage appointment bookings, helping to generate more leads, while sophisticated typography, colors, and photos emphasize HAIR & SKIN’s focus on innovation.

dfgdfgdfg

The main goal of our client was to build a patient-friendly platform with a positive and stress-free approach. As not every person is a tech guru, it was also crucial to simplify the website’s functionality, creating an intuitive interface with different languages available. Besides, the client put a strong emphasis on data security, as sensitive information about patients’ health must always remain confidential.

sdfsdfsdfsdfdg

The main goal of our client was to build a patient-friendly platform with a positive and stress-free approach. As not every person is a tech guru, it was also crucial to simplify the website’s functionality, creating an intuitive interface with different languages available. Besides, the client put a strong emphasis on data security, as sensitive information about patients’ health must always remain confidential.

Services we provided

UX/UI design
UX/UI design
TIME FRAME:
1,5 months

Technologies used

No items found.
No items found.
No items found.
No items found.
No items found.

To verify various hypotheses and to better understand what users wanted, the client conducted A/B testing and, based on this analysis, generated various tasks for us to implement. Some users were directed to the unaltered version of the site, and some would see the new one. One of the intriguing cases involved the testing of website registration methods:

  • 01Through the simple page with a brief registration form and an image of a unit’s exterior.
  • 01Through the simple page with a brief registration form and an image of a unit’s exterior.

To verify various hypotheses and to better understand what users wanted, the client conducted A/B testing and, based on this analysis, generated various tasks for us to implement. Some users were directed to the unaltered version of the site, and some would see the new one. One of the intriguing cases involved the testing of website registration methods:

Results in numbers

Once we had developed the configurator and Mighty Buildings concluded the lengthy closed beta testing, they launched their product publicly, raising $40 Million in Series B Funding. And they haven’t stopped there — during the subsequent funding campaigns, they’ve raised more than $100M from leading investors, including Khosla Ventures and Arctern Ventures.

  • $40M
    Raised in series B Funding
  • $40M
    Raised in series B Funding
  • $40M
    Raised in series B Funding

Redux and Redux-saga

To handle data management, we employed Redux and Redux-saga. The Redux library helps us manage the state of the application in a centralized and predictable manner, while Redux-saga enables us to manage and test side-effects such as data fetching and backend communication.

The combination of these libraries has allowed us to create a robust and maintainable front-end that is capable of handling large amounts of data and state changes.Redux and Redux-saga

Redux and Redux-saga

To handle data management, we employed Redux and Redux-saga. The Redux library helps us manage the state of the application in a centralized and predictable manner, while Redux-saga enables us to manage and test side-effects such as data fetching and backend communication.

The combination of these libraries has allowed us to create a robust and maintainable front-end that is capable of handling large amounts of data and state changes.Redux and Redux-saga

Client’s feedback

ings, paragraphs, blockquotes, figures, images, and figure captions can all be styled after a class is added to the rich text element using the "When inside of" nested selector system.

Alex
Coo

Have a similar project or idea? Let's discuss the details.

Ready to discuss
your project with us?

Please, enter a valid email
By sending this form I confirm that I have read and accept the Privacy Policy

Thank you!
We will contact you ASAP!

error imageclose icon
Hmm...something went wrong. Please try again 🙏
SEND AGAIN
SEND AGAIN
error icon
clutch icon

Our clients say

The site developed by Halo Lab projected a very premium experience, successfully delivering the client’s messaging to customers. Despite external challenges, the team’s performance was exceptional.
Aaron Nwabuoku avatar
Aaron Nwabuoku
Founder, ChatKitty
Thanks to Halo Lab's work, the client scored 95 points on the PageSpeed insights test and increased their CR by 7.5%. They frequently communicated via Slack and Google Meet, ensuring an effective workflow.
Viktor Rovkach avatar
Viktor Rovkach
Brand Manager at felyx
The client is thrilled with the new site and excited to deploy it soon. Halo Lab manages tasks well and communicates regularly to ensure both sides are always on the same page and all of the client’s needs are addressed promptly.
Rahil Sachak Patwa avatar
Rahil Sachak Patwa
Founder, TutorChase