아뜰리에드메종 자체 쇼핑몰 구축

브랜드 사진과 향 이야기 속에서 선물 옵션, 결제, 주문 알림까지 이어지는 공식 온라인 스토어

SCROLL
클라이언트명
아뜰리에드메종홈 · ATELIER de MAISON
기술
PHP · CodeIgniter · MySQL · jQuery · Bootstrap
프로젝트 유형
자체 쇼핑몰 · 브랜드 공식몰 · 반응형 웹
담당 범위
쇼핑몰 디자인 · 퍼블리싱 · 개발
주요 기능
  • 메인 슬라이드 · 카테고리별 상품 목록 · 브랜드 스토리 · 갤러리
  • 필수·선택 옵션(무료 선물 포장·기프트 카드) · 정가·할인가 표시 · 관련 상품·상품 후기
  • 토스페이먼츠 결제(카드·계좌이체·가상계좌) · 네이버페이 · 카카오 알림톡
프로젝트 개요
  • 아뜰리에드메종은 인테리어 퍼퓸(디퓨저)과 프래그런스 캔들을 만드는 라이프스타일 브랜드입니다.
  • 브랜드 사진과 향 이야기를 크게 보여 주면서 상품 주문과 결제까지 받는 공식 온라인 스토어를 자체 쇼핑몰로 구축했습니다.
개발 목표
  • 방문자가 향의 특징을 읽고 제품을 고른 뒤, 선물 포장과 카드 문구까지 선택해 주문하도록 합니다.
  • 가상계좌 입금 확인과 회원가입·주문·발송 알림을 자동으로 처리해 운영자가 직접 챙길 일을 줄입니다.
쇼핑몰 바로가기

DESIGN SYSTEM

primary Color
secondary Color
Kor Nanum Gothic
Eng Gilda Display

WEB DESIGN

아뜰리에드메종 쇼핑몰 메인 화면
아뜰리에드메종 상품 목록 화면
아뜰리에드메종 브랜드 스토리 화면
아뜰리에드메종 연락처 안내 화면

브랜드 분위기를 살리면서
주문과 결제까지 직접 받는 쇼핑몰

아뜰리에드메종은 향과 공간의 분위기를 중요하게 여기는 브랜드입니다. 사진이 크게 보이는 화면 안에 상품 선택과 선물 옵션, 결제와 주문 알림까지 넣어 브랜드가 직접 운영하는 쇼핑몰로 만들었습니다.

  • 사진 중심의 브랜드 화면

    메인 슬라이드와 OUR STORY, 갤러리에서 브랜드 사진과 문구를 크게 보여 줍니다.

  • 선물 주문에 맞춘 상품 옵션

    상품마다 무료 선물 포장과 기프트 카드 문구를 선택 옵션으로 고를 수 있습니다.

  • 결제와 알림 자동 처리

    토스페이먼츠로 결제를 받고, 가상계좌 입금이 확인되면 주문이 결제완료로 바뀝니다. 회원가입·주문·발송 때는 카카오 알림톡을 보냅니다.

향별 상품 소개부터
결제와 알림까지 갖춘 자체 쇼핑몰

상단 메뉴는 SHOP, ABOUT, CONTACT, SEARCH로 단순하게 두고, SHOP 아래에 인테리어 퍼퓸, 프래그런스 캔들, 기프트 세트, 액세서리 카테고리를 나눴습니다.

메인 슬라이드와
브랜드 사진 배치

메인 첫 화면에 제품 사진 슬라이드를 두고, 상단 띠에 회원 가입 혜택과 무료 시향지 키트 신청 안내를 넣었습니다. 아래로는 브랜드 소개 문구와 캔들·인테리어 퍼퓸으로 가는 SHOP 사진, 갤러리 바로가기를 사진 중심으로 배치했습니다.

카테고리별
상품 목록

상품 목록 위에 카테고리 사진을 두고, 향별 상품을 세 칸씩 나열합니다. 상품마다 영문·한글 이름과 정가, 할인가를 함께 보여 줍니다.

향 정보와
선물 옵션

상품 상세에는 용량, 향 노트, 향 설명, 성분, 사용 방법, 교환·반품 안내를 정리했습니다. 수량과 함께 무료 선물 포장과 기프트 카드 문구를 선택 옵션으로 고르고, 아래에서 관련 상품과 상품 후기를 볼 수 있습니다.

토스페이먼츠 결제와
가상계좌 입금 확인

주문서에서 토스페이먼츠로 카드, 계좌이체, 가상계좌 결제를 받습니다. 가상계좌는 입금되면 토스페이먼츠의 입금 알림을 받아 주문 상태를 결제완료로 바꿉니다. 상품 상세에는 네이버페이 구매 버튼도 연동했습니다.

회원가입·주문·발송
카카오 알림톡

회원가입이 끝났을 때, 토스페이먼츠에서 결제 완료 알림이 왔을 때, 관리자가 주문에 송장번호를 처음 입력했을 때 고객 연락처로 카카오 알림톡을 보냅니다. 관리자에서 알림마다 템플릿 코드와 발송 여부를 정하고 보낼 문구를 고칠 수 있습니다.

브랜드 스토리와
고객 안내

OUR STORY에는 브랜드 이야기와 시그니처 향, 디자인, 제품에 대한 설명을 한글과 영문으로 정리했습니다. CONTACT와 하단에는 카카오톡 1:1 채팅, 고객센터 운영 시간, 주소를 넣고, 배송·반품 안내와 FAQ, Q&A, 프레스, 갤러리 게시판을 두었습니다.

브랜드 화면과 선물 옵션, 결제 연동이 필요한 자체 쇼핑몰을 준비하고 계신가요?
상품 구성과 운영 방식에 맞는 쇼핑몰 제작을 상담해 드립니다.
지금 웹셀러에 상담하세요.

카카오 채널 카카오 1:1 문의