Section 05
Project Timeline & Milestones
A 10-week delivery plan structured in 7 phases with clear milestones, sprint deliverables, and client review checkpoints.
Visual Timeline
Week 1 Week 2 Week 3 Week 4 Week 5 Week 6 Week 7 Week 8 Week 9 Week 10
Note: Frontend and backend development run in parallel starting Week 3. Admin panel development begins in Week 7 as core customer features stabilise. This overlapping approach allows us to deliver a full platform within 10 weeks.
Detailed Phase Breakdown
Phase 1 — Discovery & UI/UX Design
Deep research, wireframing, and high-fidelity design for client review.
- Stakeholder interviews & detailed requirement gathering
- Competitor analysis (Hertz, Avis, Enterprise UX patterns)
- Information architecture & site map
- Wireframes for all customer pages and admin modules
- High-fidelity UI/UX mockups in Figma
- Interactive prototype for booking flow walkthrough
- Design system & component library setup
- Milestone: Client sign-off on designs
Phase 2 — Frontend Development
Building the complete customer-facing UI with React + TypeScript.
- Homepage with smart trip search, offers carousel, reviews widget
- Vehicle listing page with filters, sorting, and compare tray
- Vehicle detail page with gallery, specs, policies, and sticky CTA
- Add-ons & protection upsell grid with live total updates
- Multi-step checkout flow with payment form
- Confirmation page with success animation
- Customer account dashboard (trips, documents, payments)
- Locations page, Offers page, Contact page
- Shuttle tracker interface
- Responsive design for all screen sizes (mobile-first)
- Micro-animations, skeleton loaders, and transitions
- Milestone: Functional UI demo on staging (Week 4 & Week 6)
Phase 3 — Backend Development & APIs
Server-side logic, database, APIs, and third-party integrations.
- Database schema design (PostgreSQL) — vehicles, bookings, users, payments, promos
- RESTful API development with authentication & authorization
- Booking engine with availability checks and conflict prevention
- Payment gateway integration (Stripe/Razorpay (if in India)) with deposit support
- Promo code validation & discount calculation engine
- Email/SMS notification service (SendGrid + Twilio)
- User authentication (signup, login, social, password reset)
- Document upload endpoints for licence/KYC
- Location search API with geolocation
- Google Reviews API integration
- Milestone: API completion & frontend integration (Week 7)
Phase 4 — Admin Dashboard
Internal operations panel for Routes staff.
- Fleet & inventory management module with pricing calendar
- Bookings Kanban pipeline with drag-and-drop and detail drawer
- Payments & refund ledger with transaction history
- Promo codes CRUD with validation rules and live preview
- Analytics dashboard with KPI tiles, charts, and date filters
- Add-on rules engine (per branch, per vehicle class toggles)
- Role-based access control (admin, manager, agent)
- Milestone: Admin demo (Week 9)
Phase 5 — Advanced Features
AI, smart features, and SEO infrastructure.
- AI rental assistant chatbot (FAQ-trained, policy-aware, guardrailed)
- Smart location suggestions with GPS and recent pairs
- SEO-optimized landing page templates for cities/airports
- Schema markup, meta tags, and Open Graph for all pages
- Trust & compliance hooks (driver verification, document retention)
- Partial pay system (deposit/balance logic, reminders)
- Milestone: Feature-complete build (Week 9)
Phase 6 — Testing & Quality Assurance
Comprehensive testing across all surfaces and scenarios.
- Functional testing of all booking and payment flows
- Cross-browser testing (Chrome, Firefox, Safari, Edge)
- Mobile responsiveness audit (iOS Safari, Android Chrome)
- Performance benchmarking (Core Web Vitals, Lighthouse)
- Security review (authentication, payment, input validation)
- Bug triage and critical fixes
- Milestone: QA sign-off
Phase 7 — Deployment & Launch
Go-live with zero-downtime cutover and monitoring.
- Production server setup and configuration
- CI/CD pipeline for automated deployments
- DNS configuration and SSL certificate
- Data migration (existing bookings, fleet data)
- Error monitoring and alerting setup (Sentry)
- Documentation and training materials for Routes team
- Handover session with admin walkthrough
- Milestone: 🚀 LIVE LAUNCH
Post-Launch Support
Ongoing support after launch.
- Bug fixes and hotfixes (priority response within 4 hours)
- Minor UI/UX adjustments based on real-user feedback
- Performance monitoring and optimization
- Knowledge transfer and documentation updates
Team & Process
| Role | Responsibility | Allocation |
|---|---|---|
| Project Manager | Client communication, sprint planning, milestone tracking, risk management | Throughout (Part-time) |
| UI/UX Designer | Wireframes, high-fidelity mockups, design system, prototype, usability review | Weeks 1–3 (Full-time) |
| Frontend Developer | React/TypeScript development, responsive UI, animations, component library | Weeks 3–10 (Full-time) |
| Backend Developer | API development, database, payment integration, authentication, business logic | Weeks 3–10 (Full-time) |
| QA Engineer | Test case creation, functional testing, cross-browser QA, performance audit | Week 10 (Full-time) |
Communication Cadence
- Weekly standup: 30-min progress update every Monday
- Sprint demo: Live demo every 2 Months on staging
- Slack/WhatsApp: Real-time channel for questions
- Email reports: Weekly summary with screenshots
Tools & Collaboration
- Design: Figma (shared workspace with comment access)
- Code: GitHub (private repository, PR-based workflow)
- Tasks: Linear / Jira (sprint board shared with client)
- Staging: Vercel preview deployments per PR