본문으로 건너뛰기
AI 사이즈·핏 추천 커머스
포트폴리오 목록

AI 사이즈·핏 추천 커머스

웹사이트

상품 탐색·검색·필터·찜·로그인부터 AI 체형 기반 사이즈 추천, 장바구니, 결제, 주문 내역까지 연결한 패션 커머스 데모입니다. 별도 프레임워크 없이 클라이언트 상태와 화면 전환을 구성해 정적 호스팅 환경에서도 전체 구매 흐름을 시연할 수 있습니다.

프로젝트 소개

패션 커머스 전면 실구동 데모. 상품 탐색부터 AI 체형 기반 사이즈 추천, 장바구니, 결제, 주문 내역까지 연결했습니다. 역할별 사용자 여정과 핵심 업무를 하나의 흐름으로 연결하고, 실제 구축 전에 기능과 운영 위험을 검증할 수 있는 데모를 만드는 것이 목표였습니다.


상품 탐색·검색·필터·찜·로그인부터 AI 체형 기반 사이즈 추천, 장바구니, 결제, 주문 내역까지 연결한 패션 커머스 데모입니다. 별도 프레임워크 없이 클라이언트 상태와 화면 전환을 구성해 정적 호스팅 환경에서도 전체 구매 흐름을 시연할 수 있습니다.

주요 기능

  • AI·자동화 — AI 사이즈·핏 추천 커머스의 생성·추천·인용 등 AI 기반 자동화 흐름을 화면에서 확인할 수 있도록 구성했습니다.
  • 신청·예약·주문 흐름 — 사용자 입력부터 신청·예약·주문 또는 접수, 상태 확인까지 핵심 전환 흐름을 끊김 없이 연결했습니다.
  • 결제·정산 관리 — 결제, 매출, 수납과 정산 상태를 한곳에서 확인하고 후속 처리할 수 있도록 구성했습니다.
  • 검색·필터 탐색 — 검색, 조건 필터와 정렬을 제공해 많은 정보 중 필요한 항목을 빠르게 좁힐 수 있습니다.
  • 상품·콘텐츠 탐색 — 상품·서비스·콘텐츠를 카테고리와 상세 정보로 탐색하고 다음 행동으로 이어지도록 구성했습니다.

기술 스택

HTML5, CSS3, Vanilla JavaScriptLocalStorage 기반 사용자 상태·장바구니·주문 흐름반응형 커머스 UI, AI 체형 기반 사이즈 추천 시뮬레이션

포트폴리오 보드