Die Studierenden lernen Praktiken der komponentenbasierten Front-End-Entwicklung kennen. Der Kurs legt dabei Wert auf die Wiederverwendbarkeit von UI Elementen und behandelt wichtige Aspekte wie Barrierefreiheit und Internationalisierung.
Die Vorlesung kombiniert theoretische Konzepte mit praktischen Übungen. Nach einer Einführung in die Entwicklung von Design Systemen werden verschiedene Front-End-Technologien wie JavaScript, HTML, CSS, SCSS und Standards wie ARIA im Detail behandelt. Im praktischen Teil des Kurses entwickeln die Studierenden ein eigenes Design System mit konsistentem Erscheinungsbild. Die Umsetzung wird mit React und Storybook realisiert.
Ein neuer Reiseanbieter hat sich auf personalisierten multi-stop travel spezialisiert und gewinnt besonders bei jungen Erwachsenen zunehmend an Beliebtheit.
Aufgabe
Gestaltet die Ansicht einer bevorstehenden Reise eines Kunden in der mobilen Anwendung des Reiseveranstalters.
Designboard
Wir haben ein Designboard für junge Erwachsene erstellt und uns dabei für die Farbe mintgrün entschieden. Diese Farbwahl vermittelt ein Gefühl von Frische, Ruhe, Entspannung und guter Laune, da sie positive Auswirkungen auf die Psyche im Urlaubsumfeld unterstützt.
Konzept
Wir haben verschiedene Skizzen erstellt und uns dann für einen Entwurf entschieden. Diesen haben wir anschließend in Figma als Mid-Fi-Wireframes umgesetzt und schließlich zu High-Fi-Prototypen.
Wireframes
Wir haben Mid-Fi-Wireframes erstellt, um das grobe Layout der App festzulegen. Dann haben wir und mit dem Layout der verschiedenen Komponenten beschäftigt und verschiedene Varianten erstellt.
Hinterlasse einen Kommentar