Web

2022 Winter

Kolmar Lab+, serves as a platform for clients to engage with Kolmar's brand philosophy and ODM services.

Kolmar Lab+, serves as a platform for clients to engage with Kolmar's brand philosophy and ODM services.

MY ROLE

Visual Designer

TEAM

Kun.Lin (Senior UI )

Luyuan.Li (Senior UX )

Amber.H (PM )

CLIENT

Kolmar Korea

TOOL

Figma

Miro

AE

CATEGORY

UI

Design Direction

Brand Story

BACKGROUND

Quick Understanding

Kolmar LAB is a one-stop beauty ODM service brand created by Kolmar Group, catering specifically to Chinese customers, offering everything from materials and branding to packaging.

Goal

To establish the brand story of Kolmar LAB and communicate its brand philosophy and scope of services through the design. Additionally, Kolmar LAB envisions this website as a channel for acquiring customers, aiming to reduce the manpower costs associated with offline communication.

Business Goal

Kolmar LAB sees this website as a strategic tool for customer acquisition, designed to minimize the manpower expenses linked to offline interactions.

Constraints

A one and half months deadline. Since we need to hand off to companion web before the sunset date.

Limited user research. No users to support professional user research.

Challenge

How can we structure the Kolmar LAB website to convey brand trust and service details to our target audience, encouraging them to engage and share their information?

Approach Overview

Workshop Summary

Define

Design

After examining the websites of Kolmar's competitors and analyzing various layouts, I sketched potential solutions for the main screen on paper before moving on to high-fidelity design. Following discussions with the client's sales team, we decided to proceed with the following structure for the design.

Design Solution One

Design Concept One (The sacrificial solution R.I.P)

Design Solution Two

IDEA

We envision Kolmar LAB+ as a website that is clear, intuitive, comfortable, and exudes professionalism. Kolmar LAB+'s site can be the first step for clients going from 0 to 1, where Kolmar looks forward to connecting with each user, co-creating, and achieving mutual success.

The 'O' from 'Origin' serves as a central symbol throughout the website, reflecting Kolmar's commitment to both innovation and heritage. This emblem evolves across different contexts, establishing a unique visual identity for Kolmar LAB. Featuring animations of flowing liquid within the 'O', we capture the essence of Kolmar's dynamic lab environment, sparking curiosity and encouraging exploration.

Thank you!

Discover, curious, explore, attempt, and

Connect Kun!

A digital designer based in Alberta, Canada

Thank you!


Connect Kun!

A digital designer based in Alberta, Canada