We use optional analytics to understand how visitors use our website and improve the experience. You can accept or reject analytics, and change your choice anytime.

Privacy Policy

Client project

Launched

Mark Maeda Travel & Tour

Travel Booking Platform / Custom Web Application

Mark Maeda Travel & Tour is a launched booking platform for private tours and airport transfers. Travelers browse tours, choose places and a vehicle, and check out online. Staff manage the catalog from an admin area.

Mark Maeda Travel and Tour homepage with the headline Discover Japan with Confidence and a search field for tours and transfers.
Homepage

Project overview

The website combines private tour discovery, transfer services, customizable bookings, and online payments. A tour page lists places to visit. Vehicle choices are priced per vehicle, from an 8-seater through a big bus. Checkout keeps a shopping cart and offers a 25% deposit, a 50% deposit, or full payment.

The public site is live. The admin views below show catalog management and an overview of tours, transfers, and packages. A bookings screen with customer records is not included.

Tour discovery

The homepage introduces private tours and transfers and includes search. Featured tours highlight Tokyo, Mount Fuji, Osaka, and Kyoto, with region, duration, and a starting price. The catalog lists 12 tours and can be filtered.

A tour page covers the itinerary, highlights, and a price, and lets the traveler select places to visit before booking.

  • Hot Tours row with Tokyo, Mount Fuji, Osaka, and Kyoto day tours and starting prices.
    Featured tours
  • Tour catalog showing 12 tours, with region and title filters and cards for Tokyo, Mount Fuji, and Osaka.
    Tour catalog
  • Tokyo Day Tour page for the Kanto region, 10 hours, from 65,000 yen, with places to visit including Meiji Shrine, Harajuku, and the Imperial Palace.
    Tour details

Booking experience

On a tour, the traveler selects places to visit, then a vehicle. Vehicles are priced individually: 8-seater, 10-seater, 14-seater, Coaster, and Big Bus. The quantity controls update a subtotal.

Checkout shows the shopping cart, including the vehicle line, and three payment choices: 25% deposit, 50% deposit, or 100% full payment. The customer fields in this capture are empty.

  • Select places to visit on the Tokyo Day Tour, including Meiji Shrine, Harajuku, and the Imperial Palace.
    Place selection
  • Vehicle selection with per-vehicle prices for an 8-seater, 10-seater, 14-seater, Coaster, and Big Bus.
    Vehicle selection
  • Checkout cart for Tokyo Day Tour with one Big Bus, and payment options for a 25 percent deposit, a 50 percent deposit, or full payment.
    Checkout

Travel services

Airport transfers are listed as their own service, with routes such as Fukuoka Airport, Chubu Centrair, and Kansai International Airport, each with a starting price.

The site also has a reviews page. That screenshot is not published here because it shows identifiable travelers. No review text is quoted on this page.

  • Airport transfers for Fukuoka, Chubu Centrair, and Kansai International Airport, with starting prices.
    Airport transfers

Admin platform

The admin overview counts active tours, transfers, and packages, and lists recent catalog items. Tour management shows the catalog with region, duration, starting price, featured state, and status, plus actions to edit or archive a tour.

A bookings management screen exists in the admin navigation. It is not published here because it lists customer names, email addresses, and booking references.

  • Admin dashboard with counts for active tours, transfers, and packages, plus recent catalog items.
    Admin dashboard
  • Admin tour catalog with Tokyo, Mount Fuji, Osaka, Kyoto, Shirakawago, Niseko, and Sapporo day tours, regions, durations, and starting prices.
    Tour management

Technology

  • Next.jsApplication framework
  • ReactInterface
  • TypeScriptTyped application code
  • SupabaseBackend services
  • PostgreSQLDatabase
  • Stripe CheckoutOnline checkout
  • Stripe webhooksPayment event handling

Live website

The public website is available at the address below.

Visit live website (opens in a new tab)