Kundenprojekt
MAXTON Floor Planner
Vom Grundriss bis zur bepreisten Materialliste, im Browser.
Ein interaktiver Bodenplaner für MAXTON Design Deutschland. Kunden planen damit ihren Boden aus MAXTON-Floor-Klickfliesen für Garage, Werkstatt, Halle oder Messestand: Grundfläche, Einfahrten und Fliesenmuster, Schritt für Schritt. Am Ende steht eine fertige, bepreiste Materialliste.
Optisch und technisch an den MAXTON-Design-Shop angelehnt: eigenes CSS, self-hosted Fonts, kein Build-Prozess.
- Kunde
- MAXTON Design Deutschland
- Bereich
- Modulböden für Garage, Werkstatt, Halle
- Umsetzung
- Rund 4 Wochen, allein
- Status
- Frisch live
Die Aufgabe
MAXTON Floor besteht aus Fliesen mit 333 × 333 mm, verkauft in Paketen zu 9 Stück (1 m²), dazu gerade Rampen und Eckrampen einzeln. Für eine konkrete Fläche ist das erklärungsbedürftig: Wie viele Pakete, wie viele Schnittfliesen, wo sitzen Auffahrrampen und Eckteile?
Ein Wizard in 5 Schritten
Den Boden planen, Schritt für Schritt
Grundform der Fläche wählen (Quadrat, L- oder T-Form), Maße eingeben oder die Form-Griffe direkt ziehen, Einfahrten und Auffahrrampen per Klick setzen, Randfliesen und Muster wählen oder selbst malen.
Am Ende steht die Zusammenfassung: maßstabsgetreues Layout und vollständige Mengen- und Preiskalkulation, inklusive Produktbildern.
Präzise bis zur Kante
Fliesen- und Rampenlogik
Volle und geschnittene Fliesen füllen die Fläche, Rampenstücke haben exakt eine Fliesenlänge, sitzen nur auf passenden Fliesen und ragen nie über die Kante hinaus. Innenecken werden korrekt behandelt.
Die interaktive Zeichenfläche mit Mausrad-Zoom und Drag-to-Pan nutzt die volle Breite, ohne Seiten-Scrolling.
Planen, speichern, weitergeben
Teilen und Zweisprachigkeit
Die Konfiguration lässt sich als Share-Link weitergeben, das Layout wird beim Öffnen vollständig wiederhergestellt. Eingaben bleiben zwischen den Schritten erhalten.
Der Planer ist zweisprachig, Deutsch und Englisch, umschaltbar per Dropdown.
Schlank und direkt lauffähig
Reines PHP als session-gesteuerter Wizard, dazu Vanilla JavaScript mit SVG-Rendering. Ohne Framework, ohne Paketmanager, ohne Build-Schritt. Direkt lauffähig auf jedem PHP-Webserver. Konzept, Entwicklung und Umsetzung aus einer Hand.
- 5Schritte vom Grundriss zur Preisliste
- ~4 WochenUmsetzung
- 0Frameworks und Build-Schritte
Eingesetzte Technik
PHP
JavaScript
Erzähl mir, was bei dir hakt.
Beschreib in ein paar Sätzen, worum es geht und was heute fehlt. Je konkreter, desto brauchbarer die Antwort. Erste Rückmeldung meist am selben Tag.