Back to projects02 / Boat rental · Online booking · Admin

Marina & Bootsverleih FILEK

Website and booking system for my own boat rental business at Bärwalder See.

Guests check free times, rental length and price themselves and book online. On the jetty, I keep bookings, boats and opening hours in one admin area.

Portfolio version with sample data – bookings stay in your browser only.

Built for a business I run myself.

Marina & Bootsverleih FILEK is not a demo project. The website and booking system were built for my own operating boat rental at Bärwalder See – with real boats, real opening hours, real prices, real customer questions and real day-to-day work on the jetty.

  • Boats · SUP · Kayak
  • Custom opening hours & holidays
  • Booking system in several languages
Marina & Bootsverleih FILEK – sunset at Bärwalder SeeVena 707 – Marina & Bootsverleih FILEKMarina & Bootsverleih FILEK – the marina from above

Before: every booking meant follow-up questions.

Many enquiries came by phone, WhatsApp or Messenger. Availability, duration, price and conditions had to be explained by hand, again and again.

  • „Is there still a boat free tomorrow at 10?“
  • „How much is the Vena for three hours?“
  • „Can I start at 2 pm instead?“
  • „Do I need a boat licence?“

The real problem wasn't the rental itself – it was the communication before every booking.

Today the system guides the customer through the booking.

Availability, rental length, price, conditions and confirmation are explained step by step. Customers get the key information right inside the booking – no unnecessary questions, no manual price calculation.

Home page with booking bar: boat, date, rental time, start time and people

How a booking works.

Five steps – each screenshot shows exactly the step described.

  1. Choose a boat or board
    01

    Choose a boat or board

    The customer picks a boat or water sports equipment using real photos and clear information.

  2. Check availability
    02

    Check availability

    The system shows suitable start times for the chosen day. If a slot isn't available, another time can be picked straight away.

  3. See duration and price
    03

    See duration and price

    Rental length, end time and price are shown immediately. The customer knows what the trip costs before booking.

  4. Details and conditions
    04

    Details and conditions

    Contact details, notes and rental conditions are collected in one clear step.

  5. Confirm the booking
    05

    Confirm the booking

    Finally, the customer gets a clear summary of the reservation with the key information.

More than just a website.

01
Availability
Free times depend on day, time and rental length.
02
Flexible rental length
The customer chooses start time and duration right in the booking.
03
Prices
The price matches the chosen rental length.
04
Custom opening hours
Different hours for weekdays, weekends and public holidays are taken into account.
05
Multilingual
The website and booking are designed for international guests.
06
On mobile
The whole booking works on a smartphone too.

Real boats, real jetty.

All photos come from the business. Each boat has its own prices, capacity and status in the system.

Vena 707 – Marina & Bootsverleih FILEK
Vena 707Electric boat with sun canopy, up to 8 people
Vena 420 – Marina & Bootsverleih FILEK
Vena 420Compact boat, up to 4 people
SUP & kayak – Marina & Bootsverleih FILEK
SUP & kayakPaddle and life jacket included
Marina & Bootsverleih FILEK – mobile view

Most guests book on their phone.

The whole flow is built for small screens – large controls, clear steps, no detours.

And on the other side: the admin area.

Bookings, calendar, boats, opening hours and website content in one place – from a phone too.

And on the other side: the admin area.
  • 01Calendar
  • 02Bookings
  • 03Fleet & maintenance
  • 04Opening hours & holidays
  • 05Extras & payment
  • 06Vouchers
  • 07Website content
  • 08Legal texts

What I built.

The system follows the work on the jetty – not the other way round. It keeps growing with the business.

TechnologyReact 19TypeScriptTanStack RouterTanStack QueryViteTailwind CSSRadix UIZoddate-fns
  • Multilingual website with content management
  • Booking flow with availability and pricing logic
  • Suggestions for other times when a slot is taken
  • Admin with calendar, bookings and fleet
  • Opening hours, holidays and blocked times
  • Extras, vouchers and legal texts

See the project live

The boat rental is real – see for yourself.

Or try it here in the portfolio: Try the booking · View the admin area

The portfolio version uses fictional guests and bookings. No real customer data is shown.