Daily UI #058 Shopping Cart

Daily UI Challenge

#058 Shopping Cart

 

이번 과제는 장바구니 페이지 ui 만들기.

e-커머스, 쇼핑몰 플랫폼들을 중심으로 레퍼런스를 수집하고 벤치마킹을 진행했다.

 

공통 요소들로는 선택 구매/삭제 체크박스 아이콘, 수량 편집, 금액의 내용을 구분해서 알려준다는 점 등이 있었다. 

보통 최종 주문 금액은 맨 하단에 리스트 형으로 보여주는 경우가 많았는데, 사이드에 따로 배치해서 스크롤을 하면 따라오는 식으로 구성했다. (마켓컬리의 경우가 사이드에 배송지 입력과 최종 결제 금액을 구분하여 두고 있었다.)