Romorquage Mont Rapido
A modern, conversion-focused landing page for a professional towing service. Features real-time location mapping, service showcase, and instant contact options to connect stranded drivers with help fast.
Overview
The Challenge
When your car breaks down on the side of the road, every second counts. You need help fast, but finding a reliable towing service in the moment of stress is difficult. Most towing company websites are outdated, hard to navigate on mobile, and don't make it easy to quickly get in touch.
Romorquage Mont Rapido needed a modern, mobile-first landing page that would instantly communicate trust, showcase their professional equipment and services, and make it dead simple for stranded drivers to call for help — all while highlighting their coverage area with an interactive map.
The solution: a fast-loading, conversion-optimized landing page built with Next.js and Tailwind CSS. Real-time location mapping shows service coverage, high-quality imagery builds trust, and prominent call-to-action buttons ensure customers can reach help with one tap.
Timeline
2 weeks
Role
Full-Stack Developer & Designer
Tech Stack
- • Next.js 14
- • Tailwind CSS
- • Supabase
- • Google Maps API
- • Framer Motion
Deliverables
- • Landing Page Design
- • Interactive Map Integration
- • Mobile-First UI
- • Contact Forms
Features
Built for Conversions
Every element designed to build trust and drive action — from the first impression to the final call.
Interactive Location Map
Real-time Google Maps integration showing service coverage area, helping customers instantly see if they're within range.
One-Tap Calling
Prominent phone number buttons throughout the page — mobile users can call with a single tap from any section.
Professional Equipment Showcase
High-quality imagery of tow trucks and equipment builds immediate trust and credibility.
Service Categories
Clear breakdown of services — accident towing, breakdown assistance, long-distance transport, and more.
Customer Reviews
Social proof through testimonials and ratings to reassure stressed customers they're making the right choice.
FAQ Section
Answers to common questions about pricing, response times, and coverage areas to reduce friction.
Services
Comprehensive Towing Solutions
Clear service offerings with professional imagery to showcase capabilities and build customer confidence.
Trust Signals
Building Customer Confidence
Reviews, testimonials, and transparency help stressed customers feel confident they're choosing the right service.
Key Features
Designed for Mobile-First Experience
Fast loading, intuitive navigation, and optimized for users in stressful roadside situations.
Technical Stack
Modern, Fast, Reliable
Next.js 14
Server-side rendering for instant page loads and optimal SEO performance.
Google Maps API
Interactive map showing service coverage area and real-time location display.
Tailwind CSS
Utility-first styling for responsive design that looks great on all devices.
Supabase
Backend infrastructure for contact forms and customer inquiry management.
Impact
Driving Real Results
A modern, mobile-optimized landing page that converts stressed drivers into customers.
Mobile-First
Design
Real-Time
Location Map
One-Tap
Call to Action
Fast
Load Times
Engineering Challenges
The hard parts I solved
Mobile-first landing for stranded drivers
Solution · Hard performance budget — every asset under 200KB, no JS-heavy hero animations, critical-path CSS inlined. Tested on throttled 3G with Lighthouse mobile to validate sub-1.5s LCP.
Outcome · 100% Lighthouse mobile performance score. The "request a tow" CTA is reachable in under 2s even on poor cellular — exactly what stressed users need.
Real-time location-mapping integration
Solution · Mapbox GL on the customer side (lightweight tile rendering); Supabase realtime for driver-location updates pushed to subscribed clients. Customer trust signal: see the truck moving, not just an ETA.
Outcome · Customers stop calling dispatch "are you here yet?" because they can see the answer on the map.
Bilingual (FR + EN) without doubling the codebase
Solution · Next.js i18n routing with translation files per locale, locale detected from browser then user-overrideable. URL prefixes (/fr, /en) for shareability. Locale-aware metadata so social shares feel native per language.
Outcome · One codebase, two languages. Quebec users default to French; the rest of Canada to English. No fork.
Need a fast, mobile-first site?
I take on senior contract work for high-performance landing pages, real-time integrations, and i18n-ready sites.