Zum Inhalt springen
Digital & Marketingagentur

Web-App · SNOGARD Serviceportal

SNOGARD Serviceportal: Online-Buchung mit 3D-Konfigurator

SNOGARD verkauft Computer und Komponenten und betreibt eine eigene Werkstatt in Frechen bei Köln. Reparaturen, Aufrüstungen und Montagen sollten sich online genauso einfach buchen lassen wie ein Produkt im Shop.

In Kooperation mit Clipzone haben wir ein Serviceportal entwickelt, über das Kunden Werkstattleistungen selbst buchen: vor Ort, in der Filiale oder per Fernwartung, mit transparenter Übersicht und einem 3D-Konfigurator für Montagen.

  • KundeSNOGARD Computer GmbH
  • BrancheIT-Handel & Werkstattservice
  • StandortFrechen bei Köln
  • In Kooperation mitClipzone
Web-App-Entwicklung: SNOGARD Serviceportal mit Online-Buchung von PC- und Notebook-Service in Frechen bei Köln

Projektumfang in Zahlen

Schritte in der Buchungsstrecke
8
buchbare Leistungen im Katalog
134
Ausführungsarten: vor Ort, Filiale, remote
3

Was dieses Projekt besonders macht.

  • Buchung in acht Schritten

    Gerät, Anliegen, Leistung, Ausführungsart, Termin und Angaben, verständlich geführt.

  • 3D-Montage-Konfigurator

    Das gewählte Bauteil leuchtet im 3D-Modell auf, Summe und Dauer aktualisieren sich live.

  • Reklamation mit Upload

    Fotos und Belege direkt hochladen, mit vorläufiger Prüfung der Gewährleistung.

  • Barrierearm & robust

    Dokumentierte Kontraste nach WCAG 2.1 AA und nutzbar auch ohne JavaScript.

Die Ausgangslage

Werkstattleistungen sind vielfältig: Ein Gaming-PC braucht andere Leistungen als ein Notebook oder eine Spielkonsole. Kunden sollten selbst die passende Leistung finden, ohne sich durch Fachbegriffe zu kämpfen, und die Werkstatt sollte vollständige Aufträge erhalten.

Das Ziel

Ein Serviceportal, über das Kunden Werkstattleistungen selbstständig, verständlich und mit transparentem Ablauf buchen, verknüpft mit dem bestehenden Onlineshop.

Im Detail

Werkstattservice so einfach buchen wie ein Produkt

Im Onlineshop kauft man mit wenigen Klicks. Bei Reparaturen, Aufrüstungen oder Montagen war das schwieriger, weil jede Leistung von Gerät, Anliegen und gewünschter Ausführung abhängt. Das Serviceportal bringt diese Vielfalt in eine klare Reihenfolge: erst das Gerät, dann das Anliegen, dann die passende Leistung.

Herzstück ist ein Katalog mit 134 Leistungskacheln, gefiltert nach Gerät und Ausführungsart. Kunden wählen, ob der Service vor Ort, in der Filiale oder per Fernwartung stattfinden soll, und sehen jederzeit, was sie gebucht haben. So kommen in der Werkstatt vollständige Aufträge an, statt unklarer Anfragen.

Für Montagen haben wir einen 3D-Konfigurator gebaut, der direkt im Browser läuft. Wer zum Beispiel einen neuen Arbeitsspeicher oder Kühler einbauen lassen möchte, sieht das Bauteil im Modell des Gehäuses aufleuchten. Summe und Dauer aktualisieren sich live. Das macht eine sonst abstrakte Leistung greifbar.

Technisch ist das Portal auf Sicherheit und Barrierefreiheit ausgelegt: strikte Content-Security-Policy, kein Tracking, dokumentierte Kontraste nach WCAG 2.1 AA und eine Oberfläche, die auch ohne JavaScript funktioniert. Verknüpft ist es über „Service buchen“ direkt mit dem bestehenden Onlineshop.

Unsere Lösung

So sind wir vorgegangen.

