iut de troyes – mmi1 année universitaire : 2013-2014 soutenance de projet dream factory:...
TRANSCRIPT
![Page 1: IUT de Troyes – MMI1 Année universitaire : 2013-2014 Soutenance de projet Dream Factory: Enguerran Poulain Paul Fontaine Akram Benayaha Arthur Biver Mateo](https://reader035.vdocuments.mx/reader035/viewer/2022062307/551d9d94497959293b8ca85c/html5/thumbnails/1.jpg)
IUT de Troyes – MMI1
Année universitaire : 2013-2014
Soutenance de projet
Dream Factory:
Enguerran PoulainPaul FontaineAkram Benayaha
Arthur BiverMateo Sepulveda
![Page 2: IUT de Troyes – MMI1 Année universitaire : 2013-2014 Soutenance de projet Dream Factory: Enguerran Poulain Paul Fontaine Akram Benayaha Arthur Biver Mateo](https://reader035.vdocuments.mx/reader035/viewer/2022062307/551d9d94497959293b8ca85c/html5/thumbnails/2.jpg)
2
L’Agence:
Logo et nom de l’agence représentatifs de l’état d’esprit de l’agence, un projet, un rêve? Nous y travaillons.
Nous nous consacrons en priorité à l’experience utilisateur.
![Page 3: IUT de Troyes – MMI1 Année universitaire : 2013-2014 Soutenance de projet Dream Factory: Enguerran Poulain Paul Fontaine Akram Benayaha Arthur Biver Mateo](https://reader035.vdocuments.mx/reader035/viewer/2022062307/551d9d94497959293b8ca85c/html5/thumbnails/3.jpg)
3
Le projet:
Un site qui suit les tendances actuelles
Ergonomique et intuitif
Dynamique
![Page 4: IUT de Troyes – MMI1 Année universitaire : 2013-2014 Soutenance de projet Dream Factory: Enguerran Poulain Paul Fontaine Akram Benayaha Arthur Biver Mateo](https://reader035.vdocuments.mx/reader035/viewer/2022062307/551d9d94497959293b8ca85c/html5/thumbnails/4.jpg)
4
Pourquoi ce projet?
Moderne, lié aux nouvelles technologies
En relation avec le monde de l’informatique
Exploitation des dernières tendances
![Page 5: IUT de Troyes – MMI1 Année universitaire : 2013-2014 Soutenance de projet Dream Factory: Enguerran Poulain Paul Fontaine Akram Benayaha Arthur Biver Mateo](https://reader035.vdocuments.mx/reader035/viewer/2022062307/551d9d94497959293b8ca85c/html5/thumbnails/5.jpg)
5
Problématique
Comment allier une apparence moderne qui suit les tendances, avec une accessibilité ergonomique et intuitive pour l’utilisateur et ses différents périphériques?
![Page 6: IUT de Troyes – MMI1 Année universitaire : 2013-2014 Soutenance de projet Dream Factory: Enguerran Poulain Paul Fontaine Akram Benayaha Arthur Biver Mateo](https://reader035.vdocuments.mx/reader035/viewer/2022062307/551d9d94497959293b8ca85c/html5/thumbnails/6.jpg)
6
Plan:
Problème / SolutionGabarit et ArborescenceGraphismeFonctionnalitésIntégrationFinalisation
![Page 7: IUT de Troyes – MMI1 Année universitaire : 2013-2014 Soutenance de projet Dream Factory: Enguerran Poulain Paul Fontaine Akram Benayaha Arthur Biver Mateo](https://reader035.vdocuments.mx/reader035/viewer/2022062307/551d9d94497959293b8ca85c/html5/thumbnails/7.jpg)
7
Gabarit(arthur)
Choix d’une construction simple:Pour une construction aiséePour les utilisateurs: lisible et accessible, et adapté à de nombreux supports
![Page 8: IUT de Troyes – MMI1 Année universitaire : 2013-2014 Soutenance de projet Dream Factory: Enguerran Poulain Paul Fontaine Akram Benayaha Arthur Biver Mateo](https://reader035.vdocuments.mx/reader035/viewer/2022062307/551d9d94497959293b8ca85c/html5/thumbnails/8.jpg)
8
Graphismes
• Historique de la conception graphique:• 1er et 2nd jour : Construction des gabarits (page d'accueil + pages avec
contenu) et début des maquettes graphiques• 3e et 4e jour : Construction des modèles graphiques• 5e jour : Version définitive du modèle graphique et typographie• 8e et 9e jour : Conception/ajouts des éléments graphiques indépendants sur
le site
• Choix police : refléter aspect futuriste et moderne tout en restant sobre
![Page 9: IUT de Troyes – MMI1 Année universitaire : 2013-2014 Soutenance de projet Dream Factory: Enguerran Poulain Paul Fontaine Akram Benayaha Arthur Biver Mateo](https://reader035.vdocuments.mx/reader035/viewer/2022062307/551d9d94497959293b8ca85c/html5/thumbnails/9.jpg)
9
Arborescence(akram)
![Page 10: IUT de Troyes – MMI1 Année universitaire : 2013-2014 Soutenance de projet Dream Factory: Enguerran Poulain Paul Fontaine Akram Benayaha Arthur Biver Mateo](https://reader035.vdocuments.mx/reader035/viewer/2022062307/551d9d94497959293b8ca85c/html5/thumbnails/10.jpg)
10
Le choix des couleurs:• Couleurs simples et ergonomiques
![Page 11: IUT de Troyes – MMI1 Année universitaire : 2013-2014 Soutenance de projet Dream Factory: Enguerran Poulain Paul Fontaine Akram Benayaha Arthur Biver Mateo](https://reader035.vdocuments.mx/reader035/viewer/2022062307/551d9d94497959293b8ca85c/html5/thumbnails/11.jpg)
11
Le fond
• Blanc simple et neutre, mettant en valeur ce qui est important grâce au contraste .
![Page 12: IUT de Troyes – MMI1 Année universitaire : 2013-2014 Soutenance de projet Dream Factory: Enguerran Poulain Paul Fontaine Akram Benayaha Arthur Biver Mateo](https://reader035.vdocuments.mx/reader035/viewer/2022062307/551d9d94497959293b8ca85c/html5/thumbnails/12.jpg)
12
Les icônes :
• Icône flat design, esthétique et indicatifs .
![Page 13: IUT de Troyes – MMI1 Année universitaire : 2013-2014 Soutenance de projet Dream Factory: Enguerran Poulain Paul Fontaine Akram Benayaha Arthur Biver Mateo](https://reader035.vdocuments.mx/reader035/viewer/2022062307/551d9d94497959293b8ca85c/html5/thumbnails/13.jpg)
13
Fonctionnalités
Recherche des fonctionnalités « tendances »
Sélection des fonctionnalités à l’aide du gabarit
Seconde sélection, vis-à-vis de nos contraintes (temps, compétences…)
![Page 14: IUT de Troyes – MMI1 Année universitaire : 2013-2014 Soutenance de projet Dream Factory: Enguerran Poulain Paul Fontaine Akram Benayaha Arthur Biver Mateo](https://reader035.vdocuments.mx/reader035/viewer/2022062307/551d9d94497959293b8ca85c/html5/thumbnails/14.jpg)
14
Eléments clés
Le design responsive:Ergonomique sur tous supports, le public cible étant nomadeFacilite l’integration du contenu sur tous suportsSuit les tendances et normes actuelles
L’utilisation de carrousels pour présenter les articles:Donne du dynamisme à la page
Met en valeur les articlesAttire l’oeil de l’utilisateur
![Page 15: IUT de Troyes – MMI1 Année universitaire : 2013-2014 Soutenance de projet Dream Factory: Enguerran Poulain Paul Fontaine Akram Benayaha Arthur Biver Mateo](https://reader035.vdocuments.mx/reader035/viewer/2022062307/551d9d94497959293b8ca85c/html5/thumbnails/15.jpg)
15
IntégrationExpérimentations et apprentissage sur le responsive design:
![Page 16: IUT de Troyes – MMI1 Année universitaire : 2013-2014 Soutenance de projet Dream Factory: Enguerran Poulain Paul Fontaine Akram Benayaha Arthur Biver Mateo](https://reader035.vdocuments.mx/reader035/viewer/2022062307/551d9d94497959293b8ca85c/html5/thumbnails/16.jpg)
16
Contraintes
Le temps:Donner la priorité aux fonctionnalités les plus essentielles
Les compétences:Essayer de trouver des alternatives, apprendre à créer ou reproduire certaines fonctionnalités
![Page 17: IUT de Troyes – MMI1 Année universitaire : 2013-2014 Soutenance de projet Dream Factory: Enguerran Poulain Paul Fontaine Akram Benayaha Arthur Biver Mateo](https://reader035.vdocuments.mx/reader035/viewer/2022062307/551d9d94497959293b8ca85c/html5/thumbnails/17.jpg)
17
Integration, Objectifs
Proposer le même contenu sur tous supports
Une utilisation ergonomique, et intuitive
Une architecture qui respecte les normes du web actuelles
Un contenu dynamique et attractif (animations, carrousels)
Une apparence générale qui suit les tendances actuelles (flat design)
![Page 18: IUT de Troyes – MMI1 Année universitaire : 2013-2014 Soutenance de projet Dream Factory: Enguerran Poulain Paul Fontaine Akram Benayaha Arthur Biver Mateo](https://reader035.vdocuments.mx/reader035/viewer/2022062307/551d9d94497959293b8ca85c/html5/thumbnails/18.jpg)
18
Finalisations
Mise en forme du texte et corrections
Retouches et optimisations
Corrections d’erreurs
![Page 19: IUT de Troyes – MMI1 Année universitaire : 2013-2014 Soutenance de projet Dream Factory: Enguerran Poulain Paul Fontaine Akram Benayaha Arthur Biver Mateo](https://reader035.vdocuments.mx/reader035/viewer/2022062307/551d9d94497959293b8ca85c/html5/thumbnails/19.jpg)
19
Préconisations
Finitions (mise en forme des boutons, zone de texte)
Typographie des articles
…
![Page 20: IUT de Troyes – MMI1 Année universitaire : 2013-2014 Soutenance de projet Dream Factory: Enguerran Poulain Paul Fontaine Akram Benayaha Arthur Biver Mateo](https://reader035.vdocuments.mx/reader035/viewer/2022062307/551d9d94497959293b8ca85c/html5/thumbnails/20.jpg)
ConclusionExpérience tirée de ces semaines de projet