스즈야 일본직구 쇼핑몰 > 포트폴리오

본문 바로가기

포트폴리오

#쇼핑몰
스즈야 일본직구 쇼핑몰

일본 현지 상품을 직접 들여오는 해외직구 쇼핑몰입니다.

웹이지만 앱처럼 쓰이도록, 통관과 결제의 이탈 지점을 기술로 걷어냈습니다.

게시물QR코드
Overview
스즈야는 일본 현지 상품을 직접 들여와 판매하는 해외직구 전문 쇼핑몰입니다.
라면·과자부터 뷰티·생활용품까지 2,000여 개 상품을 취급하면서도,
해외직구 특유의 복잡한 절차가 구매를 가로막지 않도록 고민하였습니다.
Strategy
'앱 같은 사용성', '통관 절차 간소화', '결제 이탈 최소화' 세 가지를 축으로 잡았습니다.
웹이지만 네이티브 앱처럼 움직이게 만들고, 해외직구에서 이탈이 가장 많이 발생하는
두 지점을 기술로 걷어내는 방향으로 전략을 세웠습니다.
Project goal
핵심 목표는 '쉽게, 빠르게, 안전하게'입니다.
첫 방문자도 카테고리를 헤매지 않도록 정보 구조를 단순화하고,
주문서가 요구하는 입력은 최소화하되 통관에 필요한 값은 정확하게 받도록 UX/UI를 설계하였습니다.
Main
메인은 랭킹·신상·SNS 핫템을 가로 스크롤 카드로 배치하여,
무엇을 살지 정하지 않은 사용자도 바로 탐색을 시작할 수 있도록 구성하였습니다.
상단 고정 헤더와 하단 탭바를 두어 어느 화면에서든 한 번에 이동할 수 있게 하였습니다.
Sub
110개 카테고리를 3단계로 정리하고, 목록 상단에 하위 카테고리 칩을 노출해
좁혀 들어가는 흐름을 만들었습니다.
2,000개가 넘는 상품 속에서도 원하는 상품군까지 두세 번의 탭으로 닿도록 개선하였습니다.
개인통관고유부호
해외직구 주문에서 가장 많이 막히는 지점이 개인통관고유부호입니다.
관세청 등록정보와 대조하는 실시간 검증을 붙이고 발급·조회 링크를 같은 자리에 배치해,
주문 도중 다른 사이트로 빠져나가지 않도록 하였습니다.
검증 결과는 서버 세션에 보관해 PG 결제 왕복 이후에도 상태가 유지되도록 구현하였습니다.
키움페이 결제
결제는 키움페이로 연동하여 카드 결제부터 취소·부분취소까지
하나의 흐름 안에서 처리되도록 구축하였습니다.
배송지·통관정보·결제수단·최종 결제금액을 한 화면에 모아 단계 이동 없이 결제를 마치도록 하였습니다.
Mobile
모바일은 하단 탭바에 카테고리·위시·홈·마이·장바구니를 고정 배치하여
네이티브 앱과 같은 이동 경험을 제공하였습니다.
상품 상세부터 장바구니·주문조회까지 동일한 앱 셸 안에서 동작하도록 구현하였습니다.
work with AgentMit
제작문의
  • Company. 주식회사 에이전트밋
  • Addr.부산광역시 부산진구 서전로 8, 6층 101호(부전동) CEO. 윤성훈 Email. agentmit@naver.com
  • BR. 333-87-04232 TEL. 0507-1314-2790
Copyright © 2026 ~ 에이전트밋. All rights reserved.