본문 바로가기

Project/2024WebFinalProject

UI프로토타입(10.16~10.29)

맡은 파트 -> 재고 관리, 마이페이지, 로그인

디자인 참고 사이트(10.16)

쇼핑몰

https://coffeecg.com/product/detail.html?product_no=3699

 

매출/재고 관리 -> 템플릿 사용

 

 

디자인 개발 문서

 

 

Figma(10.18)

 

 

수정사항(10.21)

기본틀 더 심플하게 변경

본사 로그인과 가맹점 로그인 분리

 

 

메인페이지 제작(10.22)

쇼핑몰 특성이 잘 나타나도록 수정

메인에는 가장 자주 판매되는 카테고리의 매출 높은 상품을 노출

 

참고

- w컨셉

https://www.wconcept.co.kr/?utm_source=GOOGLE&utm_medium=SA_PC&utm_content=mall&utm_term=WCONCEPT&utm_campaign=WCONCEPT&adfrom=SA_google_pc_mall&gad_source=1&gclid=Cj0KCQjwmt24BhDPARIsAJFYKk1xtZQS1QwJ0IkZzIWuoB_0tTRL5MNoeiDUmc7EfLXRDIKEe7sMjHkaAsxVEALw_wcB

- 컴포즈마켓

https://composecoffee.com/market

 

-> 로그인 UI 수정하기

-> 타매장 재고조회에서 내 매장 기준 지도가 하나만 나오고 지도의 마커에서 바로 매장 상세페이지로 들어갈 수 있도록 하게 수정

-> 알림 모아보기 페이지에서 알림을 카테고리별로 볼 수 있게 하고, 이미 확인한 알림은 회색으로 보이게 하기

 

 

피드백(10.24)

장바구니에서 주문 저장 기능 추가, 저장될 경우 토스트로 확인할 수 있게 하기

본사에서 가맹점에 들어온 주문 확인/ 주문 상태 변경
재무관리로 기간별 주문내역(상품별), 재무관리> 매출관리(메뉴판매, 카테고리두기)/매입관리(본사상품구매, 카테고리 두지말기)
매입관리: 엑셀시트처럼 길게 나오게 옆에 카테고리 원두, 머신 등등 두기, 산것만 나오게 하기
매출관리 한번에 볼 수 있는 페이지 필요, 기간상세에서는 그래프 빼기
커뮤니티- 탭 따로 빼지말고 말머리로 수정, 커뮤니티 이름 1:1문의 or 소통으로 변경
로그인 전에 페이지 하나 있기- 공지사항, 게시판(로그인 안 해도, 일반사용자가 쓸 수 있는페이지로) 컴플레인 일반 사용자가 쓸 수 있게 해야함. (로그인 페이지 카페 관련 이미지 두고 화려하게 만들기)

인트로 페이지에서 카페 메뉴 같은거 변경, 컴플레인 작성 시 인적사항(이름, 핸드폰 번호 등 넣기)

 

카페 메뉴, 본사 상품 주문처럼 카테고리가 필요한 경우만 사이드바를 두고, 그 외에는 상단 메뉴가 내려오게 만들기로 함

 

 

피드백(10.25)

