MHA vtc

One of my first WebApps
MHA VTC needed an innovative booking solution to stand out in the Toulouse VTC market. I developed a complete webapp integrating Google Maps Directions API for real-time route calculation, a dynamic pricing system with contextual surcharges (20% in the evening, fixed weekend rates), and dual payment options via Stripe or in-car payment. This advanced technical solution revolutionized the VTC booking experience.

Category

Landing page

Profession

Web developer

Realization

2nd quarter 2024

Duration

2 weeks
The design research was lengthy, but it needed to reflect the image I want to convey on the web. Choosing an overly flashy identity could miscategorize my services, so I opted for a simple visual identity, allowing for a world of clean customization.

A perfect site on mobile and desktop

Every component of the site is designed to be properly displayed on all screens. The animations are discreetly placed to enhance the user experience, and everything is designed to be user-friendly (Automatic redirection to the correct contact form...)

A high level of customization for the client

The site includes a dark mode to allow for on-the-fly changes to the display type for the client. This customization option represents what I want to offer all my clients, a site that is not simply designed in one way, but adapts to the visitor.

An innovative use of the "simple"

It’s not new; to test a chef's quality, you must ask them to make a very simple dish. This website validates that test by offering an open vision of what we can provide.

 

I wanted my site, and all my creations, to have breathtaking performance, so I gathered all the best technologies to meet this decisive criterion.

Dedicated HTTP Cache

Your pages are served by the server, supported by the HTTP cache that will take care of storing already produced responses to serve them to the next visitors. This small detail accelerates web page loading by 80%.

Optimized Performance

For 3 years, the improvement and stabilization of the application has aimed to provide perfect performance on all hosting, and this is now a reality.

WebApp and Service Worker

Our site is not just a website; it is also an application. It will perform a number of tasks in the background as soon as you arrive, allowing you to navigate instantly on the site without even needing an internet connection. It can even be installed on your devices with one click.

Image / Asset Optimization

Each loaded file consumes data and generates wait time. Optimization is therefore crucial to ensure that the browser only loads what is necessary. All loads are optimized on our applications, and therefore on our site.
 
The main innovation of this webapp resided in its intelligent price calculation system and dual payment option. Each booking benefited from precise calculation based on the real route, with contextual pricing adapted to time slots.

Google Maps Directions API integration

The webapp integrated Google Maps Directions API to calculate in real-time the optimal route between departure and arrival points. This integration provided the exact distance in kilometers, taking into account traffic and road conditions, ensuring fair and transparent pricing for each ride.

Contextual dynamic pricing

The pricing system integrated contextual surcharges: +20% for evening rides and specific fixed rates for weekends. These parameters, configurable from the EasyAdmin back office, allowed the manager to quickly adapt pricing according to demand and operational constraints.

Dual payment system: Stripe + Car

Clients had the choice between immediate secure payment via Stripe or traditional payment in the car during pickup. This flexibility addressed users' varied preferences while simplifying management for the driver. The Symfony workflow automatically managed state transitions according to the chosen payment method.

The key figures

0.2s

Average display time of a page on the site

50+

Visits per day

500+ bookings

Bookings successfully processed through the webapp before business closure

< 2 minutes

Average time to complete a full booking via the webapp