![[AI스킨] W마켓 반응형](https://dcenter-img.cafe24.com/d/product/2026/08/25/6mx0zflg5bddr53rsb3nww5wgc2gif97.jpg)
CAFE24 RESPONSIVE SHOPPING MALL DESIGN
건강식품 · 웰니스 쇼핑몰을 위한
카페24 반응형 디자인 AVORA
AVORA는 건강식품, 건강기능식품, 홈케어, 헬시푸드,
웰니스 라이프스타일 브랜드에 활용하기 좋은
카페24 반응형 쇼핑몰 디자인입니다.
따뜻한 아이보리와 베이지, 브라운 컬러를 기반으로
건강 관련 쇼핑몰에 필요한 신뢰감과 편안함,
브랜드의 감성적인 분위기를 함께 표현했습니다.
AVORA AT A GLANCE
AVORA는 어떤 디자인인가요?
제품 판매 기능과 브랜드 콘텐츠를 함께 보여주고 싶은 건강·웰니스 쇼핑몰을 위해 제작된 카페24 디자인입니다.
AVORA 핵심 특징
- PC · 태블릿 · 모바일 환경에 대응하는 반응형 쇼핑몰 디자인
- 건강식품과 웰니스 브랜드에 어울리는 따뜻하고 차분한 디자인
- 카페24 메인상품 진열 기능과 연동되는 상품 영역
- 스마트배너를 이용해 주요 배너와 콘텐츠 이미지 관리 가능
- 고객 리뷰, 매거진, 인스타그램 등 브랜드 콘텐츠 영역 구성
- 유튜브 쇼츠 영상과 관련 상품을 함께 보여주는 쇼츠 상품 영역
- 상품분류 · 상품상세 · 검색 · 브랜드소개 등 주요 서브페이지 구성
DESIGN CONCEPT
편안하지만 평범하지 않게
건강 관련 쇼핑몰이 가져야 할 신뢰감과 가독성은 유지하면서 감성적인 라이프스타일 브랜드의 분위기를 더했습니다.
01
Warm & Natural
아이보리, 베이지, 브라운 계열의 컬러를 사용해 따뜻하고 편안한 건강 브랜드 이미지를 전달합니다.
02
Clean & Simple
불필요한 장식을 줄이고 충분한 여백을 사용해 상품과 콘텐츠에 자연스럽게 집중할 수 있습니다.
03
Responsive
PC부터 태블릿과 모바일까지 화면 크기에 맞게 메뉴와 상품 배치가 자연스럽게 변화합니다.
MAIN CONTENT
상품만 나열하지 않는 쇼핑몰
상품, 후기, 영상, 매거진, SNS 콘텐츠를 함께 구성해 단순한 상품 판매몰이 아닌 하나의 웰니스 브랜드처럼 보여줍니다.
01
카테고리
주요 상품 카테고리를 빠르게 확인할 수 있는 이미지형 메뉴
02
BEST SELLER
카페24 관리자 메인진열 상품과 연동되는 베스트 상품 영역
03
Avora의 제안
건강한 라이프스타일과 상품을 함께 제안하는 콘텐츠 영역
04
REAL REVIEW
구매후기를 메인에서 보여줘 고객의 상품 선택을 돕는 리뷰 영역
05
YOUTUBE MEDIA
건강정보와 브랜드 이야기를 영상으로 전달하는 미디어 영역
06
MAGAZINE
건강정보와 라이프스타일 콘텐츠를 소개할 수 있는 매거진 영역
07
브랜드 SNS 콘텐츠와 쇼핑몰 분위기를 자연스럽게 연결하는 영역
08
YouTube Shorts
쇼츠 영상과 관련 상품을 하나의 콘텐츠로 보여주는 상품 영역
EASY MANAGEMENT
디자인은 세련되게
운영은 카페24 관리자에서
별도의 상품 관리 시스템을 사용하는 것이 아니라 카페24 관리자 기능을 중심으로 쇼핑몰을 운영할 수 있습니다.
상품 정보 연동
카페24 관리자에서 등록한 상품명, 상품 이미지, 판매가 등의 상품 정보가 쇼핑몰 상품 영역에 반영됩니다.
메인 상품 진열
카페24 관리자 상품진열 메뉴를 이용해 메인에 노출할 상품을 관리할 수 있습니다.
스마트배너 관리
주요 배너와 콘텐츠 이미지는 카페24 스마트배너 관리 기능을 활용해 교체할 수 있도록 구성했습니다.
반응형 화면
PC, 태블릿, 모바일 화면에 맞춰 메뉴와 상품 개수, 콘텐츠 배치가 자동으로 변화합니다.
YOUTUBE SHORTS PRODUCT
영상을 보고
관련 상품까지 바로 연결
AVORA에는 유튜브 쇼츠 영상과 관련 상품 정보를 하나의 카드 안에서 함께 보여줄 수 있는 쇼츠 상품 영역이 포함되어 있습니다.
STEP 01
유튜브 쇼츠
영상 업로드
STEP 02
상품에
영상 ID 입력
STEP 03
메인진열에
상품 등록
STEP 04
영상 + 상품
함께 노출
PRODUCT DETAIL
구매에 집중할 수 있는
깔끔한 상품 상세페이지
상품 이미지와 가격, 옵션, 구매 버튼처럼 고객에게 중요한 정보는 명확하게 보여주고 회원혜택과 부가정보는 브랜드 분위기에 맞게 정돈했습니다.
01
상품 이미지
대표 이미지와 추가 상품 이미지를 확인하기 편한 구성
02
구매 정보
판매가, 옵션, 수량, 장바구니와 구매 버튼을 직관적으로 배치
03
회원 혜택
신규회원, 카카오 친구, 리뷰 적립, 상품문의 등 주요 혜택 안내
SUB PAGE
메인부터 서브페이지까지
하나의 브랜드 분위기로
메인페이지만 디자인한 것이 아니라 실제 쇼핑몰 운영에 필요한 주요 서브페이지도 AVORA의 디자인 톤에 맞춰 구성했습니다.
PRODUCT LIST
상품분류 페이지
상품 이미지와 상품정보를 비교하고 원하는 제품을 탐색하기 편하도록 구성된 상품 목록 페이지
SEARCH
상품 검색 페이지
검색창과 검색 결과 상품을 전체 쇼핑몰 디자인과 자연스럽게 어울리도록 구성
BRAND
브랜드 소개 페이지
브랜드 철학과 웰니스 라이프스타일을 고객에게 소개할 수 있는 반응형 브랜드 페이지
BOARD
쇼핑몰 게시판
공지사항, 리뷰, 상품문의 등 쇼핑몰 운영에 필요한 카페24 게시판 활용
RESPONSIVE DESIGN
PC · 태블릿 · 모바일까지
자연스럽게 이어집니다
PC 화면을 단순히 축소해서 보여주는 방식이 아닙니다.
화면 크기에 따라 메뉴 구조와 상품 개수,
콘텐츠 배치와 슬라이드 방식이 변경되어
스마트폰에서도 쇼핑하기 편한 환경을 제공합니다.
RECOMMENDED FOR
이런 쇼핑몰에 추천합니다
건강하고 신뢰감 있는 이미지와 감성적인 라이프스타일을 함께 보여주고 싶은 브랜드에 잘 어울립니다.
건강기능식품
영양제
비타민
건강식품
웰니스
건강관리
라이프스타일
셀프케어
홈케어
마사지
수면용품
휴식용품
헬시푸드
샐러드
건강식
식품
FREQUENTLY ASKED QUESTIONS
AVORA 디자인에 대해
자주 묻는 질문
디자인 구매 전 많이 궁금해하시는 내용을 정리했습니다.
AVORA는 어떤 쇼핑몰에 적합한가요?
건강기능식품, 영양제, 건강식품, 웰니스, 홈케어, 헬시푸드 등 건강한 라이프스타일을 다루는 카페24 쇼핑몰에 활용하기 좋은 디자인입니다.
PC와 모바일을 따로 구매해야 하나요?
AVORA는 화면 크기에 맞춰 레이아웃이 변화하는 반응형 디자인으로 제작되었습니다. PC, 태블릿, 모바일 환경에 대응하도록 구성되어 있습니다.
상품은 어디에서 등록하나요?
상품은 카페24 관리자 상품 메뉴에서 등록합니다. 관리자에 등록한 상품명, 이미지, 판매가 등의 정보가 쇼핑몰 상품 영역에 연동됩니다.
메인 상품은 직접 변경할 수 있나요?
카페24 관리자 상품진열 메뉴에서 각 메인 상품 영역에 노출할 상품을 관리할 수 있습니다. 초기 설정된 메인분류와 모듈 구조는 유지해야 합니다.
배너 이미지는 직접 교체할 수 있나요?
스마트배너를 사용하는 주요 영역은 카페24 스마트배너 관리 화면에서 이미지를 교체할 수 있습니다. 초기 등록된 스마트배너 항목은 삭제하지 않는 것을 권장합니다.
유튜브 쇼츠 상품 영역은 어떻게 사용하나요?
유튜브에 등록한 쇼츠 영상의 영상 ID를 해당 상품의 지정된 입력 항목에 등록한 후 설정된 메인진열 영역에 상품을 노출하는 방식으로 사용합니다.
HTML이나 CSS를 수정해도 되나요?
직접 수정은 가능하지만 카페24 모듈, 스마트배너, 상품진열 기능과 연결된 부분을 잘못 수정할 경우 디자인이나 기능이 정상적으로 작동하지 않을 수 있습니다.
PLEASE CHECK
구매 전 확인해주세요
디자인 이용 안내
- 본 디자인은 카페24 쇼핑몰 솔루션용 반응형 디자인입니다.
- 데모 쇼핑몰의 상품명, 상품 내용 및 샘플 데이터는 실제 운영하시는 쇼핑몰 내용에 맞게 변경하여 사용해주세요.
- 일부 메인 영역은 카페24 메인상품 진열 기능과 연동되어 있습니다.
- 주요 배너 및 콘텐츠 이미지 영역에는 카페24 스마트배너 기능이 사용될 수 있습니다.
- 정상적인 기능 유지를 위해 초기 설정된 메인분류, 카페24 모듈 및 스마트배너 항목의 임의 삭제를 권장하지 않습니다.
- 상품 수 및 관리자 설정에 따라 데모 쇼핑몰과 실제 운영 쇼핑몰의 노출 내용에는 차이가 있을 수 있습니다.
- 유튜브 쇼츠 상품 영역은 상품별 지정 항목에 유튜브 영상 ID를 등록하여 사용하는 방식입니다.
- HTML, CSS, JavaScript를 직접 수정한 후 발생하는 오류는 별도의 수정 작업이 필요할 수 있습니다.
