본문 바로가기

프로젝트

[서점 프로젝트] 프로젝트 목표 설정과 화면 설계

이번 포스트에서는 서점 프로젝트를 진행하기 위해서,
프로젝트의 목표와 화면 설계에 대해서 기록하고자 합니다.


🚀 프로젝트 목표

도서를 장바구니에 담고 구매할 수 있는 웹 애플리케이션을 사용자가 이용하고 리뷰를 남길 수 있도록 구현하고자 합니다.

 

🚀  화면 설계

  • 메인
    • 상단바에는 로고, 검색창과 로그인, 회원가입 버튼을 배치합니다.
    • 로그인 후에 장바구니와 주문기록을 볼 수 있도록 메뉴를 구성합니다.
    • 인기 도서를 보여주는 섹션을 구성합니다.
    • 카테고리별로 도서를 볼 수 있도록 메뉴를 구성합니다.
  • 검색 
    • 도서를 검색하면 연관된 도서가 뜨게 합니다.
    • 책의 이미지, 제목, 저자, 평점을 간단하게 보여줍니다.
  • 도서 상세
    • 도서의 이미지는 가운데 크게 표시합니다.
    • 책의 제목, 저자, 가격을 이미지 오른쪽에 배치합니다.
    • 책의 평점, 리뷰수를 이미지 왼쪽에 배치합니다.
    • 책의 소개를 하단에 배치합니다.
    • 책의 리뷰를 제일 하단에 배치합니다.
  • 장바구니 및 주문
    • 장바구니에 도서를 추가, 삭제할 수 있고 수량을 조절할 수 있습니다.
    • 주문시 배송 정보와 결제 정보를 입력합니다.

화면을 직접 구상해서 어떤 데이터가 오가야 되는지 고민하니까 설계에도 재미가 붙는 것 같습니다.
포기하지 않고 끝까지 만들어내는 것이 목표입니다.

이번 포스트도 끝까지 봐주셔서 감사합니다.
피드백은 언제나 환영입니다.