Hotopay 디자인을 리뉴얼 해봤어요

기존 Hotopay도 나쁘지 않은 디자인인거 같긴 합니다만, 미니멀리즘한 요즘 추세에 맞게 디자인을 새로 해봤습니다

사실 디자인은 다른분이 해줬지만 퍼블리싱은 제가 했으므로,, 좋은게 좋은거죠 ㅋㅋ

우선 장바구니 페이지를 깔끔하게 만들었습니다.

삭제 버튼도 예쁘게 (잘 안보이게) 만들어줬고요

딱 필요한 상품 정보와 가격정도만 출력됩니다.

그리고 구매하기 버튼을 클릭하면 나오는 결제수단 페이지입니다

원래는 여기에도 구매 상품 목록이 나왔었는데, 어차피 장바구니 페이지에서 전부 확인하고 오니 굳이 만들어줄 필요가 없을거 같아서 과감히 삭제하였습니다.

(절대 귀찮아서 없에버린건 아닐껍니다. 아마?)

그래서 좀 비어보이기는 하는데, 나중에 주소 같은거 입력받고 주문자 정보같은거 넣어준다고 가정하면 내용은 채울거 같아서 그냥 이 상태로 마무리 했습니다

마지막으로 결제 완료 페이지입니다.

원래 결제 금액, 상품명, 결제 수단 같은거를 출력해줬는데요

구매자 입장에서 보면 그런거는 굳이 중요하지 않고, 결제한 파일을 빨리 다운받고 싶은 마음일꺼라 바로 다운로드 버튼을 넣어주었습니다

공개한 모듈은 아니지만 S3 파일관리 모듈을 하나 만들어서 적용시켜두었기 때문에, presigned 링크를 발급받을 수 있는 URL을 걸어두었습니다.

마켓을 만들면서 가장 만지기 싫었던 부분을 드디어 해결했네요 ㅋㅋ

워낙 개발 초창기에 만들었던 페이지라 프론트 소스가 중구난방이였어서.. 마음 먹기까지 시간이 오래걸렸네요

최근에 생각하고 있는 서비스가 하나 있어서 준비중인데, 이 마켓 소스를 써먹을거 같아서 후딱 해치워버렸습니다~