kledyu / officener

오피스 혁신을 위한 통합 플랫폼 ‘오피스너’의 유저 가입자수와 WAU를 높이기 위한 프로젝트

🏢 오피스너 (officener)

🥇 패스트캠퍼스 개발 부트캠프 5기 : 최우수 프로젝트 선정 🥇

📇 프로젝트 개요

유저 활성화는 '오피스너'가 최종적으로 나아가야 하는 방향의 핵심 요소입니다.
기존 '오피스너' 서비스는 관리자 이외 일반 사용자의 신규 가입과 이용 동기가 부족한 상태였습니다.
저희 팀은 매일 사용할 수 있는 콘텐츠와 기능을 개발하여 '유저들에게 가치를 제공하고 만족도를 높이는 것'을 목표로 삼고,
다양한 아이디어를 현실적인 시나리오에 적용시켜, 우리가 직면할 수 있는 상황들에 대비하는 능력 향상을 통해 함께 성장했습니다.

입주 경험은 높이고, 관리 소요는 낮추고!
스마트 오피스 빌딩 통합 플랫폼 [오피스너]

📍 프로젝트 소개

프로젝트 주제 : 빌딩 내 입주자 활성화를 위한 서비스 기획 · 개발
프로젝트 목적 : 유저 그로스 기획 · 개발을 통해 핵심 지표인 '유저 가입자 수'와 'WAU' 높이기
프로젝트 기간 : 2023. 08. 16 ~ 2023. 10. 10 (2개월)
개발 진행 기간 : 2023. 09. 04 ~ 2023. 10. 10 (1개월)
개발팀 Repo : Client Admin Server

• 📱 클라이언트 DEMO
• ⚙️ 어드민 DEMO

👫 개발팀 소개

김준희	김진우	이시우	유희태 (팀장)	조은상
Front-end	Front-end	Front-end	Front-end	Front-end
초대장 생성	초대장 뷰 관리자	초대장 뷰 초대장 수정	리디자인 오늘 점심	오늘 점심

🛠️️ 사용기술 및 개발환경

Development

Deployment & Environment

Cowork Tools

프로젝트 아키텍쳐

💡 기능 소개

1. 방문자 초대장

• 방문자 초대하기
• 초대장 목록 확인
• 초대장 수정/삭제
• 실내 지도 확인
• 방문할 빌딩 근처 시설 안내
• 방문증 알림톡
• 방문자 관리 웹 페이지

2. 주차 정산

• 방문 주차 등록
• 주차 결제 (prototype)
• 주차 할인 적용 (prototype)
• 주차 사전 정산 (prototype)

3. 오늘 점심

• 메뉴 랭킹
• 메뉴 랭킹별 리뷰
• 점심 메뉴 추천 룰렛
• 룰렛 결과 메뉴 리뷰 확인
• 리뷰 작성
• 나만의 점심 달력 만들기

4. 기타

• 홈 화면 리디자인
• 마이 페이지 리디자인
• 포인트 지도
• 포인트 활용 (prototype)

🖥️ 전체 화면 구성

방문자 초대장

초대장 생성 (목적 선택)	초대장 생성 (예시)
초대장 생성 (목적 선택 - 기타)	초대장 생성 (목적 선택 - 기타)
초대장 생성 (방문자 정보 입력)	초대장 생성 (방문자 정보 유효성 검사)
초대장 생성 (방문자 추가)	초대장 생성 (방문자 삭제)
초대장 생성 (초대 정보)	초대장 생성 (초대 정보 - 장소 선택)
초대장 생성 (초대 정보 - 날짜 선택)	초대장 생성 (초대 정보 - 날짜 선택)
초대장 생성 (초대 정보 - 시간 선택)	초대장 생성 (초대 정보 - 방문팁 작성)
초대장 생성 (초대 정보 - 방문자 추가)	초대장 생성 (초대 정보 - 방문자 추가 완료)
초대장 생성 (전송 확인 모달)	초대장 생성 (전송 완료)
초대장 (메인)	초대장 (출입증 QR)
초대장 (빌딩 정보)	초대장 (초대 장소)
초대장 (초대자 정보)	초대장 (초대자 연락처 복사)
초대장 (주차 등록)	초대장 (주차 등록)
초대 목록	초대 목록 (바텀시트)
초대장 수정	초대장 재전송

관리자 웹 페이지

관리자 - 방문자 관리

오늘 점심

오늘 점심 (메인)	오늘 점심 (메인 하단)
오늘 점심 (룰렛 메인)	오늘 점심 (룰렛 진행)
오늘 점심 (점심 달력)	오늘 점심 (점심 달력)
오늘 점심 (리뷰 작성)	오늘 점심 (리뷰 작성 - 외식)
오늘 점심 (리뷰 작성 - 구내식당)	오늘 점심 (리뷰 작성 - 도시락)
오늘 점심 (포인트 지도)	오늘 점심 (랭킹별 리뷰)

기타

홈 리디자인	마이페이지 리디자인

💻 프로젝트 테스트

clone project

$ git clone [email protected]:livable-final/client.git
$ git clone [email protected]:livable-final/admin.git

go to project

$ cd client
$ cd admin

install npm

$ npm install

start project

$ npm run dev