Kundenportal & App
- Web-Plattform-Erweiterung
- Mobile App (React Native / Expo)
- UI/UX Design Lead
- Frontend Engineering
- Michael Zoidl (Design Lead, UI/UX)
- Niels Madan (Mobile App)
Ausgangslage
Kein Begleiter vor Ort
Die Web-Plattform deckte vieles ab, doch während laufender Veranstaltungen mussten Teilnehmende für Agenda, Räume oder Speaker auf dem Laptop nachschlagen.
Web und App als ein Produkt
Die Web-Plattform erweitern und parallel eine iOS-App für Live-Informationen bauen, sodass sich beides anfühlt wie ein Produkt statt zwei getrennter Welten.
Ein Design, zwei Plattformen
-
Mobile
-
iOS-App React + Expo
-
Live-Infos Agenda, Räume, Speaker
-
-
Web
-
Web-Plattform Next.js + TypeScript
-
Gemeinsame Inhalte dieselben Inhalte wie die App
-
Lösung
Mobile App mit React und Expo
Für iOS ausgeliefert: Live-Informationen zu laufenden Veranstaltungen, Agenda, Räumen und Speakern.
Erweiterte Web-Plattform
Neue Funktionen in Next.js, TypeScript und Styled-Components, angeschlossen an die Inhalte, die auch die App speist.
Design Lead über beide Plattformen
Mobile-Komponenten und Cross-Plattform-Design aus einer Hand, mit derselben Bildsprache auf Web und App.
Komponenten zurück ins Web
Die in der App entwickelten React-Komponenten wurden später in die Web-Plattform integriert.
Eine Erfahrung, zwei Plattformen.
Teilnehmende der Haufe Akademie bekommen eine zusammenhängende Web- und Mobile-Erfahrung mit konsistenter Markenführung. Technisch steht eine Basis, in der einmal entwickelte Komponenten an mehreren Stellen wiederverwendet werden.
Stack
-
React
-
Expo
-
Next.js
-
TypeScript
- Styled-Components
-
Figma
- iOS
- GitLab