BeMagic
application mobile BeMagic.
Vue d'ensemble
Lancée initialement en 2020, l’application BeMagic avait connu de nombreuses mises à jour au fil du temps. Toutefois, elle arrivait en fin de cycle sur le plan technique. Une refonte complète devenait indispensable.
Reposant désormais sur la technologie Flutter, l’application a été entièrement réécrite pour bénéficier d’une base saine, moderne et pérenne.
En parallèle, un rafraîchissement graphique a été réalisé, accompagné d’une réflexion approfondie sur l’usage de l’application.
Cette démarche a permis de faire émerger des besoins spécifiques, notamment la personnalisation de la page d’accueil et l’ajout d’informations enrichies sur les stations.
| Design | Interface utilisateur basée sur la conception matérielle, composants/icônes personnalisés |
| Applications | Flutter & Dart |
| Back | AIO, Firebase |
Challenge
Un projet comme celui de BeMagic regorge de challenges !
Le défi : repenser totalement l’application dans un nouveau langage afin d’améliorer l’expérience utilisateur tout en optimisant les performances.
Cette refonte a également été l’occasion de renforcer la sécurité de l’application, tout en garantissant une transparence maximale pour l’utilisateur. Le changement de technologie a nécessité la réécriture des API permettant d’agréger les données issues de multiples sources.
Application
L’univers BeMagic dans votre poche
L'expérience utilisateur est réfléchie pour s'adapter à tous les supports. Ainsi les internautes peuvent consulter aisément leurs contenus peu importe leur appareil. Les performances de chargement et d'affichage permettent une lecture fluide des contenus.
Méthodologie
Une expérience utilisateur au cœur du projet
Une analyse approfondie des besoins et un bilan d’usage de la version précédente ont permis de repenser l’expérience utilisateur.
L’un des axes forts de cette nouvelle version est la personnalisation de la page d’accueil. Les utilisateurs peuvent désormais configurer les informations qui leur sont utiles dès l’ouverture de l’app : choix des stations, météo, affichage des webcams, état d’ouverture…
Chaque élément est paramétrable et réorganisable, offrant ainsi une interface claire, efficace et adaptée aux besoins de chacun.
Interactivity
Accessibility
Couleurs
Les choix de couleurs ont été guidés par plusieurs considérations pour garantir une harmonie et une lisibilité optimales. Ils s’inspirent directement du travail effectué par nos soins lors de la création du site internet magicpass.ch. L’application s’inscrit dans la continuité et le respect de la charte graphique existante.
Design system
Une identité forte et un style déclinable à travers toute l’application
La création d’un Design System pour ce projet représente une étape importante dans la construction d’une identité visuelle forte. Il s’agit d’un ensemble de principes, de règles et de ressources graphiques, utilisées pour créer et maintenir une harmonie visuelle à travers toutes les déclinaisons.
