플러스프로젝트 배경
컬렉션과 에디토리얼에서 느낀 브랜드의 인상이 상품 선택으로 이어지도록 구성한 커머스 프론트엔드입니다. 상품 필터·정렬·옵션과 상세 모달, 찜과 장바구니 상태를 연결했습니다. 장바구니에서 수량·삭제·금액·배송 조건을 확인하고 체크아웃 데모 안내로 이동하도록 구성했습니다. 키보드 조작, 모달 포커스와 Escape 닫기, 반응형 배치를 함께 다뤘습니다.
프로젝트 성과
컬렉션에서 구매 검토로
브랜드 콘텐츠와 상품 탐색을 연결하고 찜·장바구니·체크아웃 데모까지 이어지는 화면을 구성했습니다.
쇼핑 상태와 접근성
옵션·수량·삭제 상태를 유지하고 모달 포커스, Escape 닫기와 키보드 조작을 함께 다뤘습니다.
핵심 기능
컬렉션 및 상품 필터
구매 검토자를 위한 컬렉션과 조건 필터로 관심 상품 탐색 지원
진행 단계
쇼핑 흐름 정리
2026.01.
컬렉션·에디토리얼과 상품 탐색, 찜·장바구니의 화면 흐름을 정리했습니다.
프로젝트 상세
브랜드의 컬렉션과 에디토리얼 콘텐츠를 상품 탐색으로 연결하는 패션 쇼핑몰 프론트엔드를 제작했습니다. 브랜드를 경험하는 과정과 상품을 고르는 과정이 자연스럽게 이어지도록 구성했습니다. 상품 필터·정렬과 상세 정보, 옵션 선택, 찜과 장바구니 관리 기능을 구현했습니다. 배송 안내와 구매 단계 진입 데모도 포함해 탐색 이후의 쇼핑 경험을 함께 다뤘습니다. 반응형 화면과 키보드·모달 접근성을 고려해 주요
