OFII

ofii

Refonte du site de l’Office Français de l’Immigration et de l’Intégration.

NOTRE INTERVENTION

Design & expérience utilisateur
Conseil

DATE

2020

À DÉCOUVRIR ICI

CONTEXTE DU PROJET

L’OFII est un établissement public administratif sous la tutelle du Ministère de l’Intérieur en charge de l’immigration légale. Il est responsable de plusieurs missions, dont l’aide au retour volontaire et à la réinsertion des étrangers dans leur pays d’origine. Dans le cadre de la refonte du site de l’Office Français de l’Immigration et de l’Intégration, LCAS a été consulté pour répondre à leur besoin.

TYPOGRAPHIE

typographie

COULEURS

couleurs

0E4194
14
65
148
FFFFFF
255
255
255
F3F5F9
243
245
249

LE PROCESS

le process

01

customers journey map

À partir des personas établis, il s’agit de décrire toutes les interactions humaines des différentes cibles avec le site de l’OFII (leurs actions, leurs attentes, leurs frustrations, leurs points de douleur, etc.).

02

Arborescence

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.

03

Wireframes

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.

04

Conformité rgaa

OFII, é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).

05

habillages

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.

06

mise en responsive

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).

07

Testing utilisateur

Avant le développement un cas de test est établi via le prototype en vue de consolider le concept et d’analyser le comportement des utilisateurs face à cette nouvelle solution.

08

livraison & recettes

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.

“Le principal défi de ce projet résidait dans l’accessibilité du site web. Le RGAA vise à améliorer l’accessibilité du web aux personnes présentant un handicap. Nous avons donc travaillé en ce sens afin d’intégrer à notre processus de création, des personnes présentant ce type de troubles dans le but de rendre ce futur site accessible à tous.”

Aude KEREUN

UX Designer

Parcours utilisateurs

Nous avons travaillé main dans la main avec L’OFII, sous forme d’ateliers de co-conception. En effet, après avoir réceptionné leurs personas, qui est l’étude de leurs cibles principales, nous avons pu construire leurs customers journey map. Il s’agit de décrire toutes les interactions humaines de leurs cibles avec le site de l’OFII (leurs actions, leurs attentes, leurs frustrations, leurs points de douleur, etc.).

Ce travail permet de rechercher des pistes d’amélioration de leur expérience ainsi que de nouvelles opportunités en évaluant à quel moment l’expérience devient désagréable pour l’utilisateur. Il s’agit d’un véritable état des lieux de l’expérience actuelle.

autres projets

OFII

Design & expérience utilisateur