← Back to Works
COSRX OFFICIAL BRAND SITE
Year2026
CategoryGLOBAL COSMETIC 브랜딩 웹사이트
LocationGLOBAL
Services
Next.jsTailwind CSSFramer Motion
01
Overview
글로벌 코스메틱 회사 COSRX의 제품 중심으로 보여준 공식 브랜드 사이트 프로젝트입니다.
COSRX OFFICIAL BRAND SITE는 제품 이미지와 성분 그리고 스토리까지 과학적이고 검증된 메세지로 고객들을 설득해야 했습니다. HUMBLEMONG은 각 제품별별 비주얼, 루틴 제안, 베스트 컬렉션, 성분 콘텐츠가 끊기지 않도록 구성해 COSRX의 글로벌 브랜드 톤과 신제품 캠페인 성격을 동시에 담았습니다.
02
Strategy
Key Objective
“글로벌 뷰티 브랜드의 정제된 톤을 유지하면서
각 제품 라인의 제품력과 사용 루틴을 강하게 각인시키는 것.”
Strategic Focus
- 01제품 패키지와 모델 이미지를 대형 히어로로 배치해 신제품 캠페인 주목도 강화
- 02Best Collection, Global Bestseller, Ingredients로 이어지는 구매 전 탐색 흐름 설계
- 03흑백 중심 UI와 넓은 여백으로 COSRX의 임상적이고 깨끗한 브랜드 인상 유지
03
Outcome
Campaign impact
각 라인별 제품의 핵심 비주얼과 카피를 첫 화면부터 반복 노출해 헤어케어 확장 메시지를 분명히 전달했습니다.
Product discovery
컬렉션 탭과 제품 카드, 가격 정보를 정돈해 브랜드 스토리에서 실제 제품 탐색으로 자연스럽게 넘어가도록 했습니다.
Editorial depth
성분과 기술 설명을 캠페인 하단에 배치해 단순 비주얼 홍보를 넘어 제품 근거까지 읽히는 구조를 만들었습니다.
Next Case
INVESTWITH 자산운용사 WEBSITE→