[헤이즐의 신비한 장난감 가게] 장난감 판매 쇼핑몰 웹페이지 제작
TOYSHOP of WONDERS grand stroy of small things
![logo6_trans](https://user-images.githubusercontent.com/49184115/181865893-3a78549c-94fb-43a1-9ddf-57b44415488e.png)
롯데온의 토이저러스를 밴치마킹한 헤이즐의 장남감 가게라는 장난감 쇼핑몰 웹 사이트
- 롯데온의 토이저러스와 다른 감성을 결합하기 위해 자체 브랜딩
- 신비로운 장난감 가게 라는 이름에 맞는 로고 디자인
→ 웹 사이트 내 favicon, 로고 이미지로 활용
![image](https://user-images.githubusercontent.com/49184115/181870994-bdfd488d-e178-4d92-8aa2-1dc4586d0abb.png)
누구나 손쉽게 쇼핑몰을 개설하고 운영 관리할 수 있도록
다양한 도구를 제공하는 네이버 온라인 스토어와 같은,
판매자와 구매자를 분리하여
상품을 등록하고 판매할 수 있는 형태의 쇼핑몰
![image](https://user-images.githubusercontent.com/49184115/181865493-635ef299-ff80-4cd6-a4c1-7a2d3e8a1957.png)
![image](https://user-images.githubusercontent.com/49184115/181871019-da33c60b-6f12-4820-9491-5102cd2edde2.png)
- 11개 테이블로 구성
- 일반 사용자와 판매자 테이블 구분
- 여러 명의 판매자가 각자 자신의 물건을 판매 가능
- 판매자 / 구매자 가입 화면 분리
- 가입 시 셀러 정보를 얻고 셀러 권한 유저만 판매자 센터 접근 가능
- 구매자 카카오 소셜 로그인 연동 가능
로그인/회원가입 |
판매자 로그인/회원가입 |
![image](https://user-images.githubusercontent.com/49184115/181871177-2df1aabb-4f0a-46f8-96c2-cd93d4a3aaa2.png) |
셀러 권한 유저만 판매자 센터 접근 가능 |
![image](https://user-images.githubusercontent.com/49184115/181872041-901af0a8-ca8e-4faa-8ea2-bf8fc107b5e1.png) |
![image](https://user-images.githubusercontent.com/49184115/181871553-bbaf7880-b3fd-491c-98ae-0e5c5be02f66.png) |
카카오 소셜 로그인 |
![image](https://user-images.githubusercontent.com/49184115/181871582-04e9ca45-81e9-416c-a7a4-ea4dc0c6a96d.png) |
- 상품 조회 및 검색
A. 상품 목록
• 메인화면–상품 리스트 조회 판매량 많은 상품 순 10개
• 카테고리별 상품 리스트 조회
- 상품 상세
A. 상품 상세 정보 조회
B. 상품 리뷰 조회 및 작성 기능
C. 상품 Q&A 조회 및 작성기능
- 상품 검색 기능
상품 조회 및 검색 Part. |
![image](https://user-images.githubusercontent.com/49184115/181871595-57e31ac4-272d-4d25-9b8f-148795de756b.png) |
![image](https://user-images.githubusercontent.com/49184115/181871603-52f1cdcd-0c14-4a44-8578-0172dbff6517.png) |
- 단건 주문
바로 결제 페이지로 이동 후 결제 가능
- 장바구니 (다건 주문)
장바구니 내 상품 삭제 및 수량 수정 가능
- 주문
A. 배송 정보 입력 후 결제
B. 결제 완료 후 주문내역 재확인
장바구니 및 주문 Part. |
장바구니 |
:--: |
![image](https://user-images.githubusercontent.com/49184115/181871614-77874528-5dcb-4f2e-8fc2-6ca1f90ba110.png) |
![image](https://user-images.githubusercontent.com/49184115/181871628-461cc303-5757-43fc-ab77-0e7306de602f.png) |
주문 및 결제 |
![image](https://user-images.githubusercontent.com/49184115/181871681-78f6db2a-fe78-48c9-b672-e4a8995ccd12.png) |
![image](https://user-images.githubusercontent.com/49184115/181871702-abbac2db-b411-49ed-bac3-2bc230144d6b.png) |
![image](https://user-images.githubusercontent.com/49184115/181871729-e78149cf-1f9f-4c29-9094-a5aec31b3f59.png) |
- 리뷰 작성
주문 내역에서 배송완료 상품에 한해 작성가능 작성한 리뷰는 상품 상세 정보에서 확인 가능
- QnA 작성 가능
상품 상세화면에서 해당 상품에 대한 문의글 업로드 가능
게시글 (리뷰, Q&A) Part. |
리뷰 |
![image](https://user-images.githubusercontent.com/49184115/181871782-d24ccd72-c48b-4e7e-b011-e8f3b0ea225c.png) |
![image](https://user-images.githubusercontent.com/49184115/181871799-6547f302-9818-4447-8d82-5ba8cd62d4aa.png) |
![image](https://user-images.githubusercontent.com/49184115/181871812-7f0e862d-9754-4093-a2d9-67f7debbe2a5.png) |
Q&A |
![image](https://user-images.githubusercontent.com/49184115/181871822-4593f745-6810-474b-afe5-e1216cd279ac.png) |
![image](https://user-images.githubusercontent.com/49184115/181871876-0f2d8a6c-9f81-4353-a83b-0630e781adf5.png) |
- 회원정보 수정
자체 로그인 회원 / 카카오 로그인 회원 모두 수정 가능 (수정가능한 정보 상이)
- My Page - 주문내역
상품 상세화면에서 해당 상품에 대한 문의글 업로드 가능
- My Page – 작성한 리뷰
상품 상세화면에서 해당 상품에 대한 문의글 업로드 가능
- 상품 등록
A. 판매자의 상품 등록
• 카테고리 선택, 상품명, 가격, 재고수량, 상품 이미지, 상세 설명
• 썸머노트를 적용해서 다양한 태그와 이미지를 드래그해서 다중 이미지 삽입 가능
B. 상품 목록 조회
• 상품 이름을 클릭하여 등록된 상품을 수정할 수 있습니다.
• 상품 정보, 현재 재고와 판매수량 확인가능
• 재고칸을 클릭해서 재고를 수정 및 품절, 판매종료 처리 기능
• 상품을 복수선택 하여 상품삭제 버튼을 통해 삭제할 수 있습니다.
C. 주문 목록 조회
• 배송 상태 클릭해 배송처리 => 사용자가 리뷰 작성 가능
- 통계 및 주문 분석
A. 판매자 메인 화면 대시보드
• 판매 현황, 배송 현황, 신규 게시글 등 요약 정보 조회
B. 통계 - 판매 분석화면
• 카테고리 별 주문량 요약
• 판매량 분석 및 요약
• 판매량 추이 그래프
C. 통계 – 사용자 행동 양상 분석
• 별점수,리뷰수,사용자성별등으로유의미한 통계 도출
통계 및 주문 분석 Part. |
판매자 센터 메인화면 DashBoard |
판매, 배송, 리뷰, Q&A 정보화 차트 요약정보 확인 가능 |
![image](https://user-images.githubusercontent.com/49184115/181872092-de50b601-9622-4e9f-b388-49ddbc8807b2.png) |
![image](https://user-images.githubusercontent.com/49184115/181872099-c47675d0-5708-4f95-b35a-5b496e645115.png) |
![image](https://user-images.githubusercontent.com/49184115/181872108-04a1da64-a109-483f-8fe2-ef259e91cbd6.png) |
![image](https://user-images.githubusercontent.com/49184115/181872114-0d3dc851-6953-420c-a66b-0e84c7e25f20.png) |
통계 - 판매분석 |
주문 기준으로 분석 및 집계한 내역 조회 |
주문량, 판매 추이 확인 가능 / 판매자에게 인기있는 상품 카테고리, 상품 판매량에 대한 인사이트 제공 |
![image](https://user-images.githubusercontent.com/49184115/181872139-c81354b2-36db-4376-abc8-f6359a625455.png) |
![image](https://user-images.githubusercontent.com/49184115/181872145-c6a48627-50df-4cf0-bad6-4cbeb4590c12.png) |
![image](https://user-images.githubusercontent.com/49184115/181872150-e9e8310d-edff-430a-96dc-edebf0829d95.png) |
![image](https://user-images.githubusercontent.com/49184115/181872155-4a6ce12c-7997-43d3-abfc-024975689916.png) |
![image](https://user-images.githubusercontent.com/49184115/181872158-08e3a308-67f4-41fd-bf40-1f4c54d496cb.png) |
통계 – 고객 행동 양상 분석 |
고객 기준 데이터를 분석한 내역 조회 |
사용자가 작성한 리뷰 및 별점 - 판매자에게 사용자 행동 양상에 대한 인사이트 제공 |
![image](https://user-images.githubusercontent.com/49184115/181872221-a9fe8763-1d0d-4238-a12d-082b1bacd365.png) |
![image](https://user-images.githubusercontent.com/49184115/181872228-50d071b2-9d39-4c56-875f-4ab383564e3b.png)
![image](https://user-images.githubusercontent.com/49184115/181872243-96405fc7-b952-4fcc-92e1-688a0fd25233.png) |
![image](https://user-images.githubusercontent.com/49184115/181872250-131a3ed0-29c6-4cc4-b237-b3569d7f0fd6.png) |
![image](https://user-images.githubusercontent.com/49184115/181865391-63973a3d-26d5-4465-9e51-995a32daf676.png)