새로운 역사

React Native로 맞춤형 도로변 지원 앱 개발

~에 의해 Maruti Techlabs 11m2025/01/10

너무 오래; 읽다

이 애플리케이션의 핵심 기능은 모바일 앱, 관리자 앱, 서비스 제공자가 탑승할 수 있는 서비스 등록 포털을 중심으로 구성되었습니다. 워크숍 결과를 바탕으로, 저희 팀은 각각에 대해 다음과 같은 흐름에 대해 합의했습니다.

featured image - React Native로 맞춤형 도로변 지원 앱 개발

전달된 전문성

제품 개발 및 QA

산업

자동차

고객 브리핑

이 고객은 10년 반 동안 미국에서 고급 도로변 지원 서비스를 제공해 왔습니다. 그들은 견인 서비스를 제공하는 것으로 시작했고 결국 타이어 교체, 가스 배달, 배터리 점프 스타트 및 교체, 도랑에 갇힌 경우 및 윈치 서비스와 같은 서비스를 통합하여 다른 지역으로 확장했습니다.

프로젝트 범위

도로변 지원은 고객에게 즉각적인 해결책을 제공해야 합니다. 전통적인 접근 방식으로는 고객이 필요할 때 누가 구세주가 될지 명확히 알지 못한 채 오랜 시간 기다려야 했습니다. 또한 고객의 문제와 서비스 제공자의 전문성, 위치, 총 비용에 대한 더 많은 소통과 투명성이 필요했습니다.

약 15년 동안, 저희 고객은 기존 방식으로 사업을 진행해 왔습니다. 즉, 상담원이 전화로 도로변 지원 문의를 받고, 상담원이 필요한 근처 공급업체와 빠르게 연결해 주는 방식이었습니다. 고객은 항상 콜센터 상담원을 위해 정교한 내부 툴링에 의존했습니다.

게다가 공급업체가 고객의 문제의 규모를 측정하는 데 도움이 필요하고 준비가 되지 않은 채로 나타나는 경우가 있었습니다. 이는 고객이 사고나 차량 고장을 겪을 때 예측할 수 없는 대기 시간을 초래했습니다.

이러한 모든 문제에 대한 효율적인 해결책을 찾고 경쟁 우위를 확보하기 위해 클라이언트는 고객을 위한 종단 간 모바일 기반 디지털 경험을 고안하기로 결정했습니다.

높은 수준에서 보면, 이 프로젝트의 아이디어는 다음 사항을 중심으로 했습니다. 프로젝트 요구 사항을 파악한 후, 개발팀은 프로젝트 범위를 다음과 같이 좁혔습니다.

고객은 화면을 통해 공급업체의 위치와 서비스 유형을 알 수 있습니다.
필요한 지원에 대한 예상 시간과 비용을 실시간으로 공유하는 앱을 디자인하세요.
빠르고 전문가 없이 도로변 지원 서비스를 제공합니다.

도전 과제

고객 팀은 도로변 지원 서비스를 제공하는 데 수많은 어려움을 겪었습니다. 따라서 그들은 모바일 앱을 도입하여 서비스에 액세스함으로써 현재 시장 관행을 방해할 계획이었습니다. 그들의 주요 목표는 디지털 플랫폼을 사용하여 24시간 연중무휴 서비스를 제공하여 고객과 공급업체 간의 커뮤니케이션을 간소화하는 것이었습니다.

이 업적을 성공적으로 이루려면 몇 가지 과제를 해결해야 했습니다. 다음은 그러한 과제 목록입니다.

-에 맞는 모바일 애플리케이션을 개발하세요.

하루 7000건 이상의 도로변 이벤트
연간 약 400만건의 발송을 효율적으로 관리
25,000개 이상의 우편번호를 포함하는 높은 수요를 해결합니다.
200만 명의 운전자와 50만 명 이상의 서비스 제공자를 지원합니다.
챗봇 모듈과 전담 콜 지원 통합

