제작진
JW.Park
개발
GW.Park
아트
Y.Byeon
아트 리드
Brief
마인뷰티는 5종의 립스틱 컬러를 유저가 더 쉽고 직관적으로 경험할 수 있는 방식이 필요했습니다. 립 제품은 컬러 자체의 매력도 중요하지만, 실제로 내 얼굴 위에서 어떻게 보이는지가 선택에 큰 영향을 줍니다. 하지만 온라인에서는 제품 이미지나 모델 발색 컷만으로 자신에게 어울리는 컬러를 판단하기 어렵습니다.
WE-AR는 마인뷰티의 립스틱 5종을 유저가 자신의 얼굴 위에서 바로 비교해볼 수 있도록, 화면 중앙의 선을 좌우로 움직이며 컬러를 전환하는 인터랙션형 체험으로 구성했습니다. 유저는 필터 안에서 립 컬러를 직접 넘겨보며, 나에게 가장 잘 어울리는 색을 쉽고 재미있게 선택할 수 있습니다.
Challenge
뷰티 제품의 컬러 경험은 어떻게 온라인에서도 실제 테스트처럼 직관적으로 전달될 수 있을까?
립스틱은 같은 컬러라도 피부 톤, 메이크업 분위기, 얼굴 인상에 따라 전혀 다르게 느껴지는 제품입니다. 특히 여러 컬러를 동시에 소개해야 하는 경우, 각 컬러의 차이를 보여주는 것만큼이나 유저가 직접 비교하고 선택하는 경험을 만드는 것이 중요했습니다. 단순히 제품 이미지를 나열하거나 발색 컷을 보여주는 방식으로는 “내 얼굴에 어울리는지”를 바로 판단하기 어렵습니다.
이번 프로젝트의 핵심 과제는 마인뷰티 립스틱 5종을 유저의 얼굴 위에서 직접 비교할 수 있게 만들고, 제품 탐색 과정을 쉽고 재미있는 체험으로 확장하는 것이었습니다.
Interactive Color Test
화면 중앙의 선을 좌우로 움직이는 인터랙션을 통해 유저가 직접 립 컬러를 전환하고 비교하는 체험으로 설계
Face-based Try-on
제품 컬러를 모델 이미지가 아닌 유저 자신의 얼굴 위에 적용해 실제 사용감을 더 직관적으로 전달
Easy Shade Discovery
5가지 립스틱 컬러를 쉽고 빠르게 비교하며, 나에게 어울리는 컬러를 찾을 수 있는 탐색 흐름으로 구성
Solution
WE-AR는 마인뷰티 립스틱 5종을 유저가 자신의 얼굴 위에서 직접 비교해볼 수 있는 인터랙션형 체험으로 구현했습니다. 필터는 화면 중앙에 위치한 선을 기준으로 작동합니다. 유저가 가운데 선을 좌우로 움직이면 립 컬러가 전환되고, 각 컬러가 얼굴 위에 적용된 모습을 바로 확인할 수 있습니다.
이 구조는 단순히 컬러를 순서대로 보여주는 방식이 아니라, 유저가 직접 화면을 움직이며 비교하는 경험을 만듭니다. 덕분에 제품 탐색 과정 자체가 콘텐츠가 되고, 사용자는 놀이처럼 필터를 경험하면서 자신에게 가장 잘 어울리는 립스틱 컬러를 선택할 수 있습니다또한 5종 컬러를 한 번의 체험 안에서 모두 확인할 수 있도록 구성해, 마인뷰티의 제품 라인업을 자연스럽게 인지시키는 동시에 구매 전 탐색 경험을 더 쉽고 직관적으로 만들었습니다.
Swipe-to-Shade Interaction
화면 중앙의 선을 좌우로 움직이는 방식으로 립 컬러가 전환되는 직관적인 인터랙션 설계
5-color Lip Try-on
마인뷰티 립스틱 5종을 하나의 체험 안에서 모두 확인할 수 있도록 구성
Personal Color Moment
유저가 자신의 얼굴 위에서 직접 컬러를 비교하며 가장 어울리는 립스틱을 찾을 수 있는 경험으로 완성
Impact
이번 프로젝트는 마인뷰티 립스틱 5종을 단순한 제품 소개가 아니라, 유저가 직접 비교하고 선택하는 뷰티 체험으로 보여주었습니다. 화면을 좌우로 움직이는 간단한 인터랙션을 통해 5가지 립 컬러를 얼굴 위에서 바로 확인할 수 있게 만들었고, 온라인에서도 실제 테스트에 가까운 제품 경험을 제공했습니다. 마인뷰티는 립 컬러 탐색 과정을 더 쉽고 재미있게 만들며, 유저가 자신의 얼굴을 기준으로 제품을 경험하고 선택할 수 있도록 확장한 사례입니다.