Plus d'informations sur : https://goo.gl/N5IqMi Élaboration d'un prototype d'aide à la prise de décision pour les élections présidentielles 2017. Moi président, vous propose de concevoir votre propre programme politique et de trouver le candidat qui vous correspond le plus. Projet réalisé par : Alexandre Chichportich, Valérian Fauqueur, Constance James, Suong Kévin Tan, Guillaume Yaici et Raphaël Zerbib ## Détails de l'école : https://goo.gl/zuQVhz Dossier d'admission : https://goo.gl/7GQXvP Détails des admission : https://goo.gl/m7IutW

1. APPEL D’OFFRE II
ÉQUIPE 03
ALEXANDRE CHICHPORTICH - VALÉRIAN FAUQUEUR - CONSTANCE JAMES - SUONG KÉVIN TAN - GUILLAUME YAICI - RAPHAËL ZERBIB
Moi Président, Je...

2. 2
Alexandre Chichportich
Concepteur Print
Valérian Fauqueur
UI/UX Designer
Constance James
Rédactrice
Suong Kevin Tan
Motion Designer
Guillaume Yaici
Rédacteur
Raphaël Zerbib
Rédacteur
EQUIPE 03 - PRÉSENTATION DE L’ÉQUIPE

3. 3
ARTICLE 01 - Le constat sur le monde politique
ARTICLE 02 - Notre concept
ARTICLE 03 - Analyse personas
ARTICLE 04 - Stratégie de communication
ARTICLE 05 - Maquettes graphiques & Motion design
SOMMAIRE DU DOSSIER

4. LE CONSTAT SUR LE MONDE POLITIQUE
z
4
ARTICLE 1

5. CONSTAT - LE BRIEF
Le 23 avril prochain, les citoyens français auront peut-être rendez-vous avec l’Histoire.
Est-ce qu’ils amèneront au 2nd tour, pour la deuxième fois durant la Ve république, le
parti d’extrême droite ou encore un candidat vierge de toute élection - législative,
municipale - qu’est Emmanuel Macron ?
En tout cas, pour permettre de traduire ce droit fondamental qu’est de pouvoir élire
nos représentants, ici notre président, en un acte réfléchi, il est primordial que les
citoyens puissent voter en toute connaissance de cause.
5

6. CONSTAT - LE CONTEXTE ACTUEL FRANÇAIS
Nous constatons un rejet de la classe politique, des médias et des élites au sens large
par cette “France périphérique”. À contrario des élites qui occupent les emplois du
haut de l’échelle et qui se recroquevillent dans les métropoles.
Une fracture sociale, économique et identitaire s’impose clairement en France.
Il apparait aussi un déni de démocratie où la vision n’est plus la-même.
HD
6

7. CONSTAT - MÉDIAS & POLITIQUE EN FRANCE
Notre société s’attache aux “scoops” propagés à répétition par différents
journaux sur les affaires extra-politiques de responsables politiques.
Durant les années 80 et 90, d'innombrables élus ont été soumis à une enquête
ou étaient condamnés comme Mitterrand ou Chirac.
Le traitement de la vie politique s’est juste, depuis quelques années, étendu à
la sphère privée des politiciens.
7
Une dernière enquête pour La Croix, sortie le 2 février montre une extrême
méfiance des français envers l'actualité et donc envers les médias.

8. CONSTAT - ANALYSE DE LA POLITIQUE FRANÇAISE
Source : Opinionway8
Selon une étude Opinionway pour
SciencePo Paris, plus de 76% des
répondants n’ont plus confiance dans la
politique.
Ce manque de confiance se montre par un
sentiment d’abandon, d’exaspération des
citoyens…
De la méfiance 40%
28%
10%
10%
5%
Du dégoût
De l’ennui
De l’intérêt
De l’espoir
De la peur
Du respect
De l’enthousiasme
NSP
81%
Sentiments positifs
Sentiments négatifs
18%
3%
2%
1%
1%

