Projekte, die laufen. Im Detail.

Ausgangslage

Der Hersteller verkauft über einen Online-Shop an Fachpartner. Seine Produktsysteme bestehen aus vielen Bauteilen und Maßen. Die Partner sollten sie selbst zusammenstellen, kalkulieren und als Angebot erhalten können, mit ihren individuellen Konditionen und ohne dass der Hersteller dafür ein weiteres System pflegen muss.

Lösung

• Konfigurator direkt im bestehenden Shop eingebettet; die Höhe passt sich automatisch an, ohne doppelte Scrollleisten
• Anmeldung über den Shop mit signierter Übergabe: Fachpartner brauchen kein zweites Passwort
• Live-Zeichnung mit Maßen und Elementnummern, auch auf dem Smartphone gut lesbar
• Preisberechnung mit kundenindividuellen Rabatten aus einer hochgeladenen Kundenliste
• Angebot als PDF mit Positionen, Einzelpreisen, Gültigkeitsdatum und Feld für die Auftragserteilung
• Verwaltungsbereich: Preise je Bauteil mit Versionen, Kundenliste per CSV-Import mit Vorschau

Ergebnis

Seit Oktober 2026 live im Shop des Herstellers. Preise und Konditionen pflegt das Team selbst. Neue Stände laufen zuerst in einer eigenen Testumgebung; vor Updates wird die Datenbank gesichert.

Technik & Betrieb

• Next.js / React
• SQLite
• Docker
• HTTPS mit Caddy
• Eigener Server in Deutschland

Ausgangslage

Die bestehende WordPress-Seite sollte abgelöst werden: inhaltlich vollständig mit allen Unterseiten, gestalterisch komplett neu und modern.

Lösung

• Alle zwölf Inhaltsseiten unter ihren bisherigen Adressen, dazu eine eigene Fehlerseite
• Fuhrpark mit Filter nach Aufliegertyp und Nutzlast; die Fahrzeugschemata entstehen automatisch aus den Daten
• Galerie mit Filter und Vollbildansicht, auch per Tastatur bedienbar
• Anfrageformular mit Anliegen und optionalen Transportangaben
• Schnellkontaktleiste auf dem Smartphone
• Logo als scharfe Vektorgrafik neu aufgebaut, Gestaltung in der Hausfarbe

Stand

Als klickbare Demo veröffentlicht und in Abstimmung mit dem Kunden. Die Seite kommt ohne Cookies, Tracking und externe Dienste aus.

Technik

• Statische Website
• Automatische Link- und Inhaltsprüfung
• Browser-Tests der Abläufe

Ausgangslage

Die bisherige Website war nur unverschlüsselt erreichbar, zeigte zwei überlagernde Cookie-Hinweise und blieb auf dem Smartphone leer.

Lösung

• Das Linien-Logo des Büros wurde vektorisiert und zeichnet sich auf der Startseite in räumlich gestaffelten Ebenen
• Vier Leistungsbereiche als Akkordeon mit Bildvorschau
• Projektgalerie: am Desktop querlaufend, auf dem Smartphone als Wischleiste, mit Lichtkasten
• Die neun Leistungsphasen als Zeitstrahl
• Eigener Bereich für Gutachten mit Schnittzeichnung und typischen Schadensbildern
• Ohne JavaScript bleiben alle Inhalte sichtbar; reduzierte Bewegung wird respektiert

Stand

Entwurf als Demo veröffentlicht und in Abstimmung mit dem Büro.

Technik

• Astro, statisch
• Animation ohne Bibliothek
• Keine Cookies, kein Tracking

Ausgangslage

Der Betrieb hatte bisher nur eine Übergangsseite. Gewünscht war eine Website, die Leistungen und Arbeiten ansprechend zeigt.

Lösung

• Original-Wortmarke und Hausfarben des Betriebs
• Alle Leistungsbereiche, darunter Ladenbau mit eigenem Abschnitt
• Arbeitsablauf als Zeitleiste erklärt
• Referenzgalerie mit Bildansicht
• Kontaktformular und Impressum nach aktuellem Digitale-Dienste-Gesetz
• Textkontraste nach WCAG geprüft

Stand

Als Demo veröffentlicht und in Abstimmung mit dem Betrieb.

Technik

• Astro, statisch
• Automatisierte Tests
• Keine externen Ressourcen

Ausgangslage

Kunden sollen früh sehen und selbst ausprobieren können, was entsteht, statt Folien und Beschreibungen zu lesen. Dafür braucht jedes Projekt eine stabile Adresse, die auch das Team des Kunden öffnen kann.

Lösung

• Eigener Demo-Server in einem deutschen Rechenzentrum
• Jedes Projekt erhält eine eigene Adresse unter demo.lutho-consulting.de
• Veröffentlicht wird nur ein geprüfter Stand, nachdem die Projektprüfungen bestanden sind
• Der vorherige Stand bleibt erhalten; ein fehlgeschlagener Build ändert die öffentliche Adresse nicht
• Demos sind für Suchmaschinen gesperrt

Ergebnis

Im Einsatz für die laufenden Lutho-Projekte. Neue Stände sind nach bestandener Prüfung direkt für den Kunden sichtbar.

Technik

• Eigener Server in Deutschland
• HTTPS
• Automatisierte Prüfkette
• Rückweg je Veröffentlichung