Design d’interface
Le design d’interface se met en place à travers 2 étapes successives : la conception des wireframes (maquette fonctionnelle) et la création du webdesign (maquettes graphiques). Et en général, beaucoup de café, de recherche et de découvertes entre les deux.
La phase de conception
Suite à la phase de cadrage de projet, la phase de conception permet de définir des parcours utilisateurs fluides et adaptés aux cibles et aux objectifs du site. Au travers d’ateliers, nous précisons les chemins de fer généraux en wireframes détaillés pour déterminer la structure de chacun des modèles de page prévus. Nous anticipons les différents cas d’usages et la faisabilité technique pour limiter au maximum les potentielles problématiques de développement.
Chaque proposition est révisée au regard des besoins des utilisateurs et des objectifs du site. Nous veillons à la disposition, la proportionnalité et l’affordance de chaque élément pour mettre en place des pages efficaces.
La phase de webdesign
La phase de webdesign correspond à la réalisation des maquettes de chaque modèle de page. Nous nous appuyons sur les wireframes préalablement validés et l’identité visuelle définie pour mettre en forme et en couleur le futur site.
L’important travail de veille réalisé par les webdesigners de l’équipe permet de réaliser des propositions graphiques durables dans un milieu où les standards évoluent très rapidement. Nous veillons à ce que l’impact visuel que nous mettons en place réponde aux objectifs du site, en respectant des normes d’ergonomie et d’accessibilité web.
Nos outils
oui oui, c'est bien établi
Alors oui, parfois ça nous arrive de recevoir des maquettes web sur Photoshop (en général on peut voir le regard vide de notre équipe technique à ce moment précis).
Mais lorsque les maquettes sont produites chez nous avec amour, elles sont conçues sur des outils de prototyping web. On est dans la team Figma jusqu’à nouvel ordre. Parce qu’on s’adapte aux nouveaux outils, et qu’on en est assez enclin au changement.