9. CONSTAT - ANALYSE DE LA POLITIQUE FRANÇAISE
Source : Opinionway9
45%
3%
39%
23%
15%
12%
6%
2%
2%
0%
18%
8%
8%
2%
1% 1% 1% 1%
1%1%
6%
12%
13%
11%
9%
12%
11%
6%
2%
10% 10%
10%
5%
3%
2%
1%
8%
4%
2% 2%
1%
2%
1%
8%
4% 3%
2% 1%
4%5%
10%
22%
26%
31%
33%
25%
33%
28%
39%
38%
36%
39% 40% 39% 40%
40%
35%
30%
25%
20%
15%
10%
5%
0%
Décembre
2010
Octobre
2011
Décembre
2012
Décembre
2013
Décembre
2014
Décembre
2015
Décembre
2016
Février
2015
Méfiance
Dégoût
Intérêt
Ennui
Espoir
Peur
Respect
Enthousiasme

10. CONSTAT - LE CONTEXTE INTERNATIONAL
ELECTION DE TRUMP
Son électorat qui l’a plébiscité montre l’augmentation de la haine de l’autre,
mais aussi d’une croyance en la théorie du remplacement qui se forge par une
crise économique qui n’a jamais été réglée (depuis 2008).
52%
des “femmes blanches” ont voté pour Trump,
les plus touchées par la précarisation.
Aux Etats-Unis, c’est un modèle social néo-libéral, favorable au plein-emploi,
mais qui crée des trappes de pauvreté et où le droit du travail est inexistant.
Ainsi le taux de chômage relativement bas (5,5%) n’est pas gage de justice
sociale.
10

11. LES PARTIS ANTI-SYSTÈME
La formation de ces partis anti-système qui ne veulent plus s’astreindre à
cette hiérarchie partisane pour revenir plus “près du peuple” a déjà éclos, et
ces-derniers mènent leur pays avec plus ou moins de succès.
Toutefois, elles sont le reflet de nos sociétés occidentales stagnant depuis
plus de 30 ans.
CONSTAT - LE CONTEXTE INTERNATIONAL
11
1PERSONNE SUR 2
évoque une défiance envers l’institution européenne et
pensent que leur pays est en déclin

12. CONSTAT - UNE ANNÉE ÉLECTORALE
CAMPAGNE / PRIMAIRES
12
MI-2016
PREMIER TOUR SECOND TOUR RÉSULTATS OFFICIELS
23
AVRIL
7
MAI
17
MAI

13. 13
NOTRE CONCEPT
h
ARTICLE 2

14. NOTRE CONCEPT - PROBLÉMATIQUE
?Compte tenu de l’instabilité politique française et de la méfiance
généralisée des français, comment peut-on redonner une clarté
dans l’offre politique qu’ils leur est proposée, tout en brisant les
idées pré-conçues des citoyens ?
14

15. Moi Président, Je…
« Concevez votre propre programme politique, celui qui fera la différence. »

16. NOTRE CONCEPT - MOI PRÉSIDENT, JE…
16
Moi Président, Je…
est une expérience web qui propose à l’utilisateur de concevoir son
propre programme politique et de trouver le meilleur candidat qui
lui correspond grâce un outil ludique unique en son genre.

17. NOTRE CONCEPT - OBJECTIFS PRINCIPAUX
Galvaniser l’intérêt des
français pour la politique.
Clarifier l’offre politique
des différents partis.
Transmettre le sentiment aux
français de voter en toute
connaissance de cause.
17

18. NOTRE CONCEPT - OBJECTIFS CONCRETS
Une interface interactive et
claire pour une utilisation
simplifiée mais efficace.
Une évaluation en temps réel
du candidat le plus proche
de nos propositions.
Un contenu riche et transparent,
avec une diversité des sources pour
informer l’utilisateur.
18

19. NOTRE CONCEPT - GAIN UTILISATEUR
Un outil rassemblant les débats
pour la présidentielle, de façon
claire et pédagogue.
S’INFORMER
L’utilisateur pourra savoir quel
candidat, au-delà de toute idée
partisane, est le plus proche de
ses idées.
SE POSITIONNER
Redonner un sens à l’un des
droits les plus fondamentaux :
voter.
AGIR
19

