Modernisierung 2026

Digitale Prototypen & User Experience

Interaktive Design-Entwürfe zur Abstimmung der visuellen Qualität und Funktionalität vor der Backend-Programmierung.

01

Startseite (Homepage)

Die neu gestaltete Startseite im edlen Dark-Teal Design mit fließenden Übergängen, optimierter Performance und erstklassiger Bilddarstellung.

  • „Ihr Traum“-Timeline (interaktiv)
  • 3:2 Galerie ohne Bildbeschnitt
  • Split-Pane Projekt-Modal (Dynaudio)
Mockup öffnen
02

Kundenbewertung

Das geschützte Kundenformular zur Abgabe von Sterne-Bewertungen, inklusive eines Simulators für das Live-Tracking im Admin-Panel.

  • Einladungs-Token & Ablaufanzeige
  • Bilder-Upload via Dropzone
  • Erinnerungs- & Widerrufs-Simulator
Mockup öffnen
03

Filament Admin-Panel

Entwurf der Benutzeroberfläche zur Inhaltssteuerung. Ermöglicht Alexander Möller die direkte Bearbeitung der gesamten Webseite.

  • Review-Link Generator & Tracker
  • Fotogalerie-Uploader (WebP/3:2)
  • Mehrsprachiger Texteditor (DE/EN)
Mockup öffnen

Wichtigste Design- & UX-Verbesserungen

Split-Pane Layout (Desktop)

Das Projekt-Modal (z. B. Dynaudio) wurde geteilt: Auf der linken Seite bleiben die Bilder und Slider fixiert, während rechts die Spezifikationen und Beschreibungen unabhängig scrollen.

Fokus auf Querformat-Medien (3:2)

Die gesamte Galerie wurde auf das native 3:2 Querformat der echten Projektbilder umgestellt. Alle Hochformat-Bilder in der Übersicht wurden durch harmonische Querformat-Bilder ersetzt.

Geschütztes Feedback-Tracking

Bewertungen können nur über geschützte Einladungs-Links (mit UUID-Tokens) abgegeben werden. Der Inhaber behält über das Admin-Panel die volle Kontrolle und muss Beiträge manuell freigeben.

Flüssiges Responsive-Verhalten

Vollständige mobile Optimierung für Smartphones und Tablets. Grid-Layouts brechen ab 992px sauber in einspaltige, vertikale Ansichten um, um fehlerfreies Tippen zu garantieren.