문제
- 클라이언트 맥락: 전방
- 요청 범위: 반응형웹
- 업무 태그: 웹, 플랫폼, 관리시스템, 반응형, SMS연동
포트폴리오
회원전용 서비스 입니다.
전방 홈케어 서비스 플랫폼 구축
전방
#웹, #플랫폼, #관리시스템, #반응형, #SMS연동
한눈에 보기
전원주택 관리(풀 뽑기, 정원 손질, 외벽 청소, 간단 수리)를 신청하고 배정하는 웹사이트를 만들었습니다.
누가 쓰나요
전원주택에 사는 집주인, 신청을 받아 협력업체에 넘기는 관리자
뭐가 불편했나요
집 관리를 맡기고 싶어도 어디에 어떻게 신청할지 몰랐고, 받는 쪽도 신청·업체·일정을 따로따로 챙겨야 했습니다.
어떻게 해결했나요
세 단계만 거치면 신청이 끝나도록 만들고, 글씨와 버튼을 크게 해서 어르신도 쉽게 쓰게 했습니다. 관리자는 신청·협력사·일정을 한 화면에서 보고 문자도 바로 보냅니다.
그래서 어떻게 됐나요
신청부터 업체 배정, 작업 일정까지 한 곳에서 이어지고, 이름·연락처 같은 개인정보는 암호로 지켜집니다.
프로젝트 개요
전원주택 홈케어 서비스(제초, 정원관리, 외벽청소, 간단수리 등) 신청 및 관리를 위한 통합 플랫폼입니다.
고객이 쉽게 서비스를 신청하고, 관리자가 효율적으로 신청·협력사·일정을 관리할 수 있는 시스템을 구축했으며
IT7은 디자인 - 개발 - 배포 까지 모든 프로세스를 담당하여 개발하였습니다.
주요 기능
고객용 서비스
- 서비스 신청 마법사: 3단계 위자드 UI로 서비스 선택 → 정보 입력 → 확인 과정을 직관적으로 안내
- 협력사 등록: 4단계 마법사를 통한 협력업체/개인사업자 등록 신청
- 시니어 친화적 UI: 큰 글씨, 명확한 버튼, 단순한 동선으로 설계
- FAQ 및 회사 소개 페이지
관리자 Back Office
- 대시보드: 신청 현황, 협력사 현황, 최근 활동 한눈에 파악
- 신청 관리: 신청 목록 조회, 상세 보기, 상태 변경, 협력사 배정
- 협력사 관리: 등록 신청 승인/반려, 협력사 정보 관리
- SMS 발송 시스템: 알리고 API 연동, 발송 내역 관리
- 일정 관리: 캘린더 뷰 기반 작업 일정 확인 및 관리
- 설정: 관리자 프로필, 비밀번호 변경, 계정 관리
기술 스택
Frontend : Next.js, TypeScript, Tailwind CSS, shadcn/ui, React Hook Form, Zod
Backend : FastAPI (Python), SQLAlchemy
Databse : PostgreSQL 15
Infrastructure : Docker Compose
외부 연동 : 알리고 SMS API, 행정안전부 도로명주소 API
주요 특징
보안
- JWT 기반 인증 시스템
- 개인정보(이름, 연락처, 주소 등) 암호화 저장
- HTTPS 적용
사용자 경험
- 모바일·태블릿·데스크톱 완벽 반응형 대응
- 마법사(Wizard) 패턴으로 복잡한 입력 과정을 단계별로 간소화
- 실시간 폼 유효성 검사
개발·배포
- Docker 기반
- 개발/운영 환경 분리
- 2025.12~2026.01
- 전방