Schritt für Schritt vom Konzept zur fertigen Lösung, mit einem festen Ansprechpartner.

  1. 01

    Geführte Buchung

    Acht klare Schritte, die nur die Fragen stellen, die für das gewählte Gerät und Anliegen wirklich nötig sind.

  2. 02

    Leistungskatalog

    134 Leistungskacheln mit Filtern nach Gerät und Ausführungsart, damit jeder schnell das Passende findet.

  3. 03

    3D-Konfigurator

    Ein im Code gebautes 3D-Modell zeigt Montagen anschaulich: Bauteil wählen, es leuchtet im Gehäuse auf.

  4. 04

    Reklamation

    Ein eigener Weg für Gewährleistungsfälle mit Datei-Upload und vorläufiger Prüfung.

  5. 05

    Sicherheit und Barrierefreiheit

    Strikte Content-Security-Policy, kein Tracking und eine Oberfläche, die auch ohne JavaScript funktioniert.

Technik

Womit wir es gebaut haben.

  • PHProbustes Backend
  • three.js3D-Konfigurator im Browser
  • Alpine.jsschlanke Interaktivität
  • SupabaseDaten und Dateien
SNOGARD Serviceportal auf dem Smartphone

Ergebnis

Was umgesetzt wurde.

  • Serviceportal live und über „Service buchen“ aus dem Onlineshop erreichbar
  • Buchung von Werkstattleistungen vor Ort, in der Filiale oder per Fernwartung
  • 3D-Montage-Konfigurator mit Live-Übersicht
  • Reklamationsstrecke mit Upload

Erkenntnisse

Was wir aus dem Projekt mitnehmen.

  1. Komplexität in Schritte zerlegen

    Viele Optionen überfordern nicht, wenn sie in einer logischen Reihenfolge abgefragt werden.

  2. Visualisieren statt beschreiben

    Ein 3D-Modell erklärt eine Montage schneller als jeder Text und reduziert Rückfragen.

  3. Robust für alle Nutzer

    Ein Portal, das auch ohne JavaScript und mit guten Kontrasten funktioniert, erreicht mehr Kunden.

Für dein Unternehmen

Buchungsportale für deinen Service

Ob Werkstatt, Studio oder Dienstleister mit vielen Leistungen: Wir bauen Buchungsstrecken, die Kunden selbstständig zur passenden Leistung führen und dir vollständige Aufträge liefern.

Passt besonders für

  • Werkstätten und IT-Service
  • Handwerksbetriebe
  • Studios und Raumvermietung
  • Händler mit Serviceangebot
  • Beratungs- und Termin-Dienstleister

Fragen zum Projekt

Häufige Fragen zu SNOGARD Serviceportal, klar beantwortet.

Was Interessenten uns zu dieser Art von Projekt am häufigsten fragen.

Kann Indievisual ein Buchungsportal für meinen Service entwickeln?

Ja. Für SNOGARD haben wir eine Buchungsstrecke mit Leistungskatalog, Terminwahl und Reklamationsprozess umgesetzt. Ob Werkstatt, Agentur oder Dienstleister: Wir bauen Buchungsportale, die zu deinen Abläufen passen.

Was bringt ein 3D-Konfigurator auf einer Website?

Ein Konfigurator macht erklärungsbedürftige Leistungen sichtbar. Kunden sehen sofort, was sie wählen, und verstehen den Umfang, bevor sie buchen. Das reduziert Rückfragen und Missverständnisse.

Kann ein Buchungsportal an meinen bestehenden Onlineshop angebunden werden?

Ja. Das SNOGARD Serviceportal ist über „Service buchen“ direkt aus dem Onlineshop erreichbar. Je nach Shop-System sind auch tiefere Anbindungen über Schnittstellen möglich.

Funktioniert ein 3D-Konfigurator auch auf dem Smartphone?

Ja. Der Konfigurator läuft direkt im Browser und ist für Touch-Bedienung ausgelegt. Wichtig ist, das 3D-Modell schlank zu halten, damit es auch mobil schnell lädt.

Lass uns dein Projekt realisieren.

Unverbindliches Erstgespräch, 30 Minuten. Du erzählst, was du vorhast, ich zeige dir, wie wir es umsetzen können.

Kontakt

Erzähl mir von deinem Projekt.

Ein paar Sätze reichen. Ich melde mich persönlich, und wir klären in einem unverbindlichen Gespräch, was sinnvoll ist.

Worum geht es?

Wähle den Bereich, der am besten passt.

Dauert unter einer Minute.