Taoyuan Airport Transfer Booking Platform
2024
BlackCat Fleet is a professional airport transfer brand in Taoyuan, specializing in "safe, punctual, and comfortable" airport shuttle experiences. They offer a wide range of vehicles from economy sedans to premium business cars, covering transfer services for both Taoyuan International Airport and Songshan Airport.
For this project, we built a LINE-centric booking platform for BlackCat Fleet. Using LINE LIFF technology, travelers can complete the entire booking process directly within the LINE app — from selecting a vehicle, entering trip details, to confirming the order — all in one seamless flow, without installing any additional app.
The backend is powered by Laravel + GraphQL, while the frontend is built with Astro + Vue 3, delivering high-performance server-side rendering with dynamic interactivity. The admin dashboard is built with Filament, enabling the operations team to manage orders, assign drivers, configure vehicles, and publish announcements in real time.
Integrated with LINE Front-end Framework, allowing travelers to complete the entire booking process — from selecting a vehicle, entering trip details, to confirming the order — directly within LINE, without installing any additional app
All data exchange between frontend and backend is handled via GraphQL, enabling booking queries, vehicle information, user management, and more, with precise field selection to improve loading efficiency
Instantly calculates transfer fees based on departure area, destination, vehicle type, number of passengers, and luggage count — transparent pricing with no hidden charges
A comprehensive back-office system built with Filament for managing bookings, driver assignments, vehicle configurations, announcements, and user data, supporting real-time operations management
Using LINE LIFF as the client-side entry point, travelers can open the full booking page directly within LINE after adding the official account as a friend. The system automatically retrieves LINE user information, eliminating the need for a tedious registration process and significantly lowering the booking barrier.
All data exchange between frontend and backend is handled via GraphQL, including booking creation/queries, vehicle information, user management, announcement system, and more. Compared to traditional REST APIs, GraphQL allows the frontend to precisely specify the required fields, reducing unnecessary data transfer and improving loading speed on mobile devices.
The booking form uses a six-step guided design: select trip type (pickup/drop-off) → date & time → passengers & luggage count → add-on services (child seat, name board service) → vehicle & pricing → confirm & submit. Each step includes real-time validation to ensure data completeness.
The back office is built with Filament, supporting order management (including driver assignment and status tracking), vehicle and pricing configuration, announcement publishing, LINE user management, and activity log tracking, enabling the operations team to efficiently manage day-to-day business.
CONTACT US
Whether it's a booking system, LINE integration, or airport transfer platform, we can build a tailored solution for you.
Contact Us
