Daily UI #002 Credit Card Checkout

Daily UI Challenge

#002 Credit Card Checkout

 

데일리 UI 챌린지 두번째 과제는 신용카드 결제창 만들기.

 

인앱 결제, 핀테크, 각종 페이 서비스 등등 몇가지 레퍼런스를 찾아보다가 카카오페이, 네이버페이 등과 비슷한 서비스라고 가정하고 작업했다.

 

어제 분명히 작업 끝까지 마쳤는데 시험 준비하느라 업로드를 그날 못한게 아쉽다. 흑흑.

 

사실 결제 진행 창 + 결제 완료 안내 창 까지 2개의 ui를 세트로 작업하려고 했는데 시간 분배를 못해서 하나만 만들었다.

 

개인적으로 중요하게 생각했던 부분은 '결제하기' 버튼에 최종적으로 얼마의 금액이 결제되는지 넣을 것과

사용자가 등록해둔 카드 중 어떤 카드로 결제되는지를 직관적으로 확인할 수 있게 한 것, 이 두가지 였다.

 

몇몇 어플은 카드사 정도만 기재해둔 곳도 있었는데, 같은 은행이나 카드사에 여러가지 카드가 있는 경우면 혼동이 있을 수 있겠다는 생각에 카드 번호와 카드 이름 까지 넣었다. (참고로 KB 알뜰살뜰 어쩌고는 내가 만들어낸 이름이다.)

 

아무래도 초반이다보니 벤치마킹 위주로 작업을 하게 되는 것 같다.