모두시스템 : 출장 서비스 앱·웹
- Flutter
- Dart
- Riverpod
- Next.js
- React
- TypeScript
- Supabase
- PostgreSQL
- Firebase Cloud Messaging
- HTML
- CSS
- JavaScript
프로젝트 소개
모두시스템의 생활 설비 출장 서비스를 위해 iOS·Android 앱, 고객용 웹, 관리자 웹과 반응형 회사 홈페이지를 함께 구축한 외주 개발 프로젝트입니다. 서비스 운영 주체는 고객사 모두시스템이며, KEYPLE은 앱·웹 개발과 스토어 출시를 담당했습니다. 고객은 앱이나 웹에서 서비스 종류, 현장 주소, 문제 증상과 방문 희망일을 입력하고 사진을 첨부해 출장을 요청할 수 있습니다. 접수 이후에는 기사 배정과 진행 상태, 작업 내역을 확인할 수 있도록 구성했습니다. 고객용 웹은 앱 설치 없이 서비스를 이용하는 접점을 제공하고, 관리자 웹은 접수·회원·기사·쿠폰·공지 등 운영 업무를 관리합니다. 회사 홈페이지는 서비스 분야와 회사·지사 정보를 안내합니다. 아래에는 실제 공개된 한국어 스토어 이미지를 사용했습니다.
과제
고객의 출장 요청, 기사의 현장 업무, 관리자의 운영을 하나의 서비스 흐름으로 연결하는 것이 과제였습니다. 앱 설치 여부와 관계없이 접수할 수 있는 고객용 웹을 마련하고, 고객·기사·관리자가 각자의 역할에 맞는 정보와 기능을 이용하도록 구성해야 했습니다. 회사와 서비스 정보를 안내하는 홈페이지도 함께 필요했습니다.
해결
Flutter로 iOS·Android 앱을 개발하고, 휴대전화 인증, 본인·대리 접수, 주소·사진 첨부와 진행 상황 확인을 구현했습니다. 승인된 기사는 배정된 작업과 현장 기록을 확인하고 처리할 수 있습니다. 고객용 웹에서는 설치 없이 접수와 이용내역을 확인하도록 구성했습니다. Next.js 기반 관리자 웹에서는 접수·사용자·기사·쿠폰·멤버십·공지 등 운영 정보를 관리합니다. 앱과 운영 웹은 Supabase 기반 데이터에 연동하고, 모바일 푸시 알림은 Firebase Cloud Messaging으로 연결했습니다. 반응형 회사 홈페이지에는 회사 소개, 서비스 영역, 지사·부서 정보를 구성하고 고객용 웹 서비스로 이동하는 접점을 마련했습니다.
결과
모두시스템 앱을 App Store와 Google Play에 공개 출시했습니다. 고객용 웹, 관리자 웹과 회사 홈페이지를 함께 구축해 서비스 안내부터 출장 접수, 기사 업무와 운영 관리까지 이어지는 앱·웹 사용 환경을 제공했습니다. 공개 링크는 고객사 서비스와 스토어로 연결하며, 관리자 내부 화면이나 고객의 비공개 정보는 포트폴리오에 포함하지 않았습니다.
Project Screens
6개의 프로젝트 화면