Refonte de la MMIE

Revoir la stratégie d'image : charte graphique et site internet pour faciliter l'insertion et la reconversion vers l'aide à la personne.

GRAPHISMEUI / UX

Refonte de la MMIE

Objectif du projet

Pour un projet scolaire, la MMIE (Maison Métropolitaine de l'Insertion à l'Emploi) est venue nous voir pour nous demander de revoir leur stratégie d'image et de proposer un prototype d'une solution web.

Graphisme - Audit UX - UI / UX design

Pour entamé notre mission, nous avons commencé par synthétiser le besoin et nous l'avons reformulé sous une seule et même problématique :

Comment revaloriser les métiers de l’aide à la personne et y donner accès de manière simple et impliquante ?

L'équipe

Branding

Les personnes exerçant les différents métiers liés à l’aide à la personne sont de véritables héros du quotidien. Toujours présents dans les moments difficiles, inépuisables, ils sont là pour prêter main forte à leur prochain.

Ainsi notre storytelling s’appuie sur l’image du super-héros pour revaloriser ces métiers.

"Relions"

Le mot relions vient de la contraction de deux ensembles de lettres qui représentent chacun une idée différente : Le “Re” fait éco au REcrutement, REconversion, REinsertion, REncontre, REnouveau.  Le “Lions” fait référence à la fois au lien crée entre les personnes, mais aussi à la ville de Lyon. Ensemble, ils forment le mot “relions” qui utilisé à la 1° personne du pluriel donne un sentiment de proximité, d’ensemble, d’action.

Logo

Le logotype s’inspire du lien entre les personnes. Le cercle ouvert représente à la fois l’engagement, l’accompagnement et le soutien.  Mais aussi le cycle de la vie, le besoin d’être aidé pour aller au “bout du cercle”, le compléter.

Déclinaisons

Couleurs

Expérience Utilisateur

Audit UX

Guide des métiers et fiches
Guide des formations
Test de personnalité

Trop d'informations
Trop coloré, peu de lisibilité
Trop de sous-catégories, chemins compliqués

CIDJ

Tableau de bord complet
Raccourcis d'action sur la page d'accueil
Multiples zones de recherche

Conditions d'inscription
Peu d'informations sur la page d'accueil à part l'actualité

PÔLE EMPLOI

Guide des métiers et fiches
Barre de recherche
Formation par niveau

Trop d'informations
Trop d'images, peu de lisibilité

ONISEP

Personas

Interactive
Ludique
Simple d'utilisation

Objectifs de la solution

Arborescence

Liste des règles d’accessibilité illustrées et destinée aux Designers développée par Orange

Accessibilité

Tableau de conformité des contrastes de couleurs - WCAG 2.1

Design system

Wireframes

Maquettes

Lien vers le prototype

Ecrivons la suite...