또한, 유능한 도로변 서비스 제공업체를 필터링할 수 있는 등록 프로세스를 공식화하고 지리적 위치, 온라인 결제 게이트웨이, 비즈니스 분석 도구와 같은 타사 통합을 포함하는 것이 과제에 포함되었습니다.

왜 Maruti Techlabs인가?

저희 고객은 기업과 서비스 제공자를 연결하는 온라인 플랫폼 인 Clutch에서 Maruti Techlabs를 찾았고, 저희의 인상적인 Net Promoter Score 4.8을 언급했습니다. 고객은 업계 경험, 고객 추천, 인증과 같은 공급업체 자격 증명을 면밀히 검토하여 프로젝트의 필요와 요구 사항에 맞는 업체를 찾을 수 있는 체크리스트를 가지고 있었습니다. 게다가, 그들은 서비스 제공자가 자동차 또는 관련 산업에서 일한 경험이 있는지 평가해야 했습니다.

정보 요청(RFI)이 식별 단계에 이어 배포되었습니다. 그 후, 8개의 선정 서비스 제공업체가 제안 요청(RFP)을 제출했습니다. RFP 응답에 대한 포괄적인 평가와 고객과 영업, 비즈니스 분석가, 개발 팀 간의 광범위한 논의를 거쳐 Maruti Techlabs가 고객의 선호 공급업체로 부상했습니다.

그들은 Maruti Techlabs의 사업팀이 보여준 빠른 대응 속도와 준비성, 그리고 2주 안에 응집력 있는 계획과 전담팀을 구성할 수 있는 능력에 깊은 인상을 받았습니다.

공급업체 선택 단계에 이어, 4주간의 프로젝트 발견 워크숍이 프로젝트 세부 사항을 탐구하기 위해 시작되었습니다. 발견 워크숍은 솔루션 아키텍트, 기술 프로젝트 관리자, 비즈니스 분석가, 개발자 및 디자이너로 구성된 고객과 당사 팀 간의 소개 회의로 시작되었습니다.

탐색 워크숍의 목적은 도로변 지원 앱에 대한 프로젝트 범위, 기술 스택, 전반적인 단계별 개발 접근 방식에 대한 통찰력을 교환하고 통합하여 프로젝트 청사진을 고안하는 것이었습니다.

이 워크숍은 고객과 Maruti Techlabs 모두에게 매우 중요했습니다. 이는 프로젝트의 초석 역할을 했고, 프로젝트 일정, 설계, 개발을 포괄하는 강력한 프레임워크를 확립했으며, 실제 개발이 시작되면 두 팀이 모두 바로 작업에 들어갈 수 있도록 지원했습니다.

해결책

모바일 앱 개발:

우리는 고객과 서비스 제공자를 위한 고유한 기능을 갖춘 2개의 모바일 애플리케이션을 디자인해야 했습니다.
처음에 우리 디자인팀은 와이어프레임을 개발하기 위한 스케치를 만들고 이를 고객과 공유하여 피드백을 반영하고 즉각적인 변경을 가할 수 있었습니다.
디자인을 완성한 후, 각 기능이 개발자에게 할당되었습니다.
해당 기능은 사양에 따라 앱에 코딩되었습니다.
해당 앱은 버그와 사용성 문제에 대한 해결책을 찾기 위해 품질 보증 전문가에게 전달되었습니다.
QA 전문가가 공유한 문제와 피드백을 해결하여 앱이 최종 사용자에게 배포되었습니다.
저희 배송팀은 수집하고 관리해야 할 고객 및 공급업체 데이터의 방대한 양에 대해 잘 알고 있었습니다. 따라서 Elasticsearch를 활용하여 빠르고 정확한 결과를 가져왔습니다.

서비스 제공자 등록:

도로변 지원 앱을 설계하는 데 필수적인 측면은 서비스 제공자를 등록하고 전문성에 따라 분류하는 것입니다. 이 업적을 달성한 방법에 대한 요약은 다음과 같습니다.