20. CONSTAT - CONCURRENCE
CONCURRENCE DIRECTE CONCURRENCE INDIRECTE
20

21. Moi Président, Je…
SENSIBLE AU DÉBOUSSOLEMENT DES JEUNES CITOYENS
NOTRE CONCEPT - EN RESUMÉ
EST UNE PROPOSITION D’EXPÉRIENCE QUI EST
PERTINENTE AUX DÉBATS D’IDÉES
FAVORABLE À L’IDENTIFICATION DES DIFFÉRENTS PARTIS
21

22. 22
ANALYSE PERSONAS
u
ARTICLE 3

23. ANALYSE PERSONAS - LA CIBLE
Étudiants ou jeunes travailleurs
Intérêt faible pour la politique
Technophiles
Informés sur les réseaux sociaux
COEUR DE CIBLE
Hommes et femmes 18-25 ans
Cadres supérieurs
Adhérents d’un parti ou fort intérêt pour la politique
Intérêts diversifiés (économie, technologie..)
Informés sur les médias de masse.
TROISIÈME CIBLE
Hommes et femmes 18-25 ans
Jeunes actifs (Autoentrepreneurs)
Intérêt moyen pour la politique
Technophiles
Informés sur les médias de masse
DEUXIÈME CIBLE
Hommes et femmes 25-30 ans
23

24. ANALYSE PERSONAS - WILLIAM COUDERT
Nom : William Coudert
Age : 20 ans
Profession : Étudiant en école de commerce
SITUATION
• Vit encore chez ses parents
• Ré-orientation après 4 mois en fac de
gestion
• S’intéresse à la mode parisienne et est un
« sneakers addict »
• Boulimique des fast-food
• Accro à Tinder et toutes les applications de
rencontres
BESOINS
• Il voudrait pouvoir voter pour un candidat
qui le fait espérer.
• Désireux d’un produit qui lui donnerait de
l'intérêt pour la politique
• N'exclut pas de s’informer à travers un jeu
communautaire
FREINS
• Il a une très mauvaise appréciation de la
politique. Un brin pessimiste, il ne croit pas
au candidat qui changera les choses.
• Il ne trouve pas le plaisir de lire des articles
ou des programmes politiques, beaucoup
trop longs et peu clairs (manque de
synthèse).
24

25. Nom : William Coudert
Age : 20 ans
Profession : Étudiant en école de commerce
Moi Président, Je…AVEC
• « Pourrais peut-être m’engager dans le programme “les jeunes” avec le candidat qui sera le plus proche de mes idées. »
• « Partagerais avec mes amis, pour qu’on puisse se comparer et débattre »
• « Critiquerais plus facilement les fausses informations qui circulent sur les réseaux sociaux. »
25
ANALYSE PERSONAS - WILLIAM COUDERT

26. Nom : Monica Pelletier
Age : 25 ans
Profession : Jeune avocate en CDI
SITUATION
• Vient d'emménager dans un appartement
en ville (Bordeaux)
• Adepte du “Luxe D’occasion” comme :
Instant Luxe.
• Participe à plusieurs compétitions de
marathon
• Aimerait rompre avec le célibat.
• Abonnée à plusieurs journaux papier :
“Les Echos”, “L’Opinion” et “L’Express”.
BESOINS
• Voudrait participer activement à la vie
politique en tant qu’adhérente.
• Apprendre en moins de 5 minutes le
programme d’un candidat
• Savoir quel est le programme le plus
sérieux et réalisable
FREINS
• Son travail lui prend beaucoup de temps.
Elle est donc freinée par les contenus
gargantuesques des programmes
politiques.
• Adepte des notifications et des actualités
postés sur les réseaux sociaux, elle veut en
savoir le plus possible en un minimum de
temps.
26
ANALYSE PERSONAS - MONICA PELLETIER

