밀도software
목록으로 돌아가기
고도 개발

MOUMOUTE 공식몰 퍼블리싱 고도화

카페24 기반 주얼리 공식몰에서 상품 상세 줌, 메인 비주얼, 국문/영문 메인 섹션을 고도화한 퍼블리싱 프로젝트

MOUMOUTE 공식몰 메인 및 상품 상세 화면

프로젝트 소개

MOUMOUTE 공식몰 퍼블리싱 외주는 카페24 기반 주얼리 브랜드 이커머스 사이트의 상품 상세 경험과 메인 페이지 완성도를 높이기 위한 프로젝트입니다. 기존 카페24 템플릿 구조를 분석하고 상품 상세용 zoom.css, zoom.js를 추가해 커스텀 확대 기능을 구현했으며, 데스크탑과 모바일 환경에 맞는 줌 UX를 분리 설계했습니다. 또한 메인 3섹션의 버튼 위치, 배너 텍스트, 아이콘 비율과 정렬을 조정하고 국문 main_control.html, 영문 main01.html 계열 소스를 함께 수정해 언어별 브랜드 메시지와 레이아웃을 정비했습니다. 외부 플러그인 없이 실서비스 템플릿에 직접 연결되는 CSS와 JavaScript로 반영 가능하게 구성해, 실제 운영 기준의 퍼블리싱 개선 작업으로 마무리했습니다.

작동 영상

실제 구현된 줌 인터랙션을 데스크탑과 모바일 화면으로 확인할 수 있습니다.

데스크탑 줌 데모

상품 상세에서 렌즈형 확대 UI가 동작하는 실제 데스크탑 화면입니다.

모바일 줌 데모

모바일에서 토글 기반 줌 UX가 작동하는 실제 테스트 화면입니다.

클라이언트

MOUMOUTE

기간

2025.06

사용 기술

Cafe24HTMLCSSJavaScriptSVGResponsive Web