📌 MORVIK - 남성 패션 브랜드 자사몰 전면 리뉴얼 (HNPP → MORVIK)
🔹 프로젝트 개요
- 작업 기간: 2026.03 ~ 2026.05
- 작업 범위: 카페24 기반 자사몰 전면 리브랜딩, 디자인 전면 교체, 커스텀 스크립트 주입(영상/이미지 기능 확장), 외부 플랫폼 리뷰 전면 이관 및 분산 리뷰 통합
- 사용 도구: 카페24, HTML/CSS/JavaScript (커스텀 스크립트 주입), Figma
🔹 프로젝트 목적
"for ordinary people"을 슬로건으로 하는 남성 패션 브랜드 MORVIK. 기존 HNPP에서 MORVIK으로 전면 리브랜딩하는 전환 단계에 맞춰, 브랜드 아이덴티티를 완전히 재정의하고 카페24 기반 자사몰을 전면 리뉴얼하는 것이 본 프로젝트의 목적입니다. 미니멀하고 모던한 톤앤매너를 기반으로, PC와 모바일 양 환경에서 브랜드 감성을 일관되게 전달하는 D2C 커머스 환경을 구축했습니다.
🔹 핵심 기술 및 구현 기능 (Key Technical Features)
- 카페24 커스텀 스크립트 주입: 카페24 기본 솔루션에서 제공하지 않는 영상 재생, 이미지 슬라이더 등 고급 UI 기능을 JavaScript 스크립트 주입 방식으로 직접 구현하여 플랫폼 제약을 극복했습니다.
- 리뷰 전면 이관 및 통합: 외부 리뷰 플랫폼을 활용해 기존 HNPP의 리뷰 데이터를 MORVIK으로 전면 이관했으며, 분산된 리뷰를 하나의 채널로 통합하는 작업을 수행했습니다.
- 커머스 UI 구조 설계: NEW ARRIVALS / ALL / OUTER / TOP / BOTTOM 카테고리 체계와 신상품·가격·사용후기 기준 정렬 필터를 갖춘 직관적인 쇼핑 동선을 설계했습니다.
🔹 디자인 포인트
- Brand Identity Refresh: 기존 HNPP에서 MORVIK으로 전환하며, 블랙·그레이·아이보리·포레스트 그린 중심의 절제된 다크 팔레트를 적용해 남성 패션 브랜드 특유의 무게감 있는 미니멀 감성을 구현했습니다.
- Mobile-First UX: 모바일 기기 중심의 쇼핑 패턴을 반영하여 반응형 레이아웃, 최근 본 상품 슬라이더, 카카오 채팅 CTA 등 모바일 UX를 최우선으로 설계했습니다.
🔹 담당 역할
- 카페24 플랫폼 기반 전면 리브랜딩 및 디자인 시스템 재구축
- PC/Mobile 반응형 UI 프론트엔드 최적화 및 커스텀 스크립트(JS/CSS) 작업
- 커머스 카테고리 구성 및 결제/배송 시스템 연동 세팅
- 외부 리뷰 플랫폼 이관 및 분산 리뷰 통합 작업
🔹 주요 화면