27. Moi Président, Je…AVEC
• « Pourrais peut-être m’engager en tant que adhérente avec le candidat qui sera le plus proche de mes idées. »
• « Débattrais avec mes amis et collègues sur l’élection présidentielle. »
• « Réfuterais des idées que j’avais crues : soit par snobisme, soit par contexte socio-familial. »
Nom : Monica Pelletier
Age : 25 ans
Profession : Jeune avocate en CDI
27
ANALYSE PERSONAS - MONICA PELLETIER

28. Nom : Lucien Aucoin
Age : 30 ans
Profession : Cadre supérieur chez Armorlux
SITUATION
• Il a fait construire une nouvelle maison
pour faire vivre sa famille qui s'agrandit.
• Il est adepte des jeux mobiles (type
CandyCrush)
• Passionné de voile, il part très souvent en
week-end avec sa famille.
• Achète tous les jours la presse régionale et
sportive (L’Equipe)
BESOINS
• S’informer sur des canaux autres que
traditionnel (Presse, Tv, Radio)
• Pouvoir discuter et débattre avec sa
famille sur la présidentielle
• S’astreindre de toute influence péjorative
lors du vote
FREINS
• L’information doit être claire et concise,
pour rendre l'intérêt plaisant.
• Manque de maîtrise et de connaissance
technologiques.
28
ANALYSE PERSONAS - LUCIEN AUCOIN

29. Moi Président, Je…AVEC
• « Partagerais mes connaissances avec mon entourage pour pouvoir informer le plus précisément possible. »
• « Comprendrais qui est celui qui à le programme le plus concis, le plus réalisable par rapport au contexte d’aujourd’hui. »
• « Analyserais simplement les idées de chaque candidat (Pour / Contre) »
29
ANALYSE PERSONAS - LUCIEN AUCOIN
Nom : Lucien Aucoin
Age : 30 ans
Profession : Cadre supérieur chez Armorlux

30. 30
STRATÉGIE DE COMMUNICATION
ARTICLE 4
v

31. 31
STRATÉGIE DE COMMUNICATION - ENJEUX
LE POSITIONNEMENT
Conserver les codes et les valeurs
de la politique tout en s’adaptant à la
cible ainsi qu’à nos supports
LA VISIBILITÉ
La viralité est au cœur du dispositif,
celui-ci prônant la compréhension
et incitant au partage.
DÉVELOPPEMENT D’IMAGE
En proposant une manière interactive de
constituer et d’analyser un programme, notre
dispositif s’adresse aux technophiles indécis.

32. 32
STRATÉGIE DE COMMUNICATION - CANAUX
Promotion de notre expérience web sur
les réseaux sociaux (Facebook, Twitter,
Instagram) avec la mise en place du
hashtag #MoiPresidentJe.
L'utilisateur peut partager son
programme et sa compatibilité avec un
candidat afin d’inciter son entourage à
débattre et à s’intéresser à l’expérience.

33. 33
STRATÉGIE DE COMMUNICATION - ILLUSTRATIONS
CAMPAGNE SUR
FACEBOOK

34. 34
STRATÉGIE DE COMMUNICATION - ILLUSTRATIONS
CAMPAGNE SUR
TWITTER

35. 35
STRATÉGIE DE COMMUNICATION - ILLUSTRATIONS
CAMPAGNE SUR
INSTAGRAM

36. 36
ARTICLE 5
MAQUETTES GRAPHIQUES & MOTION DESIGN
m

