- 디자인센터의 디자인은 디지털 콘텐츠로 분류되어 디자인 복사 또는 원본 다운로드 또는 계약완료 이후에는 청약 철회(상품 환불)가 불가능합니다.
- 구매하시기 전에 반드시 사용약관을 꼼꼼히 확인하시기 바라며, 해당 디자인에 대한 사용약관은 공급자가 제안하는 것으로 카페24에 이의를 제기하실 수 없습니다.
- 카페24디자인센터를 통해 이루어지는 모든 거래는 카페24의 결제수단을 이용하셔야 구매자를 보호해 드릴 수 있습니다.
- 디자인 구매 후, 추가 비용을 직거래로 지불하고 작업이 추가된 경우에 대해서는 카페24가 책임을 지지 않습니다.
상품을 진열하는 것을 넘어 브랜드의 이미지와 이야기를 함께 보여주는 에디토리얼 쇼핑몰 디자인입니다. 큰 비주얼, 절제된 타이포그래피와 간결한 상품 구조를 바탕으로 그래픽, 컬처와 패션 브랜드의 태도를 선명하게 전달합니다.
View Live Demo↗
Cafe24의 상품, 회원, 장바구니와 주문 기능을 유지하면서 브랜드 이미지가 먼저 보이도록 화면을 정돈했습니다. 제공되는 매뉴얼에는 주요 이미지와 문구, 링크, 상품 진열과 게시판 설정 방법이 단계별로 정리되어 있습니다.
Visit Moaz Studio↗강한 이미지와 짧은 문장만으로도 브랜드의 성격을 보여줄 수 있습니다. 상품뿐 아니라 캠페인, 룩북과 이야기를 함께 운영하고 싶은 비주얼 중심 브랜드에 적합합니다.
불필요한 장식을 덜어내고 이미지, 상품 정보와 브랜드 콘텐츠가 명확하게 보이도록 구성했습니다. 화면 크기에 맞춰 구조가 재배치되는 반응형 레이아웃으로 PC와 모바일에서 같은 디자인 흐름을 유지합니다.
화면을 채우는 캠페인 이미지가 방문자가 상품을 보기 전부터 브랜드의 첫인상을 전달합니다.
절제된 산세리프 타이포그래피와 넓은 여백으로 이미지와 핵심 정보에 집중하게 합니다.
상품 목록과 상세페이지에서 이미지, 옵션, 가격과 구매 버튼을 빠르게 확인할 수 있습니다.
About과 갤러리 게시판을 통해 캠페인, 룩북과 브랜드 이야기를 지속적으로 운영할 수 있습니다.
PC와 모바일용 이미지를 각각 적용하는 메인 슬라이드, 두 개의 상품 슬라이더, 듀얼 카테고리 배너와 Journal 배너가 캠페인에서 상품과 콘텐츠로 이어지는 흐름을 만듭니다.
최상단 공지 슬라이드, 3단계 상품분류, 검색, 마이페이지와 장바구니를 간결하게 구성했습니다.
슬라이드별 PC 1920 × 960 px와 모바일 1080 × 1920 px 이미지를 각각 적용할 수 있습니다.
Cafe24 메인 진열의 첫 번째와 두 번째 분류를 상품 슬라이더로 운영할 수 있습니다.
듀얼 배너와 큰 Journal 배너를 활용해 카테고리와 브랜드 콘텐츠로 자연스럽게 연결합니다.
PC에서는 큰 상품 갤러리와 구매 정보를 나란히 배치하고, 모바일에서는 이미지 아래에 정보와 옵션을 한 흐름으로 정리했습니다. 긴 상세 콘텐츠에서도 구매 버튼에 접근하기 쉬운 모바일 하단 고정 버튼을 제공합니다.
목록의 이미지 전환과 상세 갤러리로 상품을 다양한 각도에서 보여줍니다.
텍스트·미리보기 옵션, 추가구성상품, 관련상품과 사이즈 정보를 지원합니다.
제품 정보, 배송·반품, 결제 안내, 상품후기와 Q&A를 정돈해 제공합니다.
ORDIN은 상품만 판매하는 화면에 머물지 않습니다. About의 문장과 이미지, Cafe24 갤러리 게시판 기반 Journal을 통해 브랜드의 그래픽, 문화와 이야기를 축적할 수 있습니다.
문단 단위로 브랜드 소개문을 작성하고, 800 × 1000 px 이미지와 제목을 슬라이드 형태로 구성할 수 있습니다.
갤러리 게시판의 글쓰기와 에디터를 이용해 룩북, 캠페인, 컬렉션과 스타일링 콘텐츠를 운영합니다.
게시글 첨부파일의 800 × 1000 px 이미지를 목록 썸네일로 사용해 일관된 콘텐츠 그리드를 만듭니다.
메인 하단의 1920 × 1080 px Journal 배너에서 콘텐츠 목록으로 자연스럽게 연결할 수 있습니다.
고객이 실제로 이용하는 상품 탐색, 콘텐츠, 회원과 구매 관련 화면까지 메인의 절제된 디자인 무드를 이어갑니다. Cafe24의 기본 운영 기능은 유지하면서 전체 쇼핑 흐름을 하나의 기준으로 정리했습니다.
헤더, 프로모션 배너, 검색, 메인 비주얼, 상품 슬라이더, 듀얼 배너, Journal 배너와 푸터
3단계 상품분류, 상품 목록과 상세, About, Journal 목록 및 게시글 상세
장바구니, 주문서, 배송지, 할인·부가결제, 결제정보와 최종 결제금액 확인
로그인, 회원가입, 주문내역, 프로필, 적립금, 쿠폰, 배송지와 회원정보 관련 마이페이지
매뉴얼에는 관리자 경로, 코드 위치, 이미지 권장 크기와 변경 방법이 단계별로 정리되어 있습니다. 브랜드에 맞는 이미지와 문구로 주요 영역을 직접 변경할 수 있습니다.
SVG 로고와 크기, 최상단 공지 문구·링크, 3단계 상품분류와 SHOP 버튼 링크
PC·모바일 이미지, 슬라이드 추가·제거, 큰 문구, 보조 문구와 연결 링크
두 개의 상품 진열, 듀얼 배너 이미지·문구·링크와 Journal 배너
상품 이미지, 요약·간략설명, 옵션, 추가구성상품, 상세설명, 관련상품과 이용안내
메인·목록·상세페이지의 가격, 할인율과 상품정보 표시 항목 설정
About 문단·이미지·제목과 갤러리 게시판 썸네일·본문 콘텐츠
주문 현황, 적립금, 쿠폰과 배송지 등 고객이 반복해서 사용하는 마이페이지도 메인 디자인과 같은 여백과 타이포그래피로 정리했습니다. 버튼을 누르거나 모바일에서 화면을 밀어 세 가지 화면을 확인해 보세요.
장바구니에서는 상품, 수량, 가격과 최종 금액을 넓고 간결하게 확인할 수 있습니다. 주문서에서는 구매상품과 배송지, 할인, 적립 혜택과 결제정보를 구분해 복잡한 구매 정보를 한눈에 볼 수 있도록 구성했습니다.
구매 전 아래 내용을 확인해 주세요. 실제 코드 위치, 이미지 경로와 권장 크기는 제공되는 디자인 매뉴얼에서 확인할 수 있습니다.
PC, 태블릿과 모바일 화면에 맞게 주요 콘텐츠가 자연스럽게 재배치되는 반응형 디자인입니다.
Cafe24의 기본 상품, 회원, 게시판, 장바구니와 주문 기능을 유지하면서 디자인했습니다.
데모의 상품, 이미지와 문구는 예시이며 운영할 브랜드의 실제 콘텐츠로 교체해 사용해 주세요.
수정 전 기존 코드를 백업하고 매뉴얼에 안내된 범위와 태그 구조를 확인한 뒤 적용해 주세요.
페이지별 관리자 경로, 코드 위치, 이미지 권장 크기와 문구·링크 변경 방법을 단계별로 정리했습니다. 디자인 적용 전 라이브 데모와 매뉴얼, 데모 사용 이미지를 확인해 주세요.
메인 이미지와 문구, 관리자 및 상품정보 표시 설정, 갤러리·상품 게시판과 About 페이지의 기본 세팅이 포함됩니다. 제공 범위를 벗어나는 레이아웃·페이지·기능 수정은 주문서 확인 후 가능 여부와 비용을 별도로 안내합니다.
세부 제공 범위와 적용 방법은 디자인 매뉴얼을 확인해 주세요. 문의: admin.moaz@gmail.com
디자이너명모아지스튜디오디자이너샵 바로가기
연락처010-6603-7486
이메일admin.moaz@gmail.com
문의시간모든 문의는 이메일(admin.moaz@gmail.com)을 통해 가능합니다.
세금계산서발행불가능
사업자유형개인