La réalisation des gabarits intervient au cours de la phase de conception. Une fois la structure du site et les fonctionnalités déterminées, il est possible de distinguer les pages clés des pages secondaires et le parcours que l’on souhaite proposer à l’internaute.
La conception des gabarits s’établie généralement au cours de plusieurs ateliers de co-construction. Nous travaillons sur la base d’un tableau blanc interactif qui facilite le travail collaboratif. C’est un outil qui permet de schématiser facilement les contenus des pages d’un site ou d’une application, et qui intègre des systèmes d’annotation et d’intégration de commentaires.

Ci-dessus : aperçu du tableau Miro à l’occasion de la refonte du site Netemedia
Durant les ateliers, nous appliquons notre expertise pour assurer le respect des grands principes ergonomiques, la prise en compte des parcours utilisateurs mais également pour informer sur les possibilités techniques.
Après les ateliers, nous retranscrivons les gabarits sur le logiciel Adobe XD. Nous produisons ainsi des documents mis en forme représentant les pages clés travaillées, au format desktop et/ou mobile, afin de disposer d’une version finalisée permettant de se projeter dans le projet.
Suivant le type de projet, nous pouvons réaliser des prototypes animés, sur la base des gabarits.
A l’aide d’Adobe XD, nous simulons les transitions entre les différents écrans pour permettre de naviguer aisément dans le prototype. Nous prévoyons un temps de formation pour permettre à l’équipe projet de manipuler le prototype aisément.

Ci-dessus : extrait des gabarits du site Netemedia sur Adobe XD
Ci-dessous : le résultat, des maquettes graphiques qui tiennent compte des recommandations ergonomiques
