Client
BMD

UI/UX pour les processus métier mobiles de BMD

Structure, clarté et utilisabilité pour les processus métier mobiles

BMD Go transpose les processus de cabinet et d'entreprise sur smartphone et rend de nombreuses fonctions de BMD NTCS et BMD Com accessibles en mobilité. Ce qui est extrêmement complexe en coulisses est réduit à l'essentiel dans l'application : saisir des documents, enregistrer des temps, transmettre des justificatifs – à tout moment et où que l'on soit. Notre mission consistait à traduire cette multitude de fonctions en une expérience utilisateur cohérente et compréhensible. Le résultat est un user flow clairement structuré qui crée des repères, simplifie les processus et rend visible l'intégration complète dans l'écosystème BMD.

Une app qui ne se contente pas de fonctionner – elle procure la sensation juste.

Plus de 300 écrans pour l'une des apps métier les plus utilisées de la région DACH — résolument axés sur l'intuitivité.


Un design system bien pensé comme fondement de la cohérence et de la scalabilité

Pour que les utilisateurs et utilisatrices se déplacent intuitivement dans l'app, nous avons développé un design system global. Il ne définit pas seulement les couleurs, la typographie et les éléments d'interface, il instaure aussi une logique graphique claire sur l'ensemble des écrans. Des composants récurrents, des schémas d'interaction univoques et un design épuré et fonctionnel permettent aux utilisateurs de s'orienter immédiatement – quelle que soit la complexité du processus sous-jacent. Le design system constitue en même temps la base d'une évolution efficace et garantit que de nouvelles fonctions puissent être intégrées à tout moment, sans rupture.

bmd univers de couleurs moremedia agence de publicité linz
bmd univers de couleurs mobile moremedia agence de publicité linz
bmd typographie moremedia agence de publicité linz
bmd typographie mobile moremedia agence de publicité linz
bmd éléments moremedia agence de publicité linz
bmd éléments mobile moremedia agence de publicité linz

Des processus complexes visualisés

Le développement d'une solution mobile tout-en-un comme BMD Go exige un soin particulier. Nos wireflows rendent visible le nombre d'étapes et de dépendances à prendre en compte : de la saisie numérique des justificatifs à l'enregistrement des temps à la minute près, jusqu'au décompte des frais de déplacement avec calcul d'itinéraire et prise en charge des devises étrangères. La représentation visuelle montre à quel point les différentes fonctions sont imbriquées – et combien il est important de penser l'ensemble du parcours utilisateur à chaque décision. Ce n'est que lorsque les flux de données, les transitions et les interactions sont parfaitement accordés qu'une expérience d'utilisation fluide et intuitive peut naître.

bmd user flow moremedia agence de publicité linz

Plus de 300 écrans pour un user flow clair

Pour couvrir l'intégralité du user flow, nous avons conçu plus de 300 écrans individuels. Chaque vue correspond à une étape de processus concrète – de la validation des fiches de paie à l'archivage numérique, en passant par l'employee self service. Le chiffre animé montre tout le travail conceptuel et graphique que recèle une app bien pensée. C'est cette profondeur qui crée une image d'ensemble cohérente, offrant aux développeurs une base claire et aux utilisateurs une application intuitive.

0écrans livrés pour la mise en œuvre

Aperçu de l'interface d'app développée

Les écrans présentés donnent un aperçu direct de l'interface utilisateur que nous avons développée. Ils montrent comment des fonctions très diverses – de la saisie numérique des justificatifs aux processus de validation, en passant par la saisie mobile des temps – sont réunies dans une interface clairement structurée et cohérente. Malgré la profondeur fonctionnelle, l'utilisation reste simple et compréhensible. C'est précisément là que réside la force : les processus complexes sont conçus de manière à paraître évidents aux utilisateurs et utilisatrices.

bmd design d'app 1 moremedia agence de publicité linz
bmd design d'app 2 moremedia agence de publicité linz
bmd design d'app 3 moremedia agence de publicité linz
bmd design d'app mobile moremedia agence de publicité linz

Questions et réponses sur ce projet de référence

BMD est le premier fournisseur autrichien de logiciels de gestion. MOREMEDIA® a développé l'intégralité du design UI/UX de l'app mobile BMD Go – une solution tout-en-un complexe pour les processus de cabinet et d'entreprise sur smartphone. L'implémentation technique de l'app a été réalisée par l'équipe de développement interne de BMD.

Quel était le défi central du design UI/UX pour BMD Go ?

BMD Go transpose sur smartphone des processus de cabinet et d'entreprise extrêmement complexes – de la saisie numérique des justificatifs au décompte des frais de déplacement avec prise en charge des devises étrangères, en passant par la saisie des temps. Le défi consistait à traduire cette multitude de fonctions en une expérience utilisateur cohérente et intuitivement compréhensible, qui reste simple et naturelle malgré sa profondeur.

Qu'est-ce qu'un design system et pourquoi est-il si important pour une app comme BMD Go ?

Un design system est le socle graphique d'une app : il définit de manière contraignante les couleurs, la typographie, les éléments d'interface et les schémas d'interaction sur l'ensemble des écrans. Pour BMD Go, nous avons développé un design system global qui garantit non seulement la cohérence visuelle, mais constitue aussi la base d'une évolution efficace – les nouvelles fonctions s'intègrent sans rupture, sans perturber l'image d'ensemble.

Que sont les wireflows et pourquoi ont-ils été utilisés pour BMD Go ?

Les wireflows associent la représentation structurelle des différents écrans au déroulement du parcours utilisateur. Pour BMD Go, ils ont rendu visible le nombre d'étapes et de dépendances à prendre en compte – de la validation d'un document à l'enregistrement des temps à la minute près. C'est cette visualisation qui permet de garantir que les flux de données, les transitions et les interactions soient parfaitement accordés.

Comment MOREMEDIA® a-t-elle développé plus de 300 écrans tout en préservant la cohérence ?

Le développement de plus de 300 écrans individuels n'a été possible que grâce à un travail rigoureux avec le design system. Chaque écran correspond à une étape de processus concrète et suit les mêmes règles graphiques. Des composants récurrents, des schémas d'interaction clairs et des hiérarchies visuelles univoques garantissent, malgré la multitude de vues, une expérience globale cohérente et lisible.

Comment MOREMEDIA® garantit-elle qu'une app métier complexe reste intuitive à utiliser ?

L'ergonomie intuitive ne naît pas du hasard – elle est le résultat d'un processus UX structuré. Nous analysons les attentes des utilisateurs, définissons des user flows clairs, testons les maquettes sur des cas d'usage réels et, à chaque décision de design, nous nous demandons si la prochaine étape est évidente pour l'utilisateur. Pour BMD Go, cela signifie : les processus complexes sont réduits à l'essentiel et conçus pour paraître parfaitement naturels aux utilisateurs.

Notre méthode de travail

Du premier briefing au résultat — de façon structurée et transparente, en étapes clairement définies.

01 — Analyse & wireflows
Processus complexes et dépendances de l'app rendus visibles grâce aux wireflows.

02 — Design system
Construction d'un système global de couleurs, de typographie et d'éléments d'interface.

03 — Design UI/UX
Plus de 300 écrans individuels conçus pour un user flow clair.

04 — Cohérence & scalabilité
Cohérence et extensibilité garanties sur la base du design system.