Boden & Wein ist ein digitales Erlebnis, das in Zusammenarbeit mit dem Bayerischen Landesanstalt für Weinbau und Önologie (LWG) geschaffen wurde.
Das Projekt verwandelt komplexe geologische Forschung in eine klare, emotionale und intuitive Erzähl-Website. Durch Bodenprofile, Gesteinsschichten und triassische Epochen offenbart die Plattform, wie Geologie den Charakter von Wein prägt.
Meine Rolle umfasste Forschungssynthese, UX-Richtung, visuelles Geschichtenerzählen und responsives UI-Design.
01 — Challenge
Herausforderung
Komplexe geologische und wissenschaftliche Daten in eine intuitive, emotional ansprechende und visuell zugängliche digitale Erzählung zu übersetzen.
Wichtige Aufgaben
Wissenschaftliche Boden- & Steindaten in visuelle Geschichten umwandeln
Geologische Epochen ohne wissenschaftliche Überlastung erklären
Boden → Stein → Formation → Wein in einer Erzählung verbinden
Wissenschaftliche Genauigkeit gewährleisten, während der Inhalt einfach bleibt
Ein responsives Design für Weinliebhaber:innen, Pädagog:innen, Student:innen erstellen
02 — Prozess/Forschung
Forschungsfokus
Geologische Bodenanalyse
Trias-Zeitschichten (Buntsandstein, Muschelkalk, Keuper)
Wissenschaftliche Literaturübersicht LWG
Feldkartierung & Experteninterviews
Erzählendes Modellieren: Epoche → Stein → Boden → Wein
Drahtmodelle + Prototypfluss
03 — Designsystem
Visuelle Richtung
Stein- & Bodentexturen, geologische Violettakzente
Neutrale Hintergründe für Klarheit
Organische Formen, die geologische Formationen widerspiegeln
Typografie
Weaser für historischen Ton
Noto Sans für wissenschaftliche Lesbarkeit
Komponenten
Kapitelscrolls
Bodenprofil-Diagramme
Modulen für Geschmackvergleiche
Kreisrunde „Bodenabsenkungs“-Buttons
04 — Ergebnisse & Erkenntnisse
Ergebnis
Ein hoch-fidelity Figma-Prototyp, der demonstriert, wie wissenschaftliche Geologie in ein zugängliches und emotional reichhaltiges digitales Geschichtenerlebnis übersetzt werden kann.
Wichtige Ergebnisse
Entwicklung einer scrollbasierten Erzählung, die Epoche → Stein → Boden → Wein verbindet
Schaffung von Bildungswert durch klare Illustrationen und strukturierte UX-Flüsse
Lieferung eines mobiloptimierten und desktopbereiten Prototyps, der die Absicht eines responsiven Layouts zeigt
Entwicklung einer visuellen Richtung, die wissenschaftliche Klarheit mit atmosphärischem Geschichtenerzählen verbindet
Persönliche Erkenntnisse
Übersetzung komplexer wissenschaftlicher Forschung in intuitive UX
Verwendung von Illustrationen als Werkzeug zur Erklärung abstrakter geologischer Prozesse
Strukturierung von mehrschichtigen Informationen in verdauliche Kapitel
Stärkung des erzählgetriebenen Prototypings innerhalb von Figma