앱 등록:

서비스 제공자는 앱을 다운로드하고 공급업체로 등록해야 합니다.
등록하는 동안 사업 정보와 연락처 정보를 제공하고 앱의 이용 약관에 동의해야 합니다.

프로필 검증:

등록 요청 후 관리자가 프로필을 검토합니다.
프로필 검증에는 사업 적법성, 견인 허가, 정비사 자격증 및 보험 적용 범위 확인이 포함됩니다.

배경 조사:

모든 서비스 제공자는 회사가 정한 도덕적 행동 강령을 준수하는지 확인하기 위해 범죄 기록과 운전 기록을 철저히 조사하는 의무적인 검사를 받아야 합니다.

차량 검사, 교육 및 탑승:

판매자가 견인차나 수리 밴을 사용해야 하는 경우 관리자는 차량을 검사하여 안전 및 품질 기준을 충족하는지 확인해야 합니다.
검사 기관은 서비스 제공자가 앱을 사용하는 방법, 서비스 요청에 접근하는 방법, 효율적인 고객 상호 작용을 촉진하는 방법을 이해하도록 돕기 위해 교육 및 온보딩 자료를 제공해야 합니다.

서비스 제공자 구성 및 분류:

모바일 앱은 고객의 우편번호나 지리적 위치를 기반으로 추천 상품을 제공했습니다.
이는 온보딩 프로세스 중에 서비스 제공업체로부터 그들이 담당할 의향이 있는 우편번호에 대한 정보를 수집하여 효과적으로 조작되었습니다. 그들의 결과는 다양한 위치를 담당할 의향과 인력에 따라 고객에게 선보일 것입니다.
고객의 위치를 기준으로 가장 가까운 공급업체가 고객에게 나열됩니다. 표시된 결과에 응답이 없는 경우 사용자는 검색 기준을 더 먼 지역으로 확장할 수 있습니다. 그러나 이 확장된 검색 기능에는 먼 지역에 서비스를 제공하기로 동의한 공급업체만 표시됩니다.
고객은 도로변 지원과 관련된 수많은 수직 분야를 포괄하고자 했습니다. 따라서 우리는 다중 서비스 애그리게이터 모델을 구현했습니다. 이를 통해 고객은 다양한 서비스 제공업체에서 필요한 도로변 지원을 선택할 수 있습니다.

관리자 웹 애플리케이션:

온디맨드 모바일 솔루션에 관리자 애플리케이션을 개발하는 것은 매우 중요합니다. 이를 통해 플랫폼은 고객, 공급업체 등록, 온보딩 및 관리를 성공적으로 관리하고 모든 상호 작용에 대한 통찰력을 지속적으로 수집하여 앱 경험과 기능을 향상시킬 수 있습니다.

고객이 비즈니스의 다양한 측면을 효과적으로 관리할 수 있도록 돕기 위해 Domo 분석 도구를 사용하여 웹 기반 포털을 설계했습니다. 사용하기 쉬운 인터페이스로 대화형 시각화 및 비즈니스 인텔리전스 기능을 제공했습니다.

이 도구가 가장 좋은 결과를 가져온 분야와 프로세스는 다음과 같습니다.

대시보드와 보고서를 사용하여 서비스 데이터를 모니터링하고, 정보를 수집, 요약하고, 간단하게 제시합니다.
공간 데이터를 수집, 결합, 시각화하여 공간 분석을 수행하는 조감도를 포착했습니다.
이를 통해 이해관계자는 고객의 서비스 선호도, 사용 패턴, 인구통계를 조사하여 고객 분석을 실시할 수 있었습니다.
우리의 고객은 핵심 성과 지표(KPI)를 관찰하여 특정 목표에 대한 성과를 정량화할 수 있습니다.
관리자는 가격 책정 전략, 수익성 평가, 예산 및 계획, 비용 관리를 검사하여 효과적인 비용 분석을 수행할 수 있습니다.
포털은 통화량, 응답 시간, 기간, 고객 문제를 모니터링하여 콜센터 성과를 분석합니다.
행동 분석을 통해 모바일 애플리케이션의 성능과 사용자 경험을 최적화하고, 기능 사용 및 기타 개선 영역을 파악합니다.
서비스 요청, 고객 정보, 차량 데이터, 데이터 로그 등 다양한 데이터 소스의 데이터를 통합하면 모든 관련 데이터에 액세스하여 규정 준수 보고를 할 수 있습니다.

