Colorescience

Services

Brand identity

Web design

Development

Our Team

Levente Végh

Tech lead

Katalin Fodor

Lead designer

Marci Fekete

UI designer

Eszter Mogyorósi

UX designer

Oliver Tasnadi

Creative lead

Methods

Clarifying

Design

Tools

Adobe Illustrator

Adobe Photoshop

Figma

Shopify

Industry

Consumer goods and services

Redesigning premium cosmetics webshop

Redesigning premium cosmetics webshop

The Hungarian distributors of Colorescience, a renowned US brand, approached our web design studio seeking a complete overhaul of their existing webshop. Their primary concerns were the lack of a premium appearance and insufficient product information. They admired the complexity of the US webshop but felt it was overwhelming. Our approach included workshops, user persona identification, market research, mood-boarding, wireframing, UI design, and development in Shopify.

left arrow
right arrow
No items found.
1

Challenge

The challenges we faced were multi-fold. We needed to enhance the webshop's premium appearance while improving product information without overwhelming users. Additionally, we had to adapt the complexity of the US webshop to the Hungarian market and create a user-centric design that aligned with Colorescience's brand identity. Summarized:

  1. Improve the webshop's premium appearance.
  2. Enhance product information without overwhelming users.
  3. Adapt the US webshop's complexity to the Hungarian market.
  4. Create a user-centric design aligned with Colorescience's brand identity.
2

Approach

  1. Workshops and Goal Setting: We organized workshops to understand Colorescience's goals, user personas, and user objectives.
  2. Market Research: In-depth market research helped us identify trends and preferences in the Hungarian beauty market.
  3. Mood-Boarding: We created mood boards to visualize the desired aesthetics and brand identity.
  4. Wireframing: We developed wireframes to plan the webshop's structure and layout, ensuring a smooth user experience.
  5. UI Design: Our team designed a visually appealing and user-friendly interface that aligned with the brand's premium image.
  6. Development in Shopify: The webshop was developed using Shopify, combining design aesthetics with functionality.
1

Challenge

The challenges we faced were multi-fold. We needed to enhance the webshop's premium appearance while improving product information without overwhelming users. Additionally, we had to adapt the complexity of the US webshop to the Hungarian market and create a user-centric design that aligned with Colorescience's brand identity. Summarized:

  1. Improve the webshop's premium appearance.
  2. Enhance product information without overwhelming users.
  3. Adapt the US webshop's complexity to the Hungarian market.
  4. Create a user-centric design aligned with Colorescience's brand identity.
Redesigning premium cosmetics webshop
2

Approach

  1. Workshops and Goal Setting: We organized workshops to understand Colorescience's goals, user personas, and user objectives.
  2. Market Research: In-depth market research helped us identify trends and preferences in the Hungarian beauty market.
  3. Mood-Boarding: We created mood boards to visualize the desired aesthetics and brand identity.
  4. Wireframing: We developed wireframes to plan the webshop's structure and layout, ensuring a smooth user experience.
  5. UI Design: Our team designed a visually appealing and user-friendly interface that aligned with the brand's premium image.
  6. Development in Shopify: The webshop was developed using Shopify, combining design aesthetics with functionality.
Redesigning premium cosmetics webshop
3

Process overview

Redesigning premium cosmetics webshop
4
3

Outcome

The redesigned Colorescience webshop for the Hungarian market successfully addressed the challenges:

  1. Premium Appearance: The new design exudes elegance and sophistication, aligning perfectly with Colorescience's brand image.
  2. Enhanced Product Information: We provided detailed product descriptions and user-friendly navigation, offering customers a wealth of information without overwhelming them.
  3. Simplified Complexity: While inspired by the US webshop's complexity, we streamlined the Hungarian version to cater to the local market's preferences.
  4. User-Centric Design: The webshop prioritizes user needs and offers a seamless shopping experience, leading to increased customer engagement.

By approaching the project as a design problem and incorporating design thinking principles, we transformed Colorescience's webshop into a successful and customer-oriented online platform. The project showcases the power of thoughtful design in solving complex challenges and achieving business objectives.

Find out more in our article on the topic.

Redesigning premium cosmetics webshop
Redesigning premium cosmetics webshop

Words from our client

Brand workbook

Download this free document which will help you think more strategically about your new or existing brand.

Download it!
Download the Create your own brand e-book