Dream Factory: Enguerran Poulain Paul Fontaine Akram Benayaha IUT de Troyes – MMI1 Année universitaire : 2013-2014 Soutenance de projet Arthur Biver Mateo Sepulveda

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.

Le projet: Un site qui suit les tendances actuelles Ergonomique et intuitif Dynamique

Pourquoi ce projet? Moderne, lié aux nouvelles technologies En relation avec le monde de l’informatique Exploitation des dernières tendances

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?

Plan: Problème / Solution Gabarit et Arborescence Graphisme Fonctionnalités Intégration Finalisation

Gabarit(arthur) Choix d’une construction simple: Pour une construction aisée Pour les utilisateurs: lisible et accessible, et adapté à de nombreux supports

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

Arborescence(akram)

Le choix des couleurs: Couleurs simples et ergonomiques

Le fond Blanc simple et neutre, mettant en valeur ce qui est important grâce au contraste .

Les icônes : Icône flat design, esthétique et indicatifs .

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

Eléments clés Le design responsive: Ergonomique sur tous supports, le public cible étant nomade Facilite l’integration du contenu sur tous suports Suit les tendances et normes actuelles L’utilisation de carrousels pour présenter les articles: Donne du dynamisme à la page Met en valeur les articles Attire l’oeil de l’utilisateur

Intégration Expérimentations et apprentissage sur le responsive design:

Contraintes Le temps: Les compétences: 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

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)

Finalisations Mise en forme du texte et corrections Retouches et optimisations Corrections d’erreurs

Préconisations Finitions (mise en forme des boutons, zone de texte) Typographie des articles …

Expérience tirée de ces semaines de projet Conclusion Expérience tirée de ces semaines de projet