1
Main Website
1
User Dashboard
6+
New Admin Modules
A

Main Website & User Dashboard

The high-performance Next.js public-facing website and dedicated user dashboard that customers interact with — from searching for vehicles to managing accounts.

🔍

1. Smart Trip Search

Full-featured search card with pick-up/return location comboboxes (auto-complete with map pins), date-time pickers, "return to different location" toggle, promo code field, and a primary "Search Cars" CTA. Validates impossible date combinations before results load, reducing support calls.

Core Feature
📦

2. Live Inventory & Availability

Real-time vehicle availability connected to the fleet system. Each vehicle row shows thumbnail, specs, pricing, and status pills (Available / Few Left / Sold Out). Skeleton loading with shimmer while data resolves. Prevents double-booking and sets honest expectations.

Core Feature
⚖️

3. Filters & Compare

Desktop sidebar and mobile bottom-sheet filters by price range, vehicle class, fuel type, transmission, passengers, and features. Compare tray allows side-by-side comparison of up to 3 vehicles with specs and total price alignment.

Core Feature
💰

4. Transparent Pricing Breakdown

Receipt-style pricing card showing base rate, taxes & fees, location surcharges, add-ons, and total trip price with expandable fee groups. Supports partial pay display showing deposit amount, balance due, and due date. Live-updating digit animations on changes.

Core Feature
🚗

5. Vehicle Detail & Policies

Hero image gallery with dot pagination, icon grid for specs (seats, fuel, transmission, bags), accordion blocks for mileage / fuel policy / cancellation terms, and a sticky bottom CTA bar for mobile. One place where the customer commits mentally.

Core Feature
🛡️

6. Add-Ons & Protection Upsell

Grid of add-on tiles (child seat, GPS, additional driver, insurance tiers, prepaid fuel, toll pass, winter package, etc.) with toggle/checkbox and live total updates. One "Recommended" bundle highlighted. Full add-on catalogue configurable per market.

Revenue Feature
💳

7. Checkout & Payments

Multi-step wizard (Details → Add-ons → Pay → Confirmation) with animated step transitions. Supports card payments, digital wallets, and UPI. Partial pay option: radio cards for "Pay deposit now" vs "Pay in full" with clear terms and amounts.

Core Feature
📧

8. Confirmations & Notifications

Automated email and SMS notifications for booking confirmation, changes, cancellation, day-before reminders, and payment due alerts. Branded HTML templates with action buttons (View Trip, Add to Calendar, Pay Balance).

Core Feature
👤

9. Comprehensive User Dashboard

A dedicated portal for customers: Tabbed account dashboard showing upcoming / past trips, documents, and payments. Features trip cards with status pills, deposit tracking progress bar, modify/cancel actions, saved locations, and one-tap rebooking.

Priority Deliverable
🚌

10. Shuttle / Pickup Experience

Map card with route polyline, ETA countdown (colour shift amber→green), bay/door info, and step-by-step instructions (Board shuttle → Routes counter). Reduces anxiety and no-shows at airport locations.

Optional — Airport Locations
📍

11. Smart Location Suggestions

Device GPS "Locate Me" button with auto-ranked branch suggestions by distance. IP/city fallback for non-GPS browsers. Remembers recent pickup/return pairs for one-tap repeat search. Mini map with branch pins.

Smart Feature
🌐

12. SEO & Location Landing Pages

Dedicated indexable pages for each city/airport: "Rent a car in {City}" with H1, compact search card, local testimonials, FAQ accordion, and schema markup. Drives organic traffic without duplicating logic.

Growth Feature

B

Super Admin & Hub Panel Integration

Instead of starting from zero, we will integrate powerful new modules directly into your existing Super Admin and Hub Panel, modernising your operations seamlessly.

🚘

13. Fleet & Rates Management

Data table with vehicle inventory: class, plate, status dot, base rate, and actions. Pricing calendar with mini month grid for date-specific overrides, surcharges by location, and blackout dates. The operational backbone.

