2026남성 패션 — 자사몰 전면 리뉴얼
MORVIK
설명
남성 패션 — 자사몰 전면 리뉴얼
기간
Mar 2026 - May 2026
역할
- 카페24 플랫폼 기반 전면 리브랜딩 및 디자인 시스템 재구축.
- PC/Mobile 반응형 UI 프론트엔드 최적화 및 커스텀 스크립트(JS/CSS) 작업.
- 커머스 카테고리 구성 및 결제/배송 시스템 연동 세팅.
- 외부 리뷰 플랫폼 이관 및 분산 리뷰 통합 작업.
기술
Platform
Cafe24
Frontend
JavaScript · HTML · CSS
Design
Figma
프로젝트 목적
"for ordinary people." 남성 패션 브랜드 MORVIK. 기존 HNPP에서 MORVIK으로 전면 리브랜딩하는 전환 단계에 맞춰, 브랜드 아이덴티티를 완전히 재정의하고 카페24 기반 자사몰을 전면 리뉴얼하는 것이 목적이었습니다. 미니멀하고 모던한 톤앤매너를 기반으로 PC와 모바일 양쪽에서 브랜드 감성이 일관되게 전달되는 D2C 커머스 환경을 구축했습니다. 이 작업에서 흥미로운 지점은 플랫폼이 허용하지 않는 부분이었고, 기성 솔루션과 브랜드급 완성도 사이의 간극은 직접 메웠습니다.
범위
- · 카페24 기반 자사몰 전면 리브랜딩
- · 디자인 전면 교체
- · 커스텀 스크립트 주입(영상·이미지 기능 확장)
- · 외부 플랫폼 리뷰 전면 이관 및 분산 리뷰 통합
주요 기술 특징
카페24 커스텀 스크립트 주입
- · 카페24 기본 솔루션이 제공하지 않는 영상 재생, 이미지 슬라이더 등 고급 UI 기능을 JavaScript 스크립트 주입 방식으로 직접 구현했습니다.
- · 플랫폼 제약을 천장이 아니라 출발점으로 다뤘고, 클라이언트의 기존 인프라를 유지한 채 커스텀 빌드처럼 동작하게 만들었습니다.
리뷰 전면 이관 및 통합
- · 외부 리뷰 플랫폼을 활용해 HNPP 시절 쌓인 리뷰 데이터를 MORVIK으로 전면 이관했습니다.
- · 여러 채널에 흩어져 있던 리뷰를 하나로 통합해, 리브랜딩 후에도 신뢰 자산이 0에서 다시 시작하지 않도록 했습니다.
커머스 UI 구조 설계
- · NEW ARRIVALS / ALL / OUTER / TOP / BOTTOM 카테고리 체계와 신상품·가격·사용후기 기준 정렬 필터를 구성했습니다.
- · 탐색을 깊게 해도 고객이 자기 위치를 잃지 않는 쇼핑 동선으로 설계했습니다.
디자인 포인트
브랜드 아이덴티티 리프레시
HNPP에서 MORVIK으로 전환하며 블랙·그레이·아이보리·포레스트 그린 중심의 절제된 다크 팔레트를 적용해, 남성 패션 카테고리가 요구하는 무게감 있는 미니멀 감성을 구현했습니다.
모바일 퍼스트 UX
이 쇼핑몰이 실제로는 휴대폰에서 소비된다는 전제로 설계했습니다. 반응형 레이아웃, 최근 본 상품 슬라이더, 엄지가 이미 놓여 있는 자리에 배치한 카카오 채팅 CTA.
프로젝트 보기웹사이트 방문 →