Daily UI 002 / Credit Card Checkout 신용카드 결제

2번째 과제: Credit Card Checkout 신용카드 결제 UI

 

결제순서
1. 장바구니 2. 결제 3. 확인

Type
신용 카드

카드 넘버

유효기간
MM/YYCVC

일시불 / 할부결제 버튼

구매목록 합계

 

- 카드 기반 간편 결제 시스템으로 결정했다.

- [+ 다른 카드 등록] 버튼을 어디에 둘까 고민했는데, 이 버튼은 항상 보일 필요가 없기 때문이다. 그래서 우측 디자인으로 가는 게 더 적절해보인다.

- PC웹페이지 팝업으로 만들었는데, 생각해보니 팝업보다는 개별 페이지로 존재하는 게 더 적절할 것 같다. 이유: 팝업은 쉽게 닫을 수 있고, 정보량을 상대적으로 조금밖에 못넣는다.

- 결제 가격을 일부러 안넣었는데... 넣었어야했다!