Avanteam mobile
2025
Product design mobile
Redesign de l'Ux-Ui de l'application mobile Avanteam accompagnant une refonte technologique Xamarin vers Flutter.
Avanteam mobile
2025
Product design mobile
Redesign de l'Ux-Ui de l'application mobile Avanteam accompagnant une refonte technologique Xamarin vers Flutter.
Avanteam mobile
2025
Product design mobile
Redesign de l'Ux-Ui de l'application mobile Avanteam accompagnant une refonte technologique Xamarin vers Flutter.
Durée du projet : 1 mois
Audit UXUI, conception, Workshop, Prototype, Figma.
Durée du projet : 1 mois
Audit UXUI, conception, Workshop, Prototype, Figma.
Durée du projet : 1 mois
Audit UXUI, conception, Workshop, Prototype, Figma.
Contexte
Pour adresser les besoins de mobilité de ses clients, Avanteam a créé une application Mobile/Tablet dans la technologie Xamarin.
L'application mobile permet une interprétation du paramétrage des applications web sur IOS, Android et Windows permettant de répondre à des besoins clients spécifiques à la mobilité.
Contexte
Pour adresser les besoins de mobilité de ses clients, Avanteam a créé une application Mobile/Tablet dans la technologie Xamarin.
L'application mobile permet une interprétation du paramétrage des applications web sur IOS, Android et Windows permettant de répondre à des besoins clients spécifiques à la mobilité.
Contexte
Pour adresser les besoins de mobilité de ses clients, Avanteam a créé une application Mobile/Tablet dans la technologie Xamarin.
L'application mobile permet une interprétation du paramétrage des applications web sur IOS, Android et Windows permettant de répondre à des besoins clients spécifiques à la mobilité.
Ma mission
En intégrant les retours utilisateurs historiques de l'application Xamarin, ma mission était de concevoir une expérience utilisateur améliorée, accompagnant la refonte technologique en Flutter, en gardant la structure imposée par l'architecture web et l'historique des projets.
Ma mission
En intégrant les retours utilisateurs historiques de l'application Xamarin, ma mission était de concevoir une expérience utilisateur améliorée, accompagnant la refonte technologique en Flutter, en gardant la structure imposée par l'architecture web et l'historique des projets.
Ma mission
En intégrant les retours utilisateurs historiques de l'application Xamarin, ma mission était de concevoir une expérience utilisateur améliorée, accompagnant la refonte technologique en Flutter, en gardant la structure imposée par l'architecture web et l'historique des projets.
Audit Ux Ui
Découverte du contexte mobile au travers d'un workshop à l'agence Avanteam de Toulouse.
Audit Ux Ui
Découverte du contexte mobile au travers d'un workshop à l'agence Avanteam de Toulouse.
Audit Ux Ui
Découverte du contexte mobile au travers d'un workshop à l'agence Avanteam de Toulouse.
Identification et priorisation
L'application legacy est structurée en 4 niveaux :
Un accueil permettant de se connecter à une solution.
Un dashboard permettant de visualiser des indicateurs et créer des documents.
Les vues qui listent les documents.
La page de document qui permet de consulter et d'éditer le contenu.
Après avoir priorisé les différentes pages à traiter, j'ai travaillé en binôme avec les développeurs mobile pour trouver des solutions Ux Ui ayant la plus grande valeur par rapport au coût de développement.
Identification et priorisation
L'application legacy est structurée en 4 niveaux :
Un accueil permettant de se connecter à une solution.
Un dashboard permettant de visualiser des indicateurs et créer des documents.
Les vues qui listent les documents.
La page de document qui permet de consulter et d'éditer le contenu.
Après avoir priorisé les différentes pages à traiter, j'ai travaillé en binôme avec les développeurs mobile pour trouver des solutions Ux Ui ayant la plus grande valeur par rapport au coût de développement.
Identification et priorisation
L'application legacy est structurée en 4 niveaux :
Un accueil permettant de se connecter à une solution.
Un dashboard permettant de visualiser des indicateurs et créer des documents.
Les vues qui listent les documents.
La page de document qui permet de consulter et d'éditer le contenu.
Après avoir priorisé les différentes pages à traiter, j'ai travaillé en binôme avec les développeurs mobile pour trouver des solutions Ux Ui ayant la plus grande valeur par rapport au coût de développement.
Version actuelle de l'application.
Version actuelle de l'application.
Version actuelle de l'application.
Veille UI.
Veille UI.
Veille UI.
Conception produit
Conception des différents composants et écrans de l'application mobile.
Conception produit
Conception des différents composants et écrans de l'application mobile.
Conception produit
Conception des différents composants et écrans de l'application mobile.
Dashboard (Accueil)
Le dashboard est un assemblage de widgets paramétrable par le client.
Les widgets existants devaient tous être redésignés, tout en restant cohérent avec le legacy pour faciliter la migration des clients existants.
Dashboard (Accueil)
Le dashboard est un assemblage de widgets paramétrable par le client.
Les widgets existants devaient tous être redésignés, tout en restant cohérent avec le legacy pour faciliter la migration des clients existants.
Dashboard (Accueil)
Le dashboard est un assemblage de widgets paramétrable par le client.
Les widgets existants devaient tous être redésignés, tout en restant cohérent avec le legacy pour faciliter la migration des clients existants.
Rendu Avant / Après du dashboard
Rendu Avant / Après du dashboard
Rendu Avant / Après du dashboard
Différents types de widgets.
Différents types de widgets.
Différents types de widgets.
Navigation
La navigation est un élément essentiel de l'expérience utilisateur.
Avanteam propose son application sur l'OS windows, la navigation doit être homogène en format Mobile et Tablette. Le design doit supporter tous types de configurations projets (1 à n entrées de navigation).
Le composant a évolué de manière itérative pour proposer une expérience optimale dans une UI moderne avec les contraintes spécifiques à Avanteam.
Navigation
La navigation est un élément essentiel de l'expérience utilisateur.
Avanteam propose son application sur l'OS windows, la navigation doit être homogène en format Mobile et Tablette. Le design doit supporter tous types de configurations projets (1 à n entrées de navigation).
Le composant a évolué de manière itérative pour proposer une expérience optimale dans une UI moderne avec les contraintes spécifiques à Avanteam.
Navigation
La navigation est un élément essentiel de l'expérience utilisateur.
Avanteam propose son application sur l'OS windows, la navigation doit être homogène en format Mobile et Tablette. Le design doit supporter tous types de configurations projets (1 à n entrées de navigation).
Le composant a évolué de manière itérative pour proposer une expérience optimale dans une UI moderne avec les contraintes spécifiques à Avanteam.
Navigation mobile et tablette.
Navigation mobile et tablette.
Navigation mobile et tablette.
Itérations de la navigation version initiale à la version actuelle
Itérations de la navigation version initiale à la version actuelle
Itérations de la navigation version initiale à la version actuelle
Les vues
Le contenu de l'application est principalement présenté dans des vues de données qui présentent les listes d'enregistrements.
La présentation est adaptée pour chaque support Mobile et Tablette.
Les vues
Le contenu de l'application est principalement présenté dans des vues de données qui présentent les listes d'enregistrements.
La présentation est adaptée pour chaque support Mobile et Tablette.
Les vues
Le contenu de l'application est principalement présenté dans des vues de données qui présentent les listes d'enregistrements.
La présentation est adaptée pour chaque support Mobile et Tablette.
Pour aider l'utilisateur dans sa recherche d'un document, différents filtres peuvent être appliqués.
Pour aider l'utilisateur dans sa recherche d'un document, différents filtres peuvent être appliqués.
Pour aider l'utilisateur dans sa recherche d'un document, différents filtres peuvent être appliqués.
Rendu Avant / Après de la vue
Rendu Avant / Après de la vue
Rendu Avant / Après de la vue
Homogénéité mobile et tablette
Homogénéité mobile et tablette
Homogénéité mobile et tablette
Les formulaires
Les documents sont constitués de formulaires paramétrables pour chaque projet.
Certains formulaires peuvent avoir un très grand nombre de champs, d'autres peuvent être remplis en plusieurs fois ou par plusieurs acteurs différents.
Les formulaires
Les documents sont constitués de formulaires paramétrables pour chaque projet.
Certains formulaires peuvent avoir un très grand nombre de champs, d'autres peuvent être remplis en plusieurs fois ou par plusieurs acteurs différents.
Les formulaires
Les documents sont constitués de formulaires paramétrables pour chaque projet.
Certains formulaires peuvent avoir un très grand nombre de champs, d'autres peuvent être remplis en plusieurs fois ou par plusieurs acteurs différents.
Les différents niveaux permettent de segmenter et de faciliter le suivi de la complétion d'un formulaire.
Les différents niveaux permettent de segmenter et de faciliter le suivi de la complétion d'un formulaire.
Les différents niveaux permettent de segmenter et de faciliter le suivi de la complétion d'un formulaire.
Rendu Avant / Après du formulaire.
Rendu Avant / Après du formulaire.
Rendu Avant / Après du formulaire.
Navigation à l'interieur d'un formulaire.
Navigation à l'interieur d'un formulaire.
Navigation à l'interieur d'un formulaire.
Prototype
Prototype de l'application mobile.
Prototype
Prototype de l'application mobile.
Prototype
Prototype de l'application mobile.
