1 / 20

IUT de Troyes – MMI1 Année universitaire : 2013-2014 Soutenance de projet

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:.

hanh
Download Presentation

IUT de Troyes – MMI1 Année universitaire : 2013-2014 Soutenance de projet

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript


  1. DreamFactory: Enguerran Poulain Paul Fontaine AkramBenayaha IUT de Troyes – MMI1 Année universitaire : 2013-2014 Soutenance de projet Arthur Biver Mateo Sepulveda

  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.

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

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

  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?

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

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

  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

  9. Arborescence(akram)

  10. Le choix des couleurs: • Couleurs simples et ergonomiques

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

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

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

  14. 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

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

  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

  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)

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

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

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

More Related