Des plateformes complexes, simples à utiliser

Un design centré utilisateur pour des plateformes d’entreprise complexes, avec recherche utilisateur, prototypes et un design system propre. Directement réalisable sur le cloudtec Stack, pas seulement sous forme de maquette.

Parler de votre projet Notre démarche

Point de départ

Du problème à l’interface

Un bon design commence par la compréhension, pas par le dessin. Sur des plateformes complexes avec de nombreux rôles, processus et logiques métier, le guidage des utilisateurs et utilisatrices décide de l’adhésion et de l’efficacité.

Une fiche persona issue de la planification, avec objectifs et obstacles, à côté la mention que l’hypothèse a été confirmée en entretien.

Recherche utilisateur

Identifier les groupes cibles, comprendre les scénarios d’utilisation et les processus existants, affiner les personas. Pour les applications internes, des hypothèses structurées que nous vérifions sur le prototype suffisent souvent. Pour les portails destinés à la clientèle, nous investissons dans de vrais entretiens avec les utilisateurs et utilisatrices et dans des tests d’utilisabilité. La base est notre approche centrée utilisateur : les décisions reposent sur des résultats de tests, pas sur des hypothèses d’atelier non vérifiées.

Un wireframe gris et, à côté, la même boîte de dialogue dans sa forme finale, avec champs de saisie, bouton et échantillons de couleurs.

Design UX

Architecture de l’information, user stories et parcours utilisateur : la structure avant la couleur, et avant d’écrire une ligne de code. Les wireframes deviennent le design visuel, adapté à votre marque. Typographie, système de couleurs et modèles d’interaction forment une base cohérente. Responsive dès la première ébauche.

Un prototype cliquable à la deuxième de quatre étapes : le pointeur de la souris choisit l’un des trois prestataires.

Prototypage

Des prototypes cliquables en quelques jours, fonctionnels en quelques semaines. Vous voyez votre plateforme et cliquez dedans avant que nous la développions. Des tests précoces avec de vraies personnes utilisatrices valident les hypothèses. Les mauvaises décisions coûteuses apparaissent tant qu’elles sont encore bon marché à corriger.

Cohérence & accessibilité

Pour que le design ne se délite pas en exploitation

Les vues isolées deviennent vite incohérentes, et l’accessibilité ne s’ajoute pas après coup. Chez nous, les deux font partie de l’architecture : directement réalisables sur le stack, sans maquettes jetables.

Accessibilité : contrastes, tailles de police et éléments interactifs selon les directives WCAG, dès le départ. Pour les plateformes publiques comme réglementées, c’est de plus en plus une obligation.
Design systems : des composants réutilisables (boutons, formulaires, cartes, navigation) comme langage commun du design et du développement. Ils reposent sur Stack UI, notre propre framework UI. Les prototypes sont créés avec l’IA directement dans le code du stack : ce sur quoi vous cliquez dans le prototype est déjà le composant qui sera mis en ligne. Après le lancement, les retours des utilisateurs et utilisatrices alimentent des cycles d’optimisation réguliers.

Le stack derrière

Références

Un design en production

Trois plateformes avec de nombreux rôles et processus. Ici, le guidage des utilisateurs et utilisatrices décide de l’adhésion.

Santé · Plateforme

Plateforme e-santé OPAN^®

Plateforme de transfert pour les soins de suite : hôpitaux, cabinets et particuliers font leurs annonces auprès des organisations Spitex, des homes et des cliniques et voient les capacités disponibles.

Santé · Plateforme

Plateforme de candidature myoda

Plateforme de candidature pour les professions de la santé : trouver des journées découverte et des stages, gérer son propre profil et postuler directement auprès des établissements.

Loisirs & tourisme · Plateforme

Suisse Rando

Site web, CMS et compte utilisateur pour l’association faîtière : trilingue, avec cartes swisstopo, boutique en ligne et 26 organisations cantonales sur une même base.

Voir toutes les références