Admin Module
📋

14. Bookings & Pipeline

Kanban board with drag-and-drop booking cards across lifecycle stages (Pending → Confirmed → Active → Returned). Detail drawer with full booking info, internal notes, and audit trail. Handles no-show, upgrade, and damage flags.

Admin Module
📊

15. Payments & Refunds

Ledger table with every transaction: deposits, balance captures, refunds, and chargebacks linked to bookings. Filter chips, right-aligned amounts. Supports partial refunds, failed balance retries, and full reconciliation.

Admin Module
🏷️

16. Promos & Coupons

Create and manage promo codes: percentage off, cap limits, date windows, stackability, first-time-only rules. Live preview showing sample total before/after. Location and vehicle class restrictions.

Admin Module
📈

17. Reporting Dashboard

KPI tiles (revenue, bookings, utilisation) with sparklines, bar charts for revenue by branch, donut chart for fleet utilisation, and date range filters. Animated data visualisation on load.

Admin Module
⚙️

18. Add-On Rules Engine

Admin companion to customer add-ons: toggle items on/off per branch, set eligibility by vehicle class, configure min-day rules, and price models. Prevents selling incompatible add-ons per market/season.

Admin Module

C

Advanced Features

Intelligent and trust-building features that differentiate Routes from competitors.

🤖

19. Conversational AI Booking Assistant

A seamless conversational agent that handles any customer questions and guides them through the rental process. Users can book directly from the chat—simply typing "I need an SUV in Toronto tomorrow" will automatically apply location/date filters, show available vehicles inside the chat window, and let them reserve instantly. Includes strict guardrails (no hallucinated pricing) and live API syncing.

Hero AI Feature

20. Trust, Safety & Compliance

Driver verification with badge stack, licence upload with document retention, KYC hooks, and optional incident reporting after return. Essential for insurance partners and premium vehicle segments.

Compliance Feature
💸

21. Partial Pay (Deposit System)

Customers secure bookings with a deposit instead of paying 100% upfront. Admin defines deposit percentage/floor, balance due timing, and forfeiture rules. Customer sees progress bar "Paid ___ of ___". Reduces checkout abandonment.

Revenue Feature
🧠

22. AEO & LLM SEO Optimisation

Beyond traditional Google rankings, we implement Answer Engine Optimisation (AEO) patterns so Large Language Models (like ChatGPT, Perplexity, Gemini) correctly cite Routes Car Rental for query responses. This includes contextual data structuring and semantic authority signals.

AI Growth Feature

D

Add-On Options Catalogue

Complete checklist of add-ons supported by the platform. Not every market needs every item — the rules engine (Feature 18) controls availability per branch and season.

Add-On Pricing Model Notes
Child Seat (infant / toddler / booster) Per day or per rental Age band segmented control
Additional Driver Per day, capped per rental Driver verification required
GPS / Navigation Per day Connected navigation device
Mobile Wi-Fi Hotspot Per day + data cap Optional data tier dropdown
Roadside Assistance Upgrade Flat or per day "What's covered" expandable info
Insurance / Protection Tiers Per day or tiered packages Complete / Standard / Basic tiers (Hertz-style)
Mileage Pack Package or per unit Stepper control for quantity
Prepaid Fuel Fixed or estimated Tooltip with fuel policy details
Toll Pass / Transponder Per day + tolls billed later Regional logos; popular in Florida
Winter Package Per rental or per day Greyed out when ineligible (warm regions)
Ski / Roof Equipment Per rental Vehicle compatibility tag
Young Driver Fee Per day (auto-applied) Inline amber banner in pricing breakdown
After-Hours Pickup / Return Fixed fee Triggered when time picker crosses business hours
Delivery / Collection Zone-based matrix Address auto-complete integration
Priority Service Flat fee Skip-the-line badge
Pet Travel / Cleaning Fee One-time Policy accordion with legal terms
Carbon Offset Fixed per rental Partner lockup with heart icon toggle
📋

