Referenz: UX/UI für einen Produktkonfigurator

Konfigurator für Metallbau: UX und UI für Metallzeit.

Metallzeit aus Wolkersdorf baut Geländer, Carports, Stiegen und Überdachungen nach Maß. OSTWERK hat Analyse, Ablauf und Design eines neuen Konfigurators und Kundenportals entwickelt. Die Programmierung übernahm ein Entwicklungspartner des Kunden.

Ein Projekt von OSTWERK, Digitalagentur in Wien.

Metallzeit-Logo als geprägtes Relief auf einer Metalloberfläche

Auf einen Blick

Der Konfigurator von Metallzeit auf einen Blick.

Ein geführter Ablauf, der eine komplexe Produktanfrage in überschaubare Schritte teilt.

Kunde
METALL ZEIT GmbH, Wolkersdorf (Niederösterreich)
Branche
Metallbau, individuelle Designprodukte
Leistungen
Analyse, Workshop, User Flow, Wireframes, UI-Design, Backend-Feedback
Zeitraum
Oktober 2024 bis Juni 2025, danach Begleitung der Umsetzung
Umsetzung
Entwicklungspartner des Kunden

Ausgangslage

Wie wird aus einer Anfrage per Anruf ein geführter Prozess?

Was wir geliefert haben.

  • Der bisherige Konfigurator war sehr schlicht: Produktauswahl und eine Anfrage.Analyse: Wettbewerb, Zielgruppen, Geschäftsprozesse und Schwachstellen.
  • Es gab keine 2D- oder 3D-Ansicht und keine Auswahl von Material, Oberfläche und Farbe.Ablauf: Ein User Flow von der Kategorie bis zur Anfrage.
  • Architekt:innen, Generalunternehmer und private Bauherren haben unterschiedliche Fragen.Design: Wireframes und High-Fidelity-Frames für Desktop und Mobil.
  • Das Vertriebsteam sollte weniger Rückfragen klären müssen.Portal: Feedback und Konzept für Kundenkonto, Projekte, Tickets und Produktverwaltung.

Umsetzung

Vier Entscheidungen hinter dem Konfigurator.

  1. Sechs Hauptkategorien, dann Stil, Einsatzbereich, Material, Maße und Oberfläche. Eine Fortschrittsanzeige, Erklärungen und eine Vorschau vor dem Abschluss begleiten jeden Schritt.

  2. Wer nur eine Richtung sucht, wählt Stil und Einheit und bekommt eine grobe Einschätzung. Produkte lassen sich so leichter vergleichen.

  3. Neben der Produktanfrage gibt es eine eigene Serviceanfrage, in der Wartung konfiguriert und angefragt wird.

  4. Der erste Schritt zeigt immer eine einfache 2D-Ansicht. Die 3D-Ansicht folgt später, damit der Einstieg nicht zu komplex wird.

Projektverlauf

Vom Workshop zu den fertigen Frames.

  1. Workshop

    Produktvision, Zielgruppen, User Journeys und Anforderungen werden gemeinsam erarbeitet.

  2. Analyse und Konzept

    Wettbewerb, Schwachstellen, Produktstruktur und User Flow bilden die Grundlage.

  3. Design

    Wireframes und Frames werden in Reviews mit dem Kunden von Jänner bis April 2025 geschärft.

  4. Übergabe

    Im Juni 2025 gehen die Frames und ein Bericht an den Entwickler, OSTWERK begleitet die Umsetzung.

Ergebnis

Metallzeit hat einen Konfigurator und einen Service-Konfigurator, die Anfragen klar führen und öffentlich online sind.

  • Produkt-Konfigurator und Service-Konfigurator online
  • Konzept, Wireframes und Frames von OSTWERK
  • Kundenportal konzipiert

FAQ

Häufige Fragen zum Projekt.

Was hat OSTWERK für Metallzeit gemacht?

OSTWERK hat Analyse, User Flow, Wireframes und das UI-Design des Konfigurators und des Kundenportals geliefert und die Umsetzung begleitet.

Wer hat den Konfigurator programmiert?

Ein Entwicklungspartner von Metallzeit. OSTWERK lieferte Konzept und Design und stimmte sich laufend mit ihm ab.

Welche Produkte lassen sich konfigurieren?

Geländer und Absturzsicherungen, Überdachungen, Erschließungskonstruktionen, Einfriedungselemente, Portalbau und Stahlbau.

Wie lange hat das Projekt gedauert?

Konzept und Design liefen von Oktober 2024 bis Juni 2025, danach begleitete OSTWERK die Umsetzung.

Weitere Referenzen

Mehr Websites von OSTWERK.

3 Projekte

  • Schwarz-weißes Foto eines Kochs beim Anrichten mit dem Schriftzug Die Restaurantwoche, Web-Projekt von OSTWERK

    [WEB][TECHNOLOGY & MEDIA]

    Die Restaurantwoche

    Ausgangslage
    Viele Gäste sollen in einer Genusswoche gleichzeitig reservieren, ohne Doppelbuchungen.
    Ergebnis
    Eigenes Reservierungssystem mit Frühbucher-Logik, Mails und SMS, drei Editionen seit 2025.
    Case ansehen: Die Restaurantwoche
  • Koch in einer Restaurantküche im Gegenlicht mit dem Logo Gutschein.Shop by Culinarius

    [WEB][TECHNOLOGY & MEDIA]

    Gutschein.Shop

    Ausgangslage
    Ein laufender Gutscheinshop braucht Stabilität und eine Struktur, die in der Suche gefunden wird.
    Ergebnis
    Übernahme und Betreuung seit Oktober 2025, neue URL-Struktur nach Region und Gutscheinart.
    Case ansehen: Gutschein.Shop
  • Bunte Sprechblasen mit Beteiligungsaussagen um das Logo von Mitte 15, Web-Projekt von OSTWERK

    [WEB][PUBLIC & INSTITUTIONS]

    Mitte 15

    Ausgangslage
    Wettbewerb und Beteiligung sollen für alle Bewohner:innen verständlich und auffindbar sein.
    Ergebnis
    Statische Projektwebsite mit CMS, laufend betreut, dazu Print-Material für den Auftakt.
    Case ansehen: Mitte 15

Nächster Schritt

Ein Konfigurator, der komplexe Produkte erklärt?

Erzähl uns, worum es geht. Wir melden uns innerhalb von 24 Stunden.