UX/UI
StrandGut — Responsives Webdesign
Projektüberblick
Eine responsive Website gestalten, auf der Menschen Beach-Clean-ups entdecken und Teil einer Community werden können. Termine, Recycling-Informationen und Möglichkeiten zum Mitmachen sollen eine klare Struktur erhalten.
- Kontext
- Hochschulprojekt · Responsives Webdesign
- Meine Rolle
- UX/UI Designer
- Software
- Methoden
- Personas, Informationsarchitektur, Responsives Design, Prototyping
Mein Teil
Ich habe das Oberflächenkonzept sowie Desktop- und Mobile-Layouts für Startseite, Termine, Recycling und Team entwickelt.
Vorgehen
Drei Personas, Moodboards und eine Sitemap halfen dabei, die Inhalte an den Bedürfnissen der Community auszurichten. Ein Styleguide sorgte für einheitliche Farben, Schriften und Oberflächenelemente.
Die Seitenlayouts habe ich für Desktop und Mobile angepasst und in einem Figma-Prototyp verbunden. Die exportierten Screens zeigen, wie sich dieselben Inhalte auf unterschiedliche Bildschirmgrößen verteilen.
Ergebnis
Ein interaktiver Figma-Prototyp, exportierte Seitenentwürfe und ein ergänzender Styleguide für das StrandGut-Website-Konzept.
Projektgalerie
Scrollen, um die ganze Seite zu sehen.
1 von 5