프로젝트 로고는 필자가 호기롭게 직접 디자인했으나 aws 로고와 비슷하다는 비평을 받고 눈물로 베개를 적셨다.
🗒️BonBon
- Brands Owner and Network(BON)
- Business Outlook and Navigation(BON)
👓 "본사가 본다!"
🍍프로젝트 주제
"프랜차이즈 본사를 위한 통합 관리 시스템으로, 가맹점 등록 및 정보 관리, 매출 데이터 분석 및 예측 기능을 제공하여 본사의 효율적인 가맹점 운영과 데이터 기반 의사결정을 지원합니다."
프로젝트 배경
프랜차이즈 기업은 전국에 분포되어 있는 가맹점의 운영 현황을 신속하고 정확하게 파악해야 함
✔️ 엑셀 기반 수작업, 데이터 시각화 부족 등 기존 시스템의 한계 부각
✔️ 고객의 매출 추이 예측, 인기 메뉴 분석 등의 기능 수요 증가*
✔️ 본사와 가맹점 간 체계화된 정보 공유 필요성 증가
프로젝트 목표
1. 웹 기반 가맹점 관리 플랫폼 구축
✔️ 지도를 통한 가맹점 위치 시각화 (예: Kakao Map API 활용)
✔️ 본사용 관리자 페이지와 가맹점주용 페이지 분리
2. 매출 데이터 시각화 및 비교 기능 구현
✔️ 각 지점 매출, 시간대별 분석, 메뉴 판매 비중 등 그래프 시각화
✔️ 지점별 매출 순위, 인기 메뉴 순위 제공
✔️ 타 지점과 비교 가능한 분석 리포트 제공
3. 예측 기능 제공
✔️ 과거 매출 데이터를 기반으로 향후 판매량 예측 (Prophet ML 모델 적용)
4. 메뉴 및 정보 관리 시스템
✔️ 본사에서 메뉴 등록/수정/삭제 가능
✔️ 메뉴별 매출 추이, 트렌드 분석 가능 (개수 맞춰보기)
☕ 주요 기능
[ 본사 ]
계정 관리
✔️ 가맹점주, 지역별 담당자 계정 관리 (정보 수정, 계정 삭제, 계정 활성화 등)
✔️ 비밀번호 수정
메뉴 관리
✔️ 본사 메뉴 수정, 등록, 삭제, 조회
✔️ 본사 필수 판매 메뉴 설정 가능
✔️ 오더 스톱 (품질 이상 발생 시 품목 판매 중지)
매출 분석
✔️ 지점 별, 단위기간별 납부액 자동 계산(지점 별 재고 신청량 및 판매액 기준)
✔️ 지점 별, 월별 마진 계산
✔️ 지점 별 매출액 분석 시각화(지점 별 단위 기간 별 매출 변화 및 예측 그래프)
✔️ 메뉴 판매 순위 시각화(지정된 단위 기간 별 합산)
✔️ 단위 기간 별 지점 판매액 순위
✔️ 이벤트성 메뉴 매출 분석(시그니처 메뉴, 신메뉴 등)
가맹점 요약 확인
✔️ 가맹점 목록 및 위치 확인
✔️ 가맹점 정보 요약 보기 (가맹점 전화번호, 담당자, 담당자 전화번호)
✔️ 매출 분석 요약 차트, 메뉴 별 판매 순위 요약 차트(5~10개)
✔️ 고객 만족도
가맹점 상세 관리
✔️ 가맹점 등록, 수정, 삭제, 조회
✔️ 가맹점 별 고객 만족도, 주요 체크리스트, 메모 사항 확인
공지사항 게시판
✔️ 공지사항 조회, 등록, 수정, 삭제
✔️ 공지사항 등록 시 가맹점주 대상 SMS 발송
[ 가맹점 ]
메뉴 관리
✔️ 본사 등록 메뉴 조회
✔️ 판매 메뉴 선택 가능
가맹점 요약 확인
✔️ 근처 가맹점 위치 확인
✔️ 가맹점 정보 요약 확인
✔️ 본인 가맹점 매출 분석 및 예측 요약 차트, 메뉴 별 판매 순위(5~10개)
✔️ 고객 만족도
가맹점 관리
✔️ 점주 정보, 가게 정보 조회
✔️ 판매 방식 조회, 수정, 삭제, 등록
✔️ 배달 플랫폼 조회, 수정, 삭제, 등록
✔️ 고객 만족도 조회
공지사항 게시판
✔️ 본사에서 등록한 이벤트 게시글 조회
✅ 가맹점 별 주요 체크리스트
- 이 부분은 자료 조사만 하고 추후에 페이지 디테일을 잡기로 회의
☕️ 1. 운영 상태
- 운영 시간 준수 여부 - 실제 영업 시간에 정상 운영 중인지
- 직원 근무 상태 확인 - 인력 부족 또는 무단 결근 여부
- POS 정상 작동 여부 - 매출 누락이 없도록
- 메뉴 품절 / 누락 여부 - 인기 메뉴 미판매 여부 등 확인
- 본사 공지 이행 여부 - 프로모션 적용 여부, 가격 정책 반영
🧼 2. 위생 및 청결
- 매장 내 청결도 - 바닥/테이블/진열대 청결 유지
- 유니폼 착용 여부 - 위생복 착용 상태 점검
- 주방/제조 구역 위생 - 냉장고, 머신, 조리도구 등 위생 상태
- 유통기한 준수 여부 - 유통기한 지난 원재료 사용 여부
- 소독 일지 기록 여부 - 일별/주별 청소 및 소독 수행 여부
🤝 3. 고객 응대 및 서비스 품질
- 고객 응대 태도 - 친절도, 인사, 불만 처리 등
- 대기 시간 - 제조 시간 과도하게 길지 않은지
- 리뷰 대응 - 온라인 리뷰 대응 여부
- 고객 불만 건수 - 본사 접수된 클레임 여부 확인
🏪 4. 매장 환경 및 시설 상태
- 인테리어 유지 상태 - 브랜드 디자인 유지 여부 (훼손, 낙서 등)
- 간판/외부 청결 - 외관 간판 파손, 오염 여부
- 냉장고/커피 머신 정상 작동 여부 - 장비 이상 여부 점검
- 홍보물 비치 여부 - 프로모션 포스터, 전단지 등
- BGM / 조명 상태 - 분위기 및 매장 감성 유지 여부
🗒️ 5. 기타 점검
- 체크리스트 기록 - 점검 체크한 내역 기록 및 첨부파일 등록
- 점검자 의견 메모 - 개선 요청, 특이사항 등 자유 메모
- 사진 첨부 - 실제 현장 사진 첨부 (위생/간판 등)
- 다음 점검 예정일 등록 - 주기 관리용 캘린더 연동 가능
🖥️ 서비스 화면 설계 (Figma)
➡️ 전체 Figma
- Figma 그리는데 너무 어려웠다. 픽셀 단위로 화면 구성을 옮기고 바꾸니까 검은 머리 파뿌리 되는 기분을 느꼈다. 대충 그려놓고 실제로 개발하면서 더 예쁜 모습을 찾아보기로 했다.
➡️ 계정 관리 Figma
- 가맹점주 및 지역 별 담당자 계정 관리 화면 구성이다.
- 가맹점주의 경우 본인 담당 가맹점 선택 및 지도로 위치를 확인하도록 기능을 구현하자는 얘기가 나왔다. 지역별 담당자 화면도 담당 지역구 내에 있는 여러 가맹점 목록을 직접 확인하도록 설계하는 것이 낫겠다고 판단했다.
➡️ 메뉴 관리 Figma
- 메뉴 관리 Figma 화면이다. 본사에서 메뉴를 등록한다. 메뉴의 사진과 레시피를 등록하면 가맹점주들이 해당 메뉴를 확인하고 이를 본인들 메뉴에 포함시켜 판매할지 말지를 결정한다.
➡️ 지도 기반 가맹점 관리 Figma
- 화면이 다른 Figma 설계보다 길어 보인다면 기분탓이다.
- 지도 화면에서 가맹점 위치를 확인하고, 각 가맹점들의 매출 정보 요약 보기 및 여러 체크리스트와 특이사항 등을 한 눈에 확인할 수 있도록 설계했다.
- 필자의 상상력의 한계로 화면 디자인이 약간 구린데, 마찬가지로 실제로 개발하면서 조금 더 예쁜 모습을 찾아가고자 한다. 난.. 디자이너가 아니니까..
🧱 기술 스택
- CI/CD 쪽 기술은 이걸 쓸 예정으로 기획했으나 실제로 운영하면서 추가로 사용한 기술이나 운영 비용이나 속도 문제로 쓰지 않은 기술들도 몇 개 생겼다. 다른 포스트에서 관련 내용을 좀 풀어볼까 한다.