37. MOI PRÉSIDENT JE - CHARTE GRAPHIQUE
Moi Président, Je…
37
LOGO/ TITRE
Typographie : DHF Dexar Brush
Taille : entre 45 - 100 pt
TYPOGRAPHIES
Corps de texte : Le partenariat transatlantique de commerce et
d’investissement (PTCI ; TTIP en anglais), également connu
sous le nom de traité de libre-échange transatlantique (TAFTA
en anglais), est un accord commercial.
Titre : Le revenu universel
Sous-titres : Source : Liberation
Typographie : Abrade Medium - 32pt
Typographie : Abrade Book - 16pt
Typographie : Abrade Book - 12pt
PALETTE DE COULEUR
Bleu marine
[#0352BB]
Rouge contradictoire
[#0352BB]
Noir élégant
[#262626]
Bleu ciel
[#79AFF7]
Vert d’acceptance
[#26AD60]
Blanc cassé
[#FCFCFC]

38. HOME PAGE
Début de l’expérience « Moi Président »
à travers une landing page composée
d’une mosaïque des candidats actuels à
la Présidentielle de 2017.
VOIR LE MOTION DESIGN FONCTIONNEL
ACCÉDER AU PROTOTYPE FONCTIONNELhttps://share.proto.io/ITNXSW/
https://www.youtube.com/watch?v=VTc8lbmJQCghttps://youtu.be/lyr_v-8TWOA

39. ÉCRAN PRINCIPAL
Après l’écran de chargement,
l’utilisateur tombe sur l’écran principal
contenant les principaux éléments de
l’outil.
VOIR LE MOTION DESIGN FONCTIONNEL
ACCÉDER AU PROTOTYPE FONCTIONNELhttps://share.proto.io/ITNXSW/
https://www.youtube.com/watch?v=VTc8lbmJQCghttps://youtu.be/lyr_v-8TWOA

40. ÉCRAN DE TUTORIEL
L’évènement du tutoriel intervient après le
chargement de l’écran principal. Cette étape
permet de mieux se familiariser avec l’outil.
VOIR LE MOTION DESIGN FONCTIONNEL
ACCÉDER AU PROTOTYPE FONCTIONNELhttps://share.proto.io/ITNXSW/
https://www.youtube.com/watch?v=VTc8lbmJQCghttps://youtu.be/lyr_v-8TWOA

41. AU CLIC D’UNE SECTION
Pour afficher toutes les idées d’une section
en particulier, il est possible de cliquer sur le
titre d’une section pour dévoiler toutes les
idées.
VOIR LE MOTION DESIGN FONCTIONNEL
ACCÉDER AU PROTOTYPE FONCTIONNELhttps://youtu.be/lyr_v-8TWOA
https://www.youtube.com/watch?v=VTc8lbmJQCghttps://youtu.be/lyr_v-8TWOA

42. AU SURVOL D’UN SLIDER
Afin de faire son choix et de construire son
programme, l’utilisateur doit survoler les
sliders pour donner sa réponse et définir au
fur et à mesure son programme.
VOIR LE MOTION DESIGN FONCTIONNEL
ACCÉDER AU PROTOTYPE FONCTIONNELhttps://youtu.be/lyr_v-8TWOA
https://www.youtube.com/watch?v=VTc8lbmJQCghttps://youtu.be/lyr_v-8TWOA

43. ÉTAT DE REPOS
Après avoir survolé et répondu à tous les
sliders, en éloignant son curseur, l’utilisateur
a la possibilité de voir un résumé global du
programme qu’il a établi.
VOIR LE MOTION DESIGN FONCTIONNEL
ACCÉDER AU PROTOTYPE FONCTIONNELhttps://youtu.be/lyr_v-8TWOA
https://www.youtube.com/watch?v=VTc8lbmJQCghttps://youtu.be/lyr_v-8TWOA

44. ONGLET DE RÉSULTATS
En plus de donner le candidat le plus
compatible au programme, l’outil permet
aussi de comparer ses résultats avec ceux
de plusieurs candidats et de savoir quels
sont les points en accord et en désaccord.
VOIR LE MOTION DESIGN FONCTIONNEL
ACCÉDER AU PROTOTYPE FONCTIONNELhttps://youtu.be/lyr_v-8TWOA
https://www.youtube.com/watch?v=VTc8lbmJQCghttps://youtu.be/lyr_v-8TWOA

45. ONGLET DE RÉSULTATS 2
L’utilisateur a également la possibilité de
changer de candidat avec lequel se comparer
en cliquant sur son nom.
VOIR LE MOTION DESIGN FONCTIONNEL
ACCÉDER AU PROTOTYPE FONCTIONNELhttps://youtu.be/lyr_v-8TWOA
https://www.youtube.com/watch?v=VTc8lbmJQCghttps://youtu.be/lyr_v-8TWOA

46. 46
"Savoir pour prévoir, afin de pouvoir."
- Auguste Comte