Luxr is a complete platform for luxury transportation that revolutionizes the premium experience through a sophisticated web app. The platform allows users to register and access a complete ecosystem of services: booking one-way trips, round-trips, hourly services, and customizable tours. My role focused on developing the frontend of the web application, implementing an elegant interface that manages all the service functionalities.
The site is currently online at luxr.app - Important: the currently live version has been managed by other developers after my involvement. Any errors, modifications or problems in the online version are not related to my original work.
Project Overview
The main challenge was to create a complete user experience that handled all aspects of luxury transportation. The application had to allow users to:
- Register and manage their profile with personalized preferences
- Book flexible trips: one-way, round-trip, or hourly services
- Create custom tours choosing points to visit or selecting preset tours
- View complete history of all trips made
- Communicate directly with the driver during service
All while maintaining a refined aesthetic that distinguished Luxr from mainstream competitors.
Design and User Experience
The interface was designed by the design team to balance minimalism and functionality, using a dark color palette with golden accents to communicate exclusivity. The booking flow was optimized to reduce necessary steps, allowing users to book luxury transport with the same ease as traditional ride-sharing, but with customized options for specific preferences. My contribution focused on the technical implementation of this design vision.
Communication and Trip Management
The application included a direct messaging system with the driver and notifications for trip status updates. Users could view the complete history of their previous trips with all booking details. These features were essential to maintain the high service standards that luxury segment clients expect.
Technology Stack
The project used a modern separated architecture:
Frontend (Next.js):
- Next.js 14 with App Router for optimized SSR
- Tailwind CSS with Radix UI for base components
- tRPC for type-safe API communication
- Google Maps API for geolocation and tracking
- Zustand for global state management
- Framer Motion for premium animations
- Stripe integration for secure payments
Implemented Features:
- Complete registration and authentication system with user profile management
- Multiple trip booking: one-way, round-trip, hourly services
- Tour builder: creation of custom tours or selection from preset templates
- Complete trip history with details, receipts and possibility to rebook
- Real-time chat with drivers for direct communication during service
- Payment system integrated with Stripe for secure transactions
- Google Places integration for address autocomplete and points of interest
- Responsive user dashboard with all functionalities accessible
- Multilingual support (IT/EN) with next-intl