← 프로젝트 목록
D2C 브랜드 · 2026 · 이커머스

브랜드 색 하나부터
리뷰 숫자 표시까지 맞췄습니다

카페24 브랜드몰의 화면을 브랜드에 맞게 만들고 2026년 1월부터 4월까지 다듬었습니다. 멤버십 안내, 베스트셀러, 루틴 메뉴를 갖추고 모바일 화면과 구매 추적을 정리했습니다.

브랜드 색 하나부터 리뷰 숫자 표시까지 맞췄습니다

Cafe24, 커머스, 브랜드몰

Screens

실제 화면.

2026년 9월에 캡처한 화면입니다. 눌러서 크게 볼 수 있습니다.

00메인 페이지 전체마우스를 올리거나 누르면 아래로 내려갑니다
01메인 상품 영역
02상품 목록
03상품 상세
04상세 본문
05웰컴 키트
06멤버십
07메인 멤버십 영역
08루틴 안내
09루틴 본문
10브랜드 소개
11상품 후기
01 / 16메인 상품 영역
메인 상품 영역
01 — CHALLENGE

기본 기능은 카페24에 있습니다. 브랜드몰로 보이려면 세부가 맞아야 했습니다.

브랜드 색, 무료배송 기준 금액, 로그인과 가입 화면의 문구는 여러 화면에 걸쳐 있어 한 번에 맞춰야 했습니다. 모바일에서는 베스트셀러 목록의 가로 넘김과 배너 비율을 따로 손봐야 했습니다.

02 — APPROACH

흩어진 값을 한곳으로 모으고, 느린 부분은 방식을 바꿨습니다.

브랜드 색을 CSS에서 통합해 한 번에 바꿀 수 있게 했습니다. 무료배송 기준 금액은 관련 화면 전체에 같은 값으로 반영했습니다. 상품 상세의 리뷰 수는 iframe으로 불러오던 방식을 API 호출로 바꿨습니다.

쓰지 않는 추적 스크립트를 걷어 내고 주문 완료와 상품 상세의 광고 픽셀을 다시 연결했습니다. 멤버십 페이지와 최근 본 상품의 할인율 표시도 추가했습니다.

03 — STACK

사용 기술.

01

Cafe24 스마트디자인

주문, 회원, 상품 모듈은 유지하고 스킨을 브랜드에 맞게 만들었습니다.

02

HTML, CSS, JavaScript

메인, 상품 상세, 로그인, 멤버십 화면을 PC와 모바일에 맞춰 조정했습니다.

03

배너매니저

메인 배너를 운영자가 직접 교체합니다.

04

광고 픽셀

주문 완료와 상품 상세에 전환 추적을 연결했습니다.

비슷한 프로젝트,
함께 해볼까요?

상담 요청하기 →다른 프로젝트 보기