BeMagic
neue mobile Anwendung BeMagic.
Übersicht
Die BeMagic-App wurde ursprünglich 2020 eingeführt und hatte im Laufe der Zeit zahlreiche Aktualisierungen erfahren. Nun war sie jedoch technisch am Ende ihres Zyklus angelangt. Eine komplette Neugestaltung wurde notwendig.
Die Anwendung, die nun auf der Flutter-Technologie basiert, wurde komplett neu geschrieben, um eine gesunde, moderne und zukunftssichere Basis zu erhalten. Parallel dazu wurde eine grafische Auffrischung durchgeführt, die von einer gründlichen Reflexion über die Nutzung der Anwendung begleitet wurde.
Dabei kamen spezifische Bedürfnisse zum Vorschein, insbesondere die Personalisierung der Startseite und das Hinzufügen von angereicherten Informationen zu den Stationen.
| Design | Material Design basierte UI, benutzerdefinierte Komponenten/Symbole |
| Applications | Flutter & Dart |
| Back | AIO, Firebase |
Challenge
Ein Projekt wie das von BeMagic steckt voller Herausforderungen!
Die Herausforderung: die Anwendung in einer neuen Sprache völlig neu zu überdenken, um die Benutzererfahrung zu verbessern und gleichzeitig die Leistung zu optimieren.
Diese Neugestaltung bot auch die Gelegenheit, die Sicherheit der Anwendung zu erhöhen und gleichzeitig eine maximale Transparenz für den Nutzer zu gewährleisten. Der Technologiewechsel erforderte eine Neufassung der APIs, die die Aggregation von Daten aus mehreren Quellen ermöglichen.
Anwendung
Das BeMagic-Universum in deiner Tasche
Die Benutzererfahrung ist so konzipiert, dass sie sich an alle Medien anpasst. So können Internetnutzer ihre Inhalte unabhängig vom verwendeten Gerät problemlos abrufen. Die Lade- und Anzeigeleistung ermöglicht ein flüssiges Lesen der Inhalte.
Methodik
Nutzererfahrung im Zentrum des Projekts
Eine gründliche Bedarfsanalyse und eine Nutzungsbilanz der vorherigen Version ermöglichten es, die Benutzererfahrung neu zu überdenken.
Einer der Schwerpunkte der neuen Version ist die Personalisierung der Startseite. Die Nutzer können nun die Informationen, die für sie nützlich sind, gleich beim Öffnen der App konfigurieren: Auswahl der Stationen, Wetter, Anzeige der Webcams, Öffnungsstatus?
Jedes Element ist einstellbar und neu organisierbar und bietet so eine übersichtliche, effiziente und auf die Bedürfnisse jedes Einzelnen zugeschnittene Benutzeroberfläche.
Interactivity
Accessibility
Farben
Die Farbwahl wurde von mehreren Überlegungen geleitet, um eine optimale Harmonie und Lesbarkeit zu gewährleisten. Sie orientieren sich direkt an der Arbeit, die wir bei der Erstellung der Website magicpass.ch geleistet haben. Die Anwendung steht im Einklang mit der Kontinuität und dem Respekt der bestehenden Grafikcharta.
Design system
Eine starke Identität und ein Stil, der sich durch die gesamte Anwendung ziehen lässt
Die Erstellung eines Designsystems für dieses Projekt ist ein wichtiger Schritt beim Aufbau einer starken visuellen Identität. Es handelt sich dabei um eine Reihe von Prinzipien, Regeln und grafischen Ressourcen, die verwendet werden, um eine visuelle Harmonie über alle Deklinationen hinweg zu schaffen und aufrechtzuerhalten.