Phase 1 Focus: We recommend launching with 6–8 core add-ons that Routes currently offers across its highest-volume markets. The remaining items can be enabled per market through the admin rules engine in Phase 2.


E

Technology Stack

Modern, battle-tested technologies chosen for performance, developer productivity, and long-term maintainability.

Layer Technology Rationale
Frontend Framework Next.js (App Router) & React Enterprise-grade Next.js architecture providing crucial Server-Side Rendering (SSR) for blazing fast loads, superior SEO indexing, and robust performance.
Build Tool Next.js Build System Optimised production builds, edge caching, and automatic Image/Font optimisation out of the box.
Styling Tailwind CSS 4 Rapid UI development, design consistency, small production CSS bundle, already in the project
Routing React Router v7 Declarative routing, nested layouts, route-level code splitting
State Management Zustand / React Context Lightweight, minimal boilerplate, perfect for booking flow state
Backend / API Next.js API Routes / Node.js Seamlessly integrated full-stack Next.js environment, reducing latency and simplifying deployments.
Database PostgreSQL + Prisma ORM Relational integrity for bookings/payments, type-safe queries, migration management
Authentication NextAuth.js / Clerk Secure session management, social login support, role-based access for admin
Payment Gateway Stripe / Razorpay (if in India) PCI-compliant, supports cards/wallets/UPI, delayed capture for deposits
Email / SMS SendGrid + Twilio Transactional email templates, SMS notifications, delivery tracking
Maps Mapbox / Google Maps API Location search, branch pins, shuttle route polylines, geolocation
AI / Chatbot OpenAI API + Custom RAG FAQ-trained chatbot with guardrails, no hallucinated prices
Hosting Vercel / AWS Edge CDN, auto-scaling, SSL, CI/CD pipelines, 99.99% uptime
Monitoring Sentry + Vercel Analytics Error tracking, performance monitoring, real-user metrics

F

Design System & UI Standards

Visual Language

Surface White (#FFFFFF) or cool off-white (#F8FAFC); radius 20–24px; 1px border #E2E8F0; soft shadow
Typography Dark slate headings (#0F172A), body (#475569); brand accent on primary CTA and focus states only
Density 24px card padding, 16px nested; whitespace-driven layout; hairline dividers (#F1F5F9)
Motion Cards fade in + translateY(8px→0) over 280–360ms, stagger 40–60ms per row; reduced motion respected
CTA Buttons Hover: lift translateY(-1px) + shadow deepen 150ms; Press: scale 0.98 at 80ms
Loading Skeleton blocks in #E2E8F0 with shimmer gradient sweep at 1.2s loop
Accessibility WCAG 2.1 AA compliance, keyboard navigation, screen reader support, prefers-reduced-motion
🎨

The design system is light-box & whitespace-first — inspired by Hertz and Avis at their best, but cleaner and more modern. All components will be documented in a shared Figma library for future use by Routes' team.

H

Deliverables Summary

  • Complete UI/UX design in Figma (wireframes + high-fidelity mockups + interactive prototype)
  • High-Performance Main Website powered by Next.js (SEO-optimised, lightning fast)
  • Comprehensive User Dashboard for customer self-service, trip management, and payments
  • Super Admin & Hub Panel Integration (incorporating 6 new advanced operational modules)
  • Backend APIs with database, authentication, and payment gateway integration
  • AI chatbot trained on Routes FAQs and policies
  • Email/SMS notification templates (booking, cancellation, reminders, payment due)
  • SEO-optimised location landing pages with schema markup
  • Shuttle tracker interface for airport locations
  • Production deployment with SSL, CDN, and performance monitoring
  • Source code repository with full ownership documentation
  • 2 months post-launch support and bug fixes
CONFIDENTIAL