Design - ricardotimmr/praxisprojekt-2025-varia GitHub Wiki

Prototyping – Modulares Webtool zur Produktdarstellung (Low-Fidelity)

Version 1.0 – Erste Grundstruktur

  • Fokus: Struktur der Konfigurator-Page
  • Bestandteile:
    • Obere Live-Preview-Fläche (initial leer)
    • Button „+ Neues Modul erstellen“
    • Auswahlfeld für Modultyp (z. B. Feature-Slider, 360°-Viewer)
    • Konfigurationsbereich je nach Modultyp
    • Export- und Preset-Speicheroption

ChatGPT Image 14  Mai 2025, 14_27_41

Version 1.1 – Tabs für Modulkonfiguration

  • Verbesserung: strukturierter Konfigurationsbereich
  • Neue Elemente:
    • Tabs für Inhalte, Farben, Layout, Animation
    • Klarere Trennung der Konfigurationsoptionen
    • Visuelles Layout für spätere Live-Preview bei Änderungen
    • Zusätzliche UX-Elemente wie Tooltips oder Onboarding-Text (optional geplant)

varia-mainscreen

Status

→ Beide Versionen wurden als Low-Fidelity Wireframes umgesetzt
→ Nächster Schritt: Ableitung von User Flows basierend auf Version 1.1