본사 공지사항 작성 추가
공지사항 작성자 없애도 될 것 같음 말머리 내용 수정
본사요구사항 글작성 추가
본사 요구사항 답변 목록에서 밑으로 바로 보기(만들어야 함)
공지사항팝업 중요 공지사항이랑 최근 공지사항(2-3일 정도) 리스트로 보이기 공지사항에 알림 빼기
헤더에 알림표시 두기(여기엔 안 본 알림만), 체크해서 알림 확인한걸 표시할 수 있게 하기 체크하면 다시 못 누르게 하기(확인한건 체크 표시 없애기) - 팝업에 알림 없어도 될 것 같음
주요공지사항 가장 위에 나오게 하기(색상 다르게)
팝업에 주요공지사항, 최근 공지사항 따로 보이게 하기
컴플레인 본사에서 가맹점에 넘기겠다고 자동메세지처럼 답변 달아지게 하기
컴플레인 본사가 가맹점에 답변할 때 사용자에게도 확인이나 색깔 변경해서 보이게 전달하기
회원가입 생일 빼고 대표자명, 매니저명 쓰기 회원가입이랑 가맹점 정보 수정 필드 같게하기
마이페이지 위치 고민
가맹점 못 바꾸게 하기(같은 사람이 다른 매장 가진 경우 고려 - 헤더에서 가맹점 자체를 바꿀 수 있게 하기 - 세션에 가맹점 정보를 바꿔치기 하면 됨)
회원가입 시 가맹점 여러개 등록, 마이페이지 가맹점 추가 기능 있어야 함
당일 매출입력 드랍박스랑 직접 입력(자동완성)도 가능하게 하기
상품별 주문내역 중분류 소분류끼리 묶어서 수량, 총 금액 볼 수 있게 하기, 단가 빼기
상품주문확인 주문상품 재고추가 변경
여러주문 확인할 수 있게 하기
주문번호 주문 날짜 같이 보여주고 데베에 재고추가 상태 넣어서 관리 배송완료인 상품만 리스트로 보여지게 하기
사이드바 쓰지말고 셀렉트 3개두기
재고조회 상품명으로 검색해서 근처 해당상품 보여주기(편의점 재고조회처럼 개수만 나오게)

본사
삭제하기 확인창 만들기
가맹점 상세에서 요청사항 빼기
주문결제일 빼기
삭제한 가맹점 따로 테이블 관리, 탈퇴날짜 가지고 오더 바이
컴플레인 목록 상태 버튼말고 텍스트로 답변상태말고 다른 말 고려
매출내역 날짜 빼기
상품 등록 카테고리 나누기, 재고수량 빼고 재고 등록 메뉴 만들기
상품 목록 체크박스 삭제, 수량 삭제
상품 상세 수량, 유통기한도 삭제

수리 목록 카테고리, 코드, 가맹점 검색 추가 수리 종류 넣기
수리 목록 상태 드랍다운 버튼으로 바꿔주기 처음에 답변으로 접수 시 접수 상태로 바꾸기
(답변 달면 수리중으로 바뀌고, 배송중, 배송완료 상태 물리적으로 바꿀 수 있게 하기)
메뉴 등록 수량 빼고 영양 정보 등 넣기
메뉴 목록에 카테고리 넣기, 메뉴 목록 상품처럼 보여주기
사이드바 다 빼고 헤더 메뉴에 본인 메뉴 작성하기

**중요**
본사 계정 권한 생각
회원가입/ 카테고리/ 메뉴/ 상품 등록 등 필드 정하기

 

-> 수정한 후

 

 

피드백(10.29)

컴플레인 고객의소리로 변경
메인 탭 가맹점 정보 추가
가맹점 조회 주소로 키워드 검색, 매장명 검색
가맹점 복구 비슷하게 가맹점 삭제 신청 페이지 새로 만들기 신청 수락 넣기
가맹점에서 수정할 수 있는 정보 점주명, 연락처, 영업시간 등만 수정 가능
타매장 재고 조회에서 뒤로가기 만들고 검색창 취소 버튼 없애기
상품 목록 아이콘 다 빼기 상세에서만 수정 삭제 가능하도록
본사 상품관리 부분 버튼UI 바꿔주기, 상세 다른 사람과 비슷하게 꼭 바꾸기
수리목록 대중소 없애기
매출입력 임시저장하기 있으면 플래그 변수 줘서 완전히 입력된건지 아닌건지 확인 매출 내역에는 임시저장 안 들어가게
매출 분석(연간 (4년) 분기(1년) 월간(1년)) - 기간으로 선택한 것만 그래프 나오게 하기

 

 

 

최종 결과물

총 67페이지(메뉴 수정 1장 추가, pdf에서 신청상세부분 모달부분 1개 제외)

 

 

Figma

https://www.figma.com/design/6Q2VZpsmea0Gn3lrVTg5KX/FinalProject?node-id=0-1&t=1yQ6eg0T4MiiojD9-1