Accéder au contenu principal

Conception UX et UI

La conception de dispositifs Web et mobiles modernes, agréables à utiliser, respectueuse des critères d’accessibilité tout en étant démarquante graphiquement est un défi qui constitue une des étapes préliminaire à la réussite de tout projet Web.

L’expertise première de JoliCode réside dans la conception, l’architecture et le développement d’applications Web et mobile parfaitement réalisées (fiables, robustes, durables, rapides, fluides), mais nous avons évidemment conscience que ce que l’utilisateur juge, en premier lieu, c’est l’apparence graphique des outils que nous développons. C’est la raison pour laquelle nous proposons à nos clients un accompagnement sur les toutes premières phases de la conception Web, dès l’idéation d’un projet.

Un parcours utilisateur mobile maquetté écran par écran, extrait de notre article sur l'IA dans le workflow UX/UI

Ce que notre agence de Design Web peut vous offrir

L’agence UX et UI de JoliCode sait répondre avec le même niveau d’exigence et de qualité que JoliCode aux problématiques diverses des projets Web en amont des phases de développement technique :

💡 Idéation et stratégie

Tout commence par des ateliers de conception, menés avec vos équipes et, quand c’est possible, avec de futurs utilisateurs. Nous y clarifions les objectifs du projet, les publics visés et les usages prioritaires, pour définir une stratégie digitale partagée avant de dessiner le moindre écran.

📝 Spécifications fonctionnelles

Nous formalisons ce que l’outil doit faire : parcours, règles de gestion, cas particuliers, contenus attendus. Des spécifications précises et validées en amont évitent les malentendus pendant le développement, et servent de référence commune à toutes les personnes impliquées.

🧭 UX et direction artistique

Nous travaillons l’ergonomie des projets Web et mobile, de l’arborescence aux maquettes détaillées, en intégrant dès le départ les critères d’accessibilité. La direction artistique donne ensuite à l’interface une identité propre, fidèle à votre marque et cohérente sur tous les écrans.

✅ Tests et suivi de réalisation

Nous confrontons les maquettes à la réalité, par des prototypes et des tests utilisateurs, puis nous accompagnons les équipes de développement jusqu’à la mise en ligne : réponses aux questions, ajustements, contrôle du rendu final pour que le produit livré corresponde à ce qui a été conçu.

Le pont entre le design et le code

L’approche UX et UI de JoliCode vise la même perfection que pour les aspects liés au développement, pour lesquels notre société est reconnue. Cela se manifeste notamment par l’excellence technique des livrables proposés par notre équipe UX et UI qui se nourrissent, réalisation après réalisation, des retours techniques des métiers qui interviennent en aval : respect des notions de grille CSS, faisabilité et complexité des différents types d’interface graphique, fourniture des éléments graphiques dans des formats aisément exploitables par les équipes de développement, formalisation des spécifications.

Un exemple de styleguide produit par JoliCode

Un dossier de conception complet

Un dossier de conception contient ainsi, typiquement :

  • un styleguide, essentiel pour localiser aisément tous les composants graphiques employés dans le projet ;
  • les workflows utilisateur, pour comprendre le mode de navigation ;
  • les palettes de couleurs, fichiers de polices, etc. ;
  • les différents écrans qui constituent le projet, annotés pour décrire les spécificités fonctionnelles.

Les livrables proposés par l’équipe UX et UI de JoliCode se nourrissent, réalisation après réalisation, des retours des experts techniques de l’équipe

Ainsi, la réalisation globale d’un projet s’inscrit dans la continuité, sans cassure entre les phases de conception et les phases de développement. Des outils communs sont employés (Slack, Figma, Google Drive, Github, etc.), qui permettent aux développeurs d’être sollicités lors des phases de design et spécification, et aux experts UX et UI de pouvoir réagir rapidement aux différentes éventuelles questions des équipes de développement.

💡 Un projet à concevoir ?Contactez-nous

Appliqué chez nos clients