ONGEOL 프로젝트 대표 비주얼

ONGEOL

Beauty brand · Website

Explore project ↓

제품의 첫인상부터 모바일에서 고르는 순간까지. 바디케어 브랜드 온결의 색과 이미지, 상품 탐색을 하나의 흐름으로 구성했습니다.

Project
자체 콘셉트 / 스터디
Services
웹 기획
UI/UX
반응형 웹
AI 이미지
Category
Website
Date
2026

Everyday
Care,
Reimagined

Objective

제품의 첫인상부터 모바일에서 고르는 순간까지. 바디케어 브랜드 온결의 색과 이미지, 상품 탐색을 하나의 흐름으로 구성했습니다.

ONGEOL V1 웹사이트 화면ONGEOL V1 웹사이트 화면ONGEOL V1 웹사이트 화면ONGEOL V1 웹사이트 화면ONGEOL V1 웹사이트 화면ONGEOL V1 웹사이트 화면ONGEOL V1 웹사이트 화면
ONGEOL V1 / Website screens

A daily ritual,
beautifully made.

Art direction

싱그러운 그린과 일상적인 바디케어가 온결 V1의 중심입니다. 제품과 모델을 1:1로 배치한 입구에서 브랜드의 색과 사용 장면을 함께 전달합니다.

온결은 가상 브랜드를 위한 자체 콘셉트입니다. AI 제품·모델 이미지를 사용했으며 실제 판매 상품이나 고객사 수주 사례가 아닙니다.

ONGEOL V1 웹사이트 화면ONGEOL V1 웹사이트 화면ONGEOL V1 웹사이트 화면ONGEOL V1 웹사이트 화면ONGEOL V1 웹사이트 화면ONGEOL V1 웹사이트 화면ONGEOL V1 웹사이트 화면
ONGEOL V1 실제 웹사이트 화면

고르는 순간에도,
브랜드의 감각이.

Product discovery

바디워시, 바디로션, 핸드크림과 세트 상품을 일관된 정보 구조로 보여줍니다. 상품 목록 사이에 사용 장면과 데일리 루틴을 연결해 제품의 역할을 이해할 수 있도록 했습니다.

ONGEOL 브랜드의 시각적 장면
ONGEOL V1 실제 웹사이트 화면

이미지에서 이야기로.

Visual storytelling

식물과 용기, 모델의 표정을 같은 그린 톤으로 구성했습니다. 선택한 케어와 브랜드 스토리가 상품 탐색 뒤에 이어지면서 브랜드가 지향하는 생활의 분위기를 설명합니다.

ONGEOL V1 웹사이트 화면ONGEOL V1 웹사이트 화면ONGEOL V1 웹사이트 화면ONGEOL V1 웹사이트 화면ONGEOL V1 웹사이트 화면ONGEOL V1 웹사이트 화면ONGEOL V1 웹사이트 화면
ONGEOL 실제 웹사이트의 별도 장면ONGEOL 실제 웹사이트의 별도 장면

작은 화면에서도
읽기 쉬운 선택.

Responsive design

모바일에서는 이미지와 상품 정보를 세로로 이어 읽도록 배치했습니다. 이 작업은 반응형 화면과 상품 탐색을 보여주는 데모이며 실제 주문·결제·배송은 발생하지 않습니다.

영상과 물방울 모션을 더한 두 번째 버전은 ONGEOL V2 사례 ↗에서 볼 수 있습니다.

Designed
to connect

Project approach

제품의 첫인상부터 모바일에서 고르는 순간까지. 바디케어 브랜드 온결의 색과 이미지, 상품 탐색을 하나의 흐름으로 구성했습니다.
ONGEOL
웹 기획
UI/UX
반응형 웹
AI 이미지
ONGEOL V1 보존된 모바일 시안 1
ONGEOL V1 보존된 모바일 시안 2
ONGEOL V1 보존된 모바일 시안 3

Across
every screen

Responsive design

제품과 브랜드 이야기를 작은 화면에서도 자연스럽게 읽도록 배치했습니다. 온결 V1 제작 당시 보존한 모바일 시안입니다.

ONGEOL V1 모바일 반응형 구성 원본

Project
& Delivery

Scope

  • Project자체 콘셉트 / 스터디
  • Services웹 기획
    UI/UX
    반응형 웹
    AI 이미지
  • CategoryWebsite
  • Date2026
ONNO

ONNO

Interior · Interactive website

Next project ↗