플러스프로젝트 배경
문제점 - 모델하우스 현장 방문 + 수기 신청서 방식으로 인한 맞벌이 입주 예정자의 시간 제약, 모바일 환경에서의 위자드·견적·결제 불가로 인한 신청 기회 상실 - 시공관리자의 엑셀 취합·사무실 PC 한정 조회로 인한 현장·이동 중 실시간 수요 파악 불가, 자재 발주 타이밍 지연과 시공 일정 수립 비효율 - 데스크톱 위주 웹 시스템으로 인한 모바일 접속 시 매트릭스 뷰·견적 시뮬레이터 레이아웃 파손 및
프로젝트 성과
웹 백엔드 100% 재활용
별도 모바일 전용 API 엔드포인트 없이 기존 웹 서버 REST API를 그대로 호출. 서버 개발 공수를 제거하여 모바일 앱을 약 3개월 내 구축했습니다.
3역할 멀티 페르소나 앱
시공관리자·현장뷰어·입주자 3개 역할별로 탭 구성(7탭/7탭/4탭), 접근 가능 메뉴, 홈 화면이 완전히 분리. 플로팅 전환 버튼으로 하나의 앱에서 3가지 사용자 경험을 시연합니다.
시공관리자 모바일 대시보드
현장·이동 중에도 총 신청 173건, 매출 1.7억, 시공 완료율 42%, 미신청 162세대 등 핵심 KPI를 즉시 확인. 일별 신청 추이·옵션별 수요 Top 7 차트 포함.
동·호수 매트릭스 모바일 렌더링
약 220세대 규모의 건물 단면도형 매트릭스를 Flex 그리드로 구현. 신청완료·부분신청·미신청·시공완료 4단계 색상 구분으로 한눈에 파악.
mock fallback 즉시 렌더링
API 미응답 또는 인증 실패 시에도 모든 화면이 mock 데이터로 빈 상태 없이 즉시 표시. 네트워크 불안정한 현장 환경에서 데모 시연이 끊기지 않습니다.
핵심 기능
5단계 옵션 선택 위자드 — 입주자 모바일 플로우
배정 세대 확인
진행 단계
기획
2026.02.
웹 대비 기능 패리티 분석(28개 웹 route → 모바일 INCLUDE/EXCLUDE 판정), 역할별 탭 네비게이션 설계, 5단계 위자드 모바일 UX 재구성, mock fallback 전략 수립
프로젝트 상세
1) 포트폴리오 소개 기존 웹 기반 아파트 유상옵션 신청 플랫폼(OptHome)의 모바일 앱 버전입니다. 아파트 입주 예정자가 모델하우스 방문이나 PC 없이 출퇴근 중에도 유상옵션을 선택·신청·결제할 수 있도록 React Native(Expo)로 구현했습니다. 입주자는 배정 세대 정보 기반으로 5단계 위자드(동호수 확인 → 옵션 둘러보기 → 패키지 선택 → 견적 확인 → 신청 확인)를 따라 옵션을 신청하고,
