Net bourses

Net bourses

Refonte et développement de la plateforme NetBourses destinée aux étudiants de la Réunion.

NOTRE INTERVENTION

Design & expérience utilisateur

DATE

Avril 2020

À DÉCOUVRIR ICI

CONTEXTE DU PROJET

Le Conseil Départemental de la Réunion accompagne les étudiants réunionnais dans leurs études supérieures à travers différents dispositifs d’aides.

Avec près de 11 000 étudiants aidés par année universitaire, le département souhaite refondre leur plateforme afin de la rendre plus performante et plus intuitive tant pour les agents que pour les demandeurs.

TYPOGRAPHIE

typographie

COULEURS

couleurs

FFFFFF
255
255
255
4D70FF
77
112
255
363454
54
52
84
FD3636
253
54
54
43BDFF
67
189
255

LE PROCESS

le process

01

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.

02

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.

03

Conformité rgaa

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

04

habillage

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.

05

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

06

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.

“Il était plus que nécessaire que la plateforme NetBourses soit disponible sur desktop mais également sur mobile. En effet, deux types d'utilisateurs entrainent souvent différentes utilisations du produit. C'est pour cette raison qu'une approche "mobile first" a été employée sur ce projet.”

Aude KEREUN

UX Designer

Une plateforme accessible par tous

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.

autres projets