Consulting UI/UX sous 48H dans le cadre de ma soutenance pro en M2 DEDI

1. GRANDORALE9SEPTEMBRE2020
Consultation pour
l'offre en ligne de
Société Générale
l'Université de Toulon
Master 2 DEDI en Alternance
2019-2020
Présentée par Salma El our

2. SOMMAIRE
I-Introduction
II-Design d'expérience
II.1.Synopsis
II.2.Parcours utilisateur
II.3.Persona
III-Design d'interface
III.1. La charte graphique
III.2. Prototype & Maquette
III.3. Mock-ups
IV-Production du contenu
IV.1. La chaîne de production
IV.2. Logiciels et outils
IV.3. Budgétisation
V-Conclusion

3. I. Introduction
CONTEXTE
Promotion de l'offre en ligne de la société générale
LA DEMANDE
Réalisation d'UI/UX Design en plus de la chaine de
production
PRÉSENTATION
Rubrique association

4. II. DESIGN D'EXPERIENCE
II.1. SYNOPSIS
L'association entant que client ou future client chez la société générale, pourra consulter les services qui la
concerne directement sur la rubrique "associations". Le portail web lui permettra alors de choisir l'action à
effectuer selon des catégories bien réparties.
Un accès au compte est disponible, ainsi qu'une demande de prise de rendez-vous pour les futurs clients.
L'accueil de cette rubrique permet également de publier les nouvelles offres de la société et d'indiquer les
lois et indices de sécurité.
Le pied de page donne accès à toutes les informations nécessaires notamment, le plan du site, les mentions
légales et les coordonnées de contact.

5. II. DESIGN D'EXPERIENCE
II.2. PARCOURS UTILISATEUR

6. II. DESIGN D'EXPERIENCE
II.3. PERSONA
Associations à but non lucratif & Associations tutélaires
Association "Les amis du musée"
20 membres
Recherche, contribution et valorisation
patrimoniale
Association "Don Cancer"
10 membres
Collecte de dons pour la lutte contre
le cancer

7. III. DESIGN D'INTERFACE
III.1. LA CHARTE GRAPHIQUE

8. III. DESIGN D'INTERFACE
III.2. PROTOTYPE & MAQUETTE

9. III. DESIGN D'INTERFACE
III.3. MOCK-UPS
Macbook Pro - 1920x1080 Iphone X - 375x812

10. IV. PRODUCTION DU CONTENU
IV.1. LA CHAINE DE PRODUCTION

11. IV. PRODUCTION DU CONTENU
IV.2. LOGICIELS & OUTILS
Création d'un portail web dynamique
Logiciel de création : CMS (hébergement
mutualisé + serveur dédié + espace cloud)
Maintenance : HTML/CSS
Outil de mesure du trafic : Google Analytics
Base de données : service client
Création graphique
Logiciel de design : Suite d'adobe
Logiciel de développement (interface) : Visual Studio
Logiciel de prototype : adobe Xd

12. IV. PRODUCTION DU CONTENU
IV.3. BUDGÉTISATION
Proposition de différents moyens de
production avec leur estimation de
coût.

13. V. CONCLUSION
Le nouveau parcours et design proposé pour la rubrique associations permettra une
navigation rapide aux utilisateurs. Par conséquent, l'UX Design est un atout majeur
pour la réussite d'un site web et pour faciliter et orienter les usagers vers leurs
besoins.
D'autre part, l'internaute pourra effectuer ses actions de manière intuitive grâce à la
répartition selon type de blocs / zones et services. De plus la simplicité du design,
des couleurs contrastées et une typographie lisible.
Enfin, cela permettra un accès en moindre de clic et optimisé sur différents support,
ainsi qu'une variété de contenues qui permettront de satisfaire l'internaute et arriver à
l'information recherché.

14. MERCI!
SALMA EL OUR - UNIVERSITÉ DE TOULON 9 Septembre 2020