2019Marine UX · Responsive Web Application · UI Concept
Siemens Marine App
Komplexe Flotteninformationen klar, visuell und geräteübergreifend zugänglich machen
Das Konzept bündelt Trends, Schiffskategorien, weltweite Flotteninformationen und Medieninhalte in einer klar strukturierten Web-Anwendung. Ich entwickelte dafür die visuelle Sprache, das Navigationsprinzip und responsive Ansichten für Desktop und Tablet.
Projekt ansehen
- Meine Rolle
- UX/UI Concept · Visual Design
- Plattform
- Responsive Web · Desktop & Tablet
- Schwerpunkte
- Navigation · Daten · Medien
- Jahr
- 2019
Eine visuelle Produktsprache für komplexe Marine-Inhalte
Die Oberfläche übersetzt technische und redaktionelle Inhalte in wenige wiedererkennbare Module. Farbe, Typografie und Icons schaffen Orientierung; die Navigation führt vom Überblick gezielt zu Flotten, Trends, Kartenansichten und Medien.
Informationsarchitektur
Themen, Schiffstypen und Medien werden über klare Ebenen statt über überladene Menüs erschlossen.
Visuelles System
Eine reduzierte Siemens-nahe Farbwelt, konsistente Typografie und ein eigenes Icon-Set verbinden alle Bereiche.
Responsive Experience
Desktop- und Tablet-Ansichten behalten Hierarchie, Lesbarkeit und schnellen Zugriff auf zentrale Inhalte.
Sechs Module bilden einen verständlichen Weg durch die Anwendung
- 01
Navigation
Schneller Einstieg in Themen und Funktionen.
- 02
Quick Summary
Verdichteter Überblick über relevante Inhalte.
- 03
Ships
Auswahl nach klar unterscheidbaren Schiffskategorien.
- 04
Infographic
Weltweite Zusammenhänge visuell erfassbar machen.
- 05
Media Center
Bilder, Videos und Beiträge in einem konsistenten Raster.
- 06
Access
Reduzierter Login als klarer Abschluss des Flows.
Das vollständige Design in einem kontinuierlichen Scroll
Alle erhaltenen Originalinhalte – vom Designsystem bis zu den Anwendungsscreens – sind hier ohne Kürzung dargestellt. Das Board kann für Details auch in der Bildansicht geöffnet werden.
Ergebnis
Ein geschlossenes Interface-System statt einzelner Screens
Die Marine App zeigt bereits 2019 meinen Ansatz, komplexe Inhalte durch Informationsarchitektur, visuelle Hierarchie und wiederverwendbare UI-Muster verständlich zu machen. Das vollständige Original-Case-Board bleibt auf der Seite groß, durchgängig und bis ins Detail zugänglich.