UI/UX Web Design

Dermatix Scar Treatment Website PC mock-up

Dermatix Scar Treatment Website

Dermatix was a leading silicon-based scar healing product. The objective was to develop a comprehensive website for Dermatix that served as an essential resource for both end consumers and healthcare professionals.

The website was designed to provide in-depth information about Dermatix's benefits, application techniques, and clinical evidence, ensuring it met the needs of individuals seeking effective scar treatment and medical practitioners seeking reliable product information.

Dermatix Scar Treatment Website UI preview 1

By delivering a user-friendly, informative platform, this website aimed to enhance awareness, support informed decision-making, and reinforce Dermatix's position as a trusted leader in scar healing solutions.

Dermatix Scar Treatment Website UI preview 2
Dermatix Scar Treatment Website UI preview 3

Problem

The previous website appeared uninviting, giving off a scary vibe due to the excessive display of before and after pictures. As a result, visitors tended to leave quickly.
Dermatix Scar Treatment Website old UI preview 1 Dermatix Scar Treatment Website old UI preview 2

Solution

We revamped the banner page with an emotional approach, incorporating eye-catching facts to pique interest and encourage visitors to explore further.

Additionally, we created a separate section for testimonials, where the before and after pictures were hidden behind a menu button. This allowed visitors the option to view the pictures only if they were interested, improving the overall user experience and engagement on the website.

Dermatix Scar Treatment Website new homepage preview 1 Dermatix Scar Treatment Website new homepage preview 2

We implemented a simple typography layout with subtle animations throughout the website. In the testimonial section, we utilized a modern pop-up style layout to create a casual and dynamic feel, enhancing user engagement.

Even the most mundane data sections were transformed into engaging layouts, making it easier for users to spot key highlights and important information.


Gazelle Design Agency Logo