모바일 애플리케이션을 처음부터 개발하는 것은 엄청난 일입니다. 개발팀과 광범위한 논의를 거친 후, 프로젝트 개발 로드맵은 3단계로 나뉘었습니다. 각 단계에 대한 간략한 개요는 다음과 같습니다.

1단계: 고객 및 공급업체, 웹 앱 개발

1단계는 고객 및 서비스 제공자 애플리케이션을 개발하는 것으로 구성되었습니다. 두 앱 모두 사용자 상호작용 및 공급업체를 관리하고 관리하기 위한 웹 포털에서 지원됩니다. 예상 개발 시간은 4개월로 계산되었습니다. 여기에는 미국 15개 주에서 앱을 개발, 테스트 및 배포한 다음 2단계에서 모든 주에 걸쳐 확장하는 작업이 포함됩니다. 이 작업이 어떻게 이루어졌는지 살펴보겠습니다.

특징 및 기능:

고객 및 공급업체 등록
지리적 위치
서비스 제공자 프로필
실시간 추적
결제 통합
채팅 및 통화 기능
푸시 알림
내역 및 송장
평가 및 리뷰

Maruti Techlabs 팀의 범위는 전반적인 디자인(와이어프레임 및 UI/UX 디자인), 개발(백엔드, 프런트엔드, 통합), 테스트(기능, 사용성, 성능 및 보안), 배포 및 1단계 출시 후 지원을 중심으로 진행되었습니다. 디자인은 Figma에서 출시되었고, 개발을 위해 React Native가 완성되었으며, 결제 통합을 위해 Braintree가 완성되었습니다.

2단계: 앱 확장 및 분석 통합

이 단계의 주된 목표는 앱 내 설문 조사, 소셜 미디어 채널, 앱 내 피드백 양식, 이메일을 포함하여 Domo 분석 도구를 추가하고 고객 피드백 채널을 늘리면서 미국 전역으로 앱을 확장하는 것이었습니다.

2단계는 모바일 앱 출시 후 3개월 안에 완료될 것으로 예상됩니다.

3단계: 반복적 개발

3단계는 앱을 처음 배포한 후 3개월 후에 시작되었으며, 2단계의 고객 피드백과 분석 도구에서 얻은 통찰력을 바탕으로 한 반복적 개발을 강조했습니다.

또한, 규정을 준수하기 위한 보안 조치의 평가 및 강화가 이 단계에서 효과적으로 수행되었습니다. Agile 관행을 따르고 프로젝트를 세 단계로 나누어 Maruti Techlabs 팀의 개발을 간소화하여 구조화되고 효율적인 프로세스를 제공했습니다.

소통과 협업

의사소통은 소프트웨어 프로젝트를 성공으로 이끌거나 실패로 이끌 수 있습니다. 저희 팀은 첫날부터 다양한 채널에서 강력한 의사소통에 중점을 두어 양측이 진정으로 일치하고, 의사소통 오류로 인한 실수가 거의 없거나 전혀 없도록 했습니다.

클라이언트는 제품 개발 상태에 대해 지속적으로 정보를 받고, 진행 상황에 대한 업데이트와 발생한 문제에 대한 알림을 받습니다. 이를 통해 문제를 신속하게 해결할 수 있고, 클라이언트가 더 큰 문제로 번지기 전에 위험을 사전에 완화할 수 있습니다.

두 팀은 프로젝트 수명 주기 전반에 걸쳐 일일/주간 커뮤니케이션을 위해 다음 플랫폼을 활용했습니다.

Slack: 프로젝트와 관련된 빠르고 일상적인 커뮤니케이션, 토론, 업데이트를 위해 사용됩니다.
줌: 일상적인 구두 의사소통, 프로젝트 진행 상황 검토, 기능 시연, 특정 문제 해결에 줌을 사용했습니다.
Jira: Jira는 프로젝트 진행 상황을 지속적으로 업데이트하고 추적하여 프로젝트 상태에 대한 통찰력을 얻는 최고의 서비스를 제공합니다.

두 부분으로 구성된 모바일 앱과 웹 애플리케이션을 개발하려면 전문 지식과 경험이 있는 여러 사람이 필요합니다. Maruti Techlabs에서 팀 구성의 기본 원칙은 공동 협업의 역사를 가진 핵심 구성원을 통합하는 것입니다. 이 독특한 접근 방식은 팀이 스토밍 및 노밍 단계를 상당히 빠르게 진행하는 데 도움이 되어 빠르게 높은 성과 수준에 도달할 수 있습니다.

그럼에도 불구하고, 팀의 풀타임 헌신은 그들이 고객의 비전과 요구 사항에 깊이 관여할 수 있도록 보장합니다. 이 독특한 모델은 전체 프로젝트에 새로운 관점과 에너지를 주입할 뿐만 아니라 팀원들이 지정된 비즈니스 목표를 달성하는 데 흔들리지 않는 100% 집중력을 유지하도록 보장합니다.

팀 구조는 아래와 같습니다.

기술 프로젝트 관리자
UI/UX 디자이너
모바일 앱 개발자(iOS 및 Android)
프런트엔드 개발자
백엔드 개발자
품질 보증 엔지니어
비즈니스 분석가

기술 스택

결과

고객과 서비스 제공자를 위한 모바일 애플리케이션을 개발함으로써 클라이언트가 수행하는 운영의 전반적인 효과가 향상되었습니다. 이를 통해 더 나은 조정, 정보에 입각한 의사 결정, 서비스 품질이 향상되어 회사, 고객, 서비스 제공자에게 이익이 되었습니다.

향상된 사용자 경험: 이 앱은 사용자에게 도움을 요청하고, 서비스 진행 상황을 추적하고, 실시간 업데이트를 받는 간편한 방법을 제공합니다.
신속한 대응: 대응 시간이 크게 단축되어 시기적절한 지원이 제공됩니다.
24시간 연중무휴 이용 가능: 사용자는 24시간 필수적인 도로변 지원 서비스를 이용할 수 있습니다.
효율적인 기록 관리: 사용자, 공급업체 및 관리자는 모바일 앱 내에서 서비스 기록, 송장, 지불 영수증을 손쉽게 관리할 수 있습니다.
정보에 입각한 선택: 이 앱을 사용하면 사용자는 서비스 제공업체에 대한 리뷰와 평가를 확인하여 정보에 입각한 결정을 내릴 수 있습니다.
간소화된 청구: 간소화된 청구 절차를 통해 고객은 온라인으로 결제할 수 있으므로 현금 거래가 필요 없습니다.
지속적인 개선: 귀중한 고객 피드백, 리뷰, 분석은 회사의 서비스 품질을 향상하는 데 도움이 됩니다.
충성도 장려: 특별 행사, 할인, 로열티 프로그램은 고객의 재구매와 고객 유지에 도움이 됩니다.
즉각적인 커뮤니케이션: 챗봇 모듈은 질문과 우려 사항에 대한 접근 가능한 커뮤니케이션을 용이하게 합니다.
경쟁 우위: 앱은 경쟁 우위를 제공하고 기술에 정통한 고객을 유치합니다.
긴급 상황 시 생명선: 위급한 상황에서 앱은 생명선 역할을 하며, 사용자가 자신의 위치를 공유하고 즉각적인 도움을 요청할 수 있도록 해줍니다.