프로젝트 개요
CHVLA는 'Miximal(Mixology + Minimal)' 철학을 기반으로 한 비건 스킨케어 브랜드입니다. 복잡한 루틴을 덜어내고 성분과 제형의 시너지에 집중하는 것이 핵심 컨셉으로, 전 제품 V-Label 비건 인증을 받은 클린 포뮬러를 지향합니다.
기존에 구매한 카페24 유료 스킨으로는 이러한 브랜드 세계관 — '지적인 절제', '스마트 리추얼' — 을 충분히 표현할 수 없었고, 메인 페이지부터 마이페이지까지 전면적인 커스텀이 필요한 상황이었습니다.
진행 단계
-
01
디자인 분석
클라이언트 제공 피그마 시안 분석 및
퍼블리싱 전략 수립 -
02
전 페이지 퍼블리싱
메인, 상품, 카테고리, 브랜드 소개,
로그인, 회원가입, 마이페이지 등 -
03
모듈 개발
마이페이지 등급 게이지 바 등
커스텀 기능 모듈 개발 -
04
반응형 최적화
모바일·태블릿·데스크톱
전 디바이스 대응
본 프로젝트는 단순 스킨 수정이 아닌, 피그마 시안 기반 전 페이지 커스텀 퍼블리싱으로 브랜드 아이덴티티를 완벽히 반영한 사례입니다.
BoostShot Cream, Olift Elixir, Oluminance Elixir 등 핵심 제품 라인의 상세 페이지부터, 멤버십 등급 시스템, Miximal Guide 페이지까지 — 모든 접점에서 CHVLA만의 '스마트 리추얼' 경험이 일관되도록 설계했습니다.
과제 & 해결책
기존 과제
- 기존 유료 스킨으로는 Miximal 철학과 비건 세계관 표현 불가
- 세부 페이지(로그인, 회원가입, 마이페이지 등) 브랜드 톤 미반영
- 제품 상세 페이지가 브랜드 스토리텔링에 부적합
- 멤버십 등급 체계를 시각적으로 표현할 기능 부재
- 모바일 쇼핑 환경 최적화 부족
해결 결과
- 피그마 시안 기반 전 페이지 커스텀으로 브랜드 세계관 완전 구현
- 로그인부터 마이페이지까지 모든 접점 브랜딩 통일
- 제품별 성분·효능 스토리텔링이 담긴 상세 페이지 완성
- 마이페이지 등급 게이지 바 커스텀 모듈 개발
- 모바일 우선 반응형 레이아웃 구현
수행 작업
전 페이지 커스텀 퍼블리싱
클라이언트가 제공한 피그마 디자인 시안을 기반으로
카페24 환경에서 전 페이지를 커스텀 퍼블리싱했습니다.
- 히어로 섹션 및 메인 비주얼 레이아웃 구현
- 제품 상세 페이지 (BoostShot Cream, Elixir 라인 등)
- 카테고리/리스트 페이지 (Shop, Best, By Concern)
- 브랜드 소개 · Miximal Guide · Ingredients 페이지
세부 페이지 전면 커스텀
일반적으로 기본 스킨이 적용되는 세부 페이지까지
브랜드 톤앤매너를 일관되게 적용했습니다.
- 로그인/회원가입 페이지 커스텀
- 마이페이지 전체 리디자인 (멤버십 등급 포함)
- 주문/결제 플로우 및 검색 UI 정비
커스텀 모듈 개발 & 반응형
카페24 기본 기능으로 구현할 수 없는 요소를
직접 개발하고, 전 디바이스 반응형을 적용했습니다.
- 마이페이지 회원 등급 게이지 바 모듈 개발
- 모바일·태블릿·데스크톱 반응형 대응
- 크로스 브라우저 호환성 확보
작업 하이라이트
'Miximal' 철학의 비건 스킨케어 브랜드답게,
절제된 아름다움과 정교한 디테일을 코드로 구현한 핵심 포인트입니다.
Miximal 세계관
Mixology + Minimal 철학을
모든 페이지에 일관되게 구현
전 페이지 커버리지
메인·상품·브랜드·멤버십·마이페이지
모든 접점을 커스텀 퍼블리싱
커스텀 모듈
멤버십 등급 게이지 바 등
카페24 기본 기능 외 요소 직접 개발
모바일 퍼스트
비건 스킨케어 타겟 고객의
모바일 쇼핑 경험 최적화
브랜드 세계관이 살아있는
자사몰이 필요하신가요?
로그에이전시가 피그마 시안부터 퍼블리싱까지
브랜드에 맞는 쇼핑몰을 만들어드립니다.