The Challenge
Tonnenkonig needed a local service website that could turn an unglamorous but recurring need, waste bin cleaning, into a straightforward booking decision for households across Esslingen and Goppingen. The challenge was less about explaining the service and more about making booking itself painless: visitors needed to see instantly whether their address was covered, understand exactly what a cleaning included, and complete a multi-step booking without friction, for a service most people had never actively searched for before.
The Approach
The site pairs an interactive service-area map with a live booking flow: a visitor checks their location, sees an immediate coverage result, and if their area is served, moves directly into a multi-step booking modal. Rather than a single long form, the modal breaks booking into a per-bin configurator followed by a payment step, so the complexity of pricing multiple bins and choosing between SEPA and invoice payment stays manageable one step at a time.
Building a Service-Area Map That Actually Converts
The biggest structural risk was visitors bouncing before finding out whether the service covered their address. The site solves this with an interactive SVG map wired directly to a result card, so checking coverage for Esslingen or Goppingen takes one click and produces an immediate answer, with the booking modal opening straight from that result rather than sending the visitor hunting for a separate contact form.
A Booking Flow Built for Multiple Bins and Real Payment Methods
Because households often need more than one bin cleaned, the booking modal includes a per-bin configurator that keeps pricing synced to a live pricing source as selections change, followed by a payment step supporting both SEPA direct debit and invoice payment, reflecting how German households actually expect to pay for a recurring local service.
