Illicado
Design & expérience utilisateur
Réunion connect
réunion connect
réunion connect
Juin 2021
Nout’ Futur est une association réunionnaise créée en mai 2019 par des citoyens et des chefs d’entreprises locaux. Nout’ Futur a pour objectif de mettre en place une identité numérique unique pour tout citoyen, sur le territoire français.
Cette idée a vu le jour suite à une visite en Estonie afin de rencontrer les représentants du modèle e-Estonie et découvrir leur carte d’identité numérique également appelée « carte multi-services ». Cette dernière permet aujourd’hui d’accéder à 99 % des services étatiques et à plus de 2 000 services privés en facilitant la vie des citoyens du pays.
En partant de ce modèle, l’association a alors baptisé le projet “Réunion connect”, et a sollicité nos services afin de concevoir leur identité visuelle, la plateforme ainsi que la partie vitrine permettant de promouvoir le projet.
À travers cette identité, Nout’ Futur souhaitait faire transparaitre l’interaction nécessaire et innovante entre l’humain et le digital tout en gardant une image qui inspire la confiance et la sécurité. En effet, ce projet a pour but de gérer les données sensibles et personnelles des utilisateurs.
Identité
+
Monde du digital
typographie
couleurs
le process
Avant de débuter toute production, nous avons échangé avec Nout futur sur les valeurs et vision du projet qu’ils souhaitaient transmettre au travers de cette nouvelle identité.
Nous démarrons toujours cette prestation par un travail de recherche et de veille graphique afin de rester cohérents et pertinents avec le domaine d’activité concerné.
Quand il est demandé, nous produisons un moodboard afin de permettre à notre client de se projeter dans l’univers graphique global de la nouvelle identité.
Il est temps pour nous de passer à la phase de création de l’identité. Plusieurs pistes créatives sont explorées afin d’être force de proposition sur tous les éléments graphiques de cette identité (symbole, typographie, etc.).
On ne peut pas toucher juste à TOUS les coups. C’est pourquoi nous prévoyons des phases d’itérations dans le but de proposer des déclinaisons de la piste créative sélectionnée lors de la première phase de production du logo.
Afin de constituer une identité de marque globale, nous définissons la charte graphique associée. Elle rassemble l’ensemble des règles graphiques qui constituent l’identité.
La plateforme traitant de la gestion administrative, elle se devait d’être intuitive et facile de compréhension Les utilisateurs sont guidés tout le long de la plateforme grâce à des étapes logiques et une expérience de navigation épurée. La conception de la plateforme comprend les différents critères d’accessibilité permettant de rendre la plateforme compréhensible par tous.
le process
L’arborescence permet de constituer la hiérarchie entre les différentes pages de la solution. Elle est essentielle pour offrir une expérience utilisateur fluide et ergonomique. Elle joue également un rôle important dans le référencement naturel, dans le cas d’un site web.
La conception de ces maquettes dites “fonctionnelles” permet de définir les zones et composants de la future interface. C’est une étape essentielle du projet car elle permet la simulation, sous forme de prototype, du fonctionnement des parcours produits, mais également de définir une première estimation du temps et du coût de développement.
Réunion connect, étant une entité proposant des services de l’État, doit se confronter aux nouvelles règles du numérique, tel que la conformité RGAA (Référentiel général d’accessibilité pour les administrations). Le RGAA vise à améliorer l’accessibilité des sites web aux personnes présentant un handicap, qu’il se traduise par des troubles physiques, sensoriels ou bien mentaux.
Une fois les wireframes verrouillés, nous appliquons la charte graphique de l’identité afin de travailler l’UI (user interface) de la solution. Le livrable de cette étape est un rendu haute définition du prototype initial.
Afin d’offrir une expérience de lecture et de navigation optimale aux utilisateurs, quelque soit leur appareil, il est nécessaire d’adapter les maquettes réalisées dans les principales tailles d’écran (desktop, tablette, mobile).
Une fois les maquettes, prototype, et composants livrés à l’équipe technique, celle-ci peut débuter le développement de l’interface. Lors de livraisons intermédiaires, nous nous assurons que tout soit conforme : structure, design, contenus, etc.
Aude KEREUN
UX Designer
