플러스프로젝트 배경
1) 문제점 - 상품 수가 적은 브랜드에는 목록·상세·장바구니로 나뉜 구조가 클릭 단계만 늘려 이탈을 유발 - 모바일에서 페이지 이동 후 뒤로가기 시 선택 상태가 초기화되는 문제 - 제품 사진이 주인공이어야 하는데 UI 요소가 시선을 분산 2) 목표 - 소개부터 구매까지 한 페이지 스크롤로 완결되는 구조 검증 - 페이지 이동 없이 선택 상태가 유지되는 장바구니 구현 - 모노크롬·여백 중심으로
프로젝트 성과
구매 완료까지 페이지 이동 0회
브랜드 소개·상품·옵션·장바구니·결제 안내를 한 페이지로 통합해 페이지 전환 없이 구매 동선이 끝나도록 구성
핵심 기능
페이지 이동 없는 실시간 장바구니
상품 카드에서 옵션을 고르면 그 자리에서 담기고 화면 한쪽 요약이 즉시 다시 계산되어, 페이지 전환으로 인한 상태 초기화가 발생하지 않음
진행 단계
구조 설계 및 구현
2026.08.
원페이지 커머스 동선을 정의하고 옵션 선택·실시간 요약 계산·반응형 레이아웃을 구현
프로젝트 상세
모노크롬 리빙 편집숍 원페이지 쇼핑몰 자체 기획 데모입니다. 실제 납품본은 고객사 자산이라 공개할 수 없어 같은 설계를 가상 브랜드로 다시 지었습니다. 상품 수가 적은 브랜드는 카테고리와 목록, 상세, 장바구니로 나뉜 일반 쇼핑몰 구조가 오히려 손해입니다. 클릭이 늘어날수록 이탈이 늘기 때문입니다. 그래서 이 시안은 브랜드 소개부터 상품, 옵션 선택, 장바구니, 결제 안내까지 한 페이지 안에서 스크롤만으
