코랄빛 바디케어 브랜드에 움직임을 더했습니다. 유리 물방울이 모이는 첫 장면부터 캠페인 영상, 제품 선택과 모바일 화면까지 온결의 두 번째 웹사이트를 소개합니다.
- Project
- 자체 콘셉트 / 스터디
- Services
- 아트 디렉션
웹디자인
모션
반응형 웹 - Category
- Website
- Date
- 2026
A Softer
Kind of
Everyday
Objective
코랄빛 바디케어 브랜드에 움직임을 더했습니다. 유리 물방울이 모이는 첫 장면부터 캠페인 영상, 제품 선택과 모바일 화면까지 온결의 두 번째 웹사이트를 소개합니다.
ONGEOL V2 / Website walkthrough
Coral warmth.
A new beginning.
01 / Art direction
따뜻한 코랄과 짙은 코코아, 흰 여백으로 바디케어의 부드러운 질감을 표현했습니다. V1의 그린 색상에서 확장한 두 번째 콘셉트이며 상품과 가격은 시연용입니다.
물방울에서
브랜드의 첫 장면으로.
02 / Motion
흩어진 물방울이 하나의 구체로 모이고, 온결 로고가 나타난 뒤 다시 분리됩니다. 약 12초의 인트로에는 건너뛰기와 다시보기, 기기의 동작 줄이기 설정을 고려했습니다.
제품을 비교하고,
브랜드를 이해하다.
03 / Collection & story
네 가지 제품의 이미지와 정보를 같은 기준으로 구성하고, 브랜드 철학과 모델 이미지를 사이에 배치했습니다. 상품을 탐색하는 흐름에서 브랜드의 분위기까지 이어지도록 했습니다.
일상의 네 단계,
선택부터 장바구니까지.
04 / Product experience
제품을 사용하는 루틴을 안내하고 상세 창에서 수량 선택과 장바구니 추가를 확인하도록 구현했습니다. 장바구니는 브라우저 내 데모 기능이며 실제 주문·결제·배송은 발생하지 않습니다.
브랜드의 감각을,
작은 화면까지.
05 / Responsive design
모바일에서도 제품과 버튼을 쉽게 읽고 선택하도록 이미지 비율과 여백을 조정했습니다. 실제 판매를 위해서는 결제·주문·배송 연동과 운영 정책을 추가로 구성해야 합니다.
Designed
to connect
Project approach
코랄빛 바디케어 브랜드에 움직임을 더했습니다. 유리 물방울이 모이는 첫 장면부터 캠페인 영상, 제품 선택과 모바일 화면까지 온결의 두 번째 웹사이트를 소개합니다.ONGEOL V2
아트 디렉션
웹디자인
모션
반응형 웹
Across
every screen
Responsive design
같은 웹사이트를 작은 화면에서도 읽고 사용할 수 있도록 구성했습니다. 아래 이미지는 실제 화면을 각 기기 크기에서 확인한 모습입니다.
Project
& Delivery
Scope
- Project자체 콘셉트 / 스터디
- Services아트 디렉션
웹디자인
모션
반응형 웹 - CategoryWebsite
- Date2026
