Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Conception de projet Web

pixeline
September 28, 2011

Conception de projet Web

1er cours de conception de projet
- Qu'est-ce qu'un projet?
- Processus commercial
- Tomb design (briefing)

pixeline

September 28, 2011
Tweet

More Decks by pixeline

Other Decks in Education

Transcript

  1. ALEXANDRE PLENNEVAUX 3 designer/developer web depuis 1998 (pixeline.be) parle anglais,

    français, espagnol (diplômé en traduction) enseigne depuis 2009 dort peu mais rêve beaucoup, sait se taire et écouter. Parle trop vite (le ralentir au besoin). mercredi 28 septembre 11
  2. introduction VOUS 8 êtes à l’école pour vous améliorer, devenir

    un meilleur designer, un meilleur citoyen, une meilleure personne. Rien d’autre. participez activement au cours et n’ayez pas peur de prendre des risques donnez toujours le meilleur de vous, sinon vous gaspillez votre temps, le mien et celui de la classe prenez note sur papier Utilisez l’adresse email que l’école vous fournit. respectez les briefings à la lettre. Posez des questions dans le doute. venez à temps au cours ou ne venez pas. (tolérance le matin jusque 9h10 max.) recherchez le feedback (vous êtes nombreux, battez-vous) proposez des solutions au lieu de vous plaindre car vous êtes un designer. me vouvoyez. Me tutoierez lorsque vous aurez votre diplôme. Nous serons alors amis et vous pourrez me payer plein de whisky Glenn Livett 12 ans d’âge. mercredi 28 septembre 11
  3. düsseldorf DÜSSELDORF, 21-22 NOVEMBRE ticket 99 EUR logement 20 EUR

    déplacement ? dernière deadline: dimanche soir. info: http://wm.infographie-sup.be/de-par-le-monde 13 mercredi 28 septembre 11
  4. Qu’est-ce qu’un projet? DÉFINITION 22 Au commencement, il y avait

    un manque, un problème à résoudre, un besoin auquel répondre ou une opportunité à prendre. Il vit que cela était bon. Il entreprit d’y répondre. Il se mit en projet. projet : (du latin, projectare « jeter devant soi ») une aventure temporaire entreprise dans le but de créer quelque chose d’unique et qui n’existait pas avant. aventure parce que tout projet présente des risques, dont l’échec temporaire car un projet se termine à une date déterminée et unique car le résultat final est propre au projet entrepris. mercredi 28 septembre 11
  5. AUTREMENT DIT... 23 rien quelque chose d’unique dépense de ressources

    (temps, énergie, argent...) idée Qu’est-ce qu’un projet? mercredi 28 septembre 11
  6. RARETÉ DES RESSOURCES 24 t’as pas un euro? Tu aurais

    une minute pour moi? Qu’est-ce qu’un projet? mercredi 28 septembre 11
  7. comment puis-je être plus efficace? EFFICACITÉ = MÉTHODE + OUTILS

    ADAPTÉS 27 méthode GTD : «Get Things Done» = l’art de s’organiser pour réussir Outils: Gestion de tâches Producteev, wunderlist, Gtasks, Remember the milk... Gestion d’emails Gmail à la place du webmail de l’école (voir tutoriel sur le forum) Gestion de fichiers (backup, synch-ing, transfert) sugarsync, dropbox Capture d’écrans: skitch http://skitch.com Prise de notes: Evernote mercredi 28 septembre 11
  8. LES GRANDES ÉTAPES COMMERCIALES 28 Les étapes de gestion commerciale

    d’un projet, et les documents associés. Comprenez et Mémorisez ce processus, retenez les noms de ces documents. Cela vous sera utile plus tard. mercredi 28 septembre 11
  9. les grandes étapes commerciales 29 COMMENCER CONCEVOIR PRODUIRE FINIR demande

    commande idée solution virtuel réel LES 4 PHASES D’UN PROJET efforts récompense mercredi 28 septembre 11
  10. Besoin / Désir Demande Commanditaire Fournisseur Offre : proposition de

    projet + budget Commande Contrat + Facture 1/3 COMMENCER Contrat signé et Facture 1/3 réglée Définition de projet Etude: - conceptuelle - graphique - interactive - ergonomique - concurrentielle, de marché... Planning et Cahier des charges CONCEVOIR Validation de l’étude, du planning et du cahier des charges mercredi 28 septembre 11
  11. Validation de l’étude, du planning et du cahier des charges

    PRODUIRE constitution des contenus création des interfaces tests ergonomiques .... le site réalisé (beta) Réception Provisoire + facture 2/3 FINIR Règlement facture 2/3, RP signée, feedback final Réception Définitive + facture 3/3 débuggage Règlement facture 3/3, RD signée Documentation Contrat de maintenance.... mercredi 28 septembre 11
  12. 40 TP1: J’IRAI... SUR VOS TOMBES une tombe est une

    interface. La votre sera interactive. Ce TP est votre chance de soigner votre première impression. Il me permettra de situer votre niveau graphique et de créativité en communication visuelle. mercredi 28 septembre 11
  13. TP1 briefing: Tombe = interface 42 TP1. BRIEFING: VOTRE TOMBE

    concevez une tombe qui transmette une trace de ce que vous étiez, de ce que vous croyiez, de votre amour du graphisme... via l’interactivité ou la réactivité. contrainte: uniquement mécanique, aucune électronique embarquée (bcs pérennité de 200 ans min.) sources de l’interactivité: vent, pluie, soleil, nature, visiteur .... l’action sur la tombe produit une réaction sensorielle en rapport avec l’objectif Délivrables: Fichier Illustrator (A3): Illustration explicative du processus impression de la planche en couleur au format A3 pour affichage. Deadline: Email : la veille du prochain cours de conception de projet Affiche imprimée, prochain cours de conception de projet mercredi 28 septembre 11
  14. TP1 briefing: Tombe = interface 43 TP1. BRIEFING: VOTRE TOMBE

    / DÉLIVRABLE Délivrable: 1 email, un fichier Illustrator et une version imprimée 1.// Email sujet: «TP1:Conception de projet - tomb design» corps: Votre nom + Classe le titre / nom de votre idée description de l’intention et de la situation visée l’url me permettant de télécharger votre fichier A3 vectoriel. (hébergé sur dropbox, sugarsync ou votre espace ftp). 2.// Fichier A3 vectoriel: 1 Illustration permettant de comprendre et de «vendre» votre idée sur base de l’une de ces templates: format portrait: https://www.sugarsync.com/pf/D181639_6020079_9872713 format paysage: https://www.sugarsync.com/pf/D181639_6020079_9872700 3.// Affiche imprimer en A3 Couleur et venir au cours avec l’affiche et du papier-collant. mercredi 28 septembre 11
  15. TP1 briefing: Tombe = interface 44 EXEMPLES DE CE QUE

    J’ATTENDS mercredi 28 septembre 11
  16. Quoi? je dois concevoir une tombe? COMMENT TROUVER UNE IDÉE

    truc 1: tourner le problème dans tous les sens, changer de perspective par rapport au problème (ex: le point de vue du mort, le point de vue du vivant, le point de vue du jardinier du cimetière, le point de vue des passants ne vous connaissant pas, etc... Jusqu’à ce qu’une petite voix en vous dise «a-ah!» La page suivante liste des exercices de «libération de la pensée» prenant différentes perspectives et réalisés en groupe: Comme je vois ma propre mort jeu linguistique détour par les religions connexion avec mes émotions provoquées par la disparition réelle ou fictive d’un proche 57 mercredi 28 septembre 11
  17. 1. brainstorming par groupes de 2 étudiants 3 minutes chacun:

    que pensez vous fondamentalement de la mort, de la vie, de la vie après la mort? l’autre étudiant(e) prend note des mots-clef 2. 5 minutes (en silence et seul). J’IRAI... SUR VOS TOMBES imaginer le plus de scénarios interactifs possibles utilisant les 3 petits points. Les écrire, ne pas les évaluer. Les noter. 3. mise en commun du groupe. Sélectionner les meilleures. 4. Mise en commun de la classe. 5. 30 sec: quelle est la version religieuse/ philosophique de la mort selon ces systèmes de croyance? (bouddhisme, hindouisme, christianisme, catholicisme, animisme (vaudou), nihilisme, athéisme...) 6. brainstorming solitaire (3 min.): Pensez à un proche qui est décédé. Qu’aimeriez-vous lui dire? 7. Quels sont les possibilités qu’offre la Nature pour communiquer / laisser des messages? 58 Exercices de libération de la pensée MISE EN ROUTE mercredi 28 septembre 11