Parkopoly

Our partner Arthur Darde, a co-founder and CTO of a French startup, wanted us to upgrade their back office application facilitating car repair and maintenance services. Their objective was to make the app more functional and user-friendly through front-end redesign and overall improvement.

Client’s Background

Founded in 2016, Parkopoly is a platform aimed at making the lives of vehicle owners in the city easier. Using the company’s website, they get access to a vast community of independent drivers who can take cars to dealerships’ repair centers for servicing and then bring them back to end consumers’ doors.

Currently based in Paris, Parkopoly also operates in Bordeaux, Rouen, and on the Riviera. Moreover, it cooperates with famous brands such as BMW, Peugeot, and Renault. The Parkopoly team has exceeded 10 members, including a former head doorman at luxury hotels in Paris and a customer experience manager who previously worked at Peugeot and Citroën.

parkopoly-custom-web-application-development

The challenge

The initial Parkopoly back-office application was built in HTML for proof of concept. Before contacting us, they had been testing the pilot version  for six months to gain a better understanding of what they would like to improve. Together with the client, we decided to move the app to AngularJS. Besides, it was agreed to completely redesign many elements and expand the project’s functionality.

One of the key requirements of the Parkopoly team for the project was for it to be compatible with Internet Explorer. Unfortunately, AngularJS is not supported by all versions of IE; thus, our challenge was to create an app that  would work properly in this browser including its latest version, IE11.

Importance

Car owners rarely know how long will it take to repair or service their vehicle. Sometimes, a routine 30-minute procedure like a tire replacement or an oil change turns into a day-long session. Besides, every six months a car needs to undergo interim or full service, which on average lasts up to three hours. It’s also worth mentioning that in big cities people spend nearly 50% of their driving time in traffic congestion.

All this having been said, it comes as no surprise that car transportation services are becoming increasingly popular. They appear to be particularly relevant in big urban centers. Just for reference, the 2017 top ten cities with the worst traffic are:

  1. Los Angeles (CA, USA)
  2. Moscow (Russia)
  3. New York City (NY, USA)
  4. Sao Paolo (Brazil)
  5. San Francisco (CA, USA)
  6. Bogotá (Colombia)
  7. London (UK)
  8. Atlanta (GA, USA)
  9. Paris (France)
  10. Miami (FL, USA)

Our Approach

Project initiation and planning

Our team thoroughly studied the existing web app and our partner’s requirements to define the scope. We also made sure that the app’s design was mobile-friendly. To meet the deadlines, we assigned four developers to the project and divided it into phases.

Managing multiple change requests

Over the course of our partnership, the Parkopoly team was still working to improve the services delivered to clients. As the project evolved, more auto dealerships were willing to work with the startup. New companies wanted extra unique features to be added to the back office.

To avoid scope creep, we needed to analyze and document the impact of each proposed change on the whole app. Before integrating additional elements, we discussed new deadlines and charges with the client. Alterations resulted in a three-fold budget increase, but everything was agreed upon and under control.

Migrating from AngularJS to Angular 6

Enhancing user experience, Parkopoly considered the integration of an interactive map that would display traffic conditions. To implement this idea, we needed a technology that ensured better performance and, thus, enabled efficient real-time rendering. Eventually, it was decided to migrate the app from AngularJS to Angular 6. For this task, we provided extra developers who performed the migration within 2.5 months.

The project

The Parkopoly back office application works like a hub that connects car owners, independent drivers, and auto dealerships. It allows transportation companies to create, track, and manage the so-called missions or tasks. The missions may be as follows:

  • to deliver a car to a repair shop and back to its owner’s door;
  • to drive a new car from a dealership to its owner;
  • to drive a new car for a potential owner for testing, then bring it back to the dealership center.

The well-structured database keeps record of customers’ data and mission configurations, saving managers time. The platform also enhances a dealership’s efficiency and physical capacity. Thanks to independent drivers assigned to each mission, vehicles don’t stay on site waiting for their owners, as they are driven away immediately after servicing.

Main Functionality

Creating missions

The dashboard lets managers create a new transportation mission in a few clicks. The app automatically calculates the distance and approximate drive time. The personalized map on the right visualizes missions and stores all of the user's favourite addresses.

parkopoly-transportation-app-mission-google-map-integration

Monitoring progress of multiple missions

The structured schedule allows managers to track the progress of every mission in real time. Users can also apply filters to missions if they want to arrange them by date, type, dealership center, etc.

parkopoly-france-startup-auto-ondemand-app

Billing

This section allows for organizing, monitoring, and filtering customers’ invoices (billing information). The dashboard shows financial data such as total amount collected, bank charges, and mission expenses. The system enables precise control over commercial operations, expenses and profits.

parkopoly-custom-on-demand-application-development

Involvement

Duration: February 2017 - August 2018

Team:

  • Project manager
  • 4 front-end developers

Contract type:  Fixed price

Project investment: from $10,000 to $49,999

Technologies & Integrations:

  • AngularJS
  • Angular 6
  • Angular Material
  • AngularUI
  • Angular CLI
  • TypeScript
  • Bootstrap
  • Fullcalendar
  • Google Maps
  • GulpJS

Project Type: Web application 

Industry: Automotive / Consumer Services

Country:  France

↑ Go up