1. 1.Présentation 2. 2.Recherche 3. 3.Création 4. 4.Elaboration 5. 5.Démonstration 6. 6.Conclusion Réalisation d’un site web pour l’association « Les passeurs de fresques » Avec Maxime BRANDES, Jordane ROUSSEAU, Anthony RIVIERE

1. 1.Présentation 2. 2.Recherche 3. 3.Création 4. 4.Elaboration 5. 5.Démonstration 6. 6.Conclusion 2 Présentation du site pour Les passeurs de fresques Introduction  « Les Passeurs de Fresques », association qui a pour but de promouvoir l’art de la fresque.  Dans la réalisation de fresques sur mur, briques, etc.…  Réalisation d’un site pour l’association.

1. 1.Présentation 2. 2.Recherche 3. 3.Création 4. 4.Elaboration 5. 5.Démonstration 6. 6.Conclusion 3 Présentation du site pour Les passeurs de fresques Plan de présentation 1.Présentation 1.Agence 2.Projet 3.Répartition des tâches 2.Recherche 1.Analyse de l’existant 3.Création 1.Look and feel 2.Présentation des maquettes 3.Présentation de la maquette retenue 4.Fabrication 1.Présentation des choix effectués 5.Démonstration 1.Compatibilité 2.Démonstration du site 3.Beta-test 6.Conclusion

1.Présentation 2. 2.Recherche 3. 3.Création 4. 4.Elaboration 5. 5.Démonstration 6. 6.Conclusion 4 Présentation du site pour Les passeurs de fresques Présentation de l’agence  Site internet :  L’agence est constituée de 3 membres: Maxime BRANDES (Web design) Jordane ROUSSEAU (Programmeur) Anthony RIVIERE (Web design)

1.Présentation 2. 2.Recherche 3. 3.Création 4. 4.Elaboration 5. 5.Démonstration 6. 6.Conclusion 5 Présentation du site pour Les passeurs de fresques Présentation du projet ObjectifObjectif  Réalisation d’un site statique avec une navigation simple.  Explication de l’art de la fresque + description des actions réalisées par l’association.  Avoir un site esthétique.

1.Présentation 2. 2.Recherche 3. 3.Création 4. 4.Elaboration 5. 5.Démonstration 6. 6.Conclusion 6 Présentation du site pour Les passeurs de fresques Présentation du projet Répondre à un besoinRépondre à un besoin  Donner envie aux internautes : De contacter l’association pour en savoir plus ou rejoindre l’association. Satisfaire les membres le l’association.

1.Présentation 2. 2.Recherche 3. 3.Création 4. 4.Elaboration 5. 5.Démonstration 6. 6.Conclusion 7 Présentation du site pour Les passeurs de fresques Présentation du projet CibleCible  Le site est destiné à un public assez large : Toutes tranches d’âge Passionnés d’art Membres de l’association Internaute voulant connaitre l’association Etc.…

1.Présentation 2. 2.Recherche 3. 3.Création 4. 4.Elaboration 5. 5.Démonstration 6. 6.Conclusion 8 Présentation du site pour Les passeurs de fresques Répartition des tâches

1. 1.Présentation 2.Recherche 3. 3.Création 4. 4.Elaboration 5. 5.Démonstration 6. 6.Conclusion 9 Présentation du site pour Les passeurs de fresques Analyse de l’existant, mauvais exemple

1. 1.Présentation 2.Recherche 3. 3.Création 4. 4.Elaboration 5. 5.Démonstration 6. 6.Conclusion 10 Présentation du site pour Les passeurs de fresques Analyse de l’existant, mauvais exemple

1. 1.Présentation 2.Recherche 3. 3.Création 4. 4.Elaboration 5. 5.Démonstration 6. 6.Conclusion 11 Présentation du site pour Les passeurs de fresques Analyse de l’existant, bonne exemple

1. 1.Présentation 2.Recherche 3. 3.Création 4. 4.Elaboration 5. 5.Démonstration 6. 6.Conclusion 12 Présentation du site pour Les passeurs de fresques Analyse de l’existant, bonne exemple

1. 1.Présentation 2. 2.Recherche 3.Création 4. 4.Elaboration 5. 5.Démonstration 6. 6.Conclusion 13 Présentation du site pour Les passeurs de fresques Look and feel

1. 1.Présentation 2. 2.Recherche 3.Création 4. 4.Elaboration 5. 5.Démonstration 6. 6.Conclusion 14 Présentation du site pour Les passeurs de fresques Bannière PrototypePrototype FinalFinal

1. 1.Présentation 2. 2.Recherche 3.Création 4. 4.Elaboration 5. 5.Démonstration 6. 6.Conclusion 15 Présentation du site pour Les passeurs de fresques Maquette 1

1. 1.Présentation 2. 2.Recherche 3.Création 4. 4.Elaboration 5. 5.Démonstration 6. 6.Conclusion 16 Présentation du site pour Les passeurs de fresques Maquette 2

1. 1.Présentation 2. 2.Recherche 3.Création 4. 4.Elaboration 5. 5.Démonstration 6. 6.Conclusion 17 Présentation du site pour Les passeurs de fresques Maquette 3

1. 1.Présentation 2. 2.Recherche 3.Création 4. 4.Elaboration 5. 5.Démonstration 6. 6.Conclusion 18 Présentation du site pour Les passeurs de fresques Maquette choisie pour le site

1. 1.Présentation 2. 2.Recherche 3.Création 4. 4.Elaboration 5. 5.Démonstration 6. 6.Conclusion 19 Présentation du site pour Les passeurs de fresques Suivi de l’évolution du site

1. 1.Présentation 2. 2.Recherche 3. 3.Création 4.Elaboration 5. 5.Démonstration 6. 6.Conclusion 20 Présentation du site pour Les passeurs de fresques Réalisation des choix effectués Menu déroulant  Accéder simplement aux différentes rubriques du site.  Avoir un site mieux ordonné et mieux rangé.

1. 1.Présentation 2. 2.Recherche 3. 3.Création 4.Elaboration 5. 5.Démonstration 6. 6.Conclusion 21 Présentation du site pour Les passeurs de fresques Réalisation des choix effectués Organisation de l’arborescence  Arborescence organisée en 3 catégories Son histoire Technique (menu déroulant) Association (menu déroulant)  Présence d’une arborescence en bas de la page pour pouvoir se retrouver sur le site.

1. 1.Présentation 2. 2.Recherche 3. 3.Création 4.Elaboration 5. 5.Démonstration 6. 6.Conclusion 22 Présentation du site pour Les passeurs de fresques Accueil Son histoire Technique Association Galerie Contact Renseignement Les fresques Stage La peinture Oeuvre collective Les briques Préparation Réalisation

1. 1.Présentation 2. 2.Recherche 3. 3.Création 4.Elaboration 5. 5.Démonstration 6. 6.Conclusion 23 Présentation du site pour Les passeurs de fresques Réalisation des choix effectués Réalisation d’animations pour le site  Avoir un aperçu en images des articles présent sur le site  Donner un peu plus de dynamisme au site Galerie photo animée  Donner un effet plus simpliste de l’utilisation de la galerie images  Pouvoir ouvrir plusieurs images en même temps, les redimensionner, les déplacer  Un système plus simple pour l’utilisateur  Eviter d’ouvrir plusieurs fenêtres dans le navigateur

1. 1.Présentation 2. 2.Recherche 3. 3.Création 4.Elaboration 5. 5.Démonstration 6. 6.Conclusion 24 Présentation du site pour Les passeurs de fresques Réalisation de la bannière pub Conception  Promouvoir le site, le plus efficacement possible.  Avoir une bannière publicitaire : La plus simple possible La plus schématique Donner envie à l’internaute de cliquer sur la bannière  Dans un format (taille) qui permet une intégration facile sur un site.

1. 1.Présentation 2. 2.Recherche 3. 3.Création 4.Elaboration 5. 5.Démonstration 6. 6.Conclusion 25 Présentation du site pour Les passeurs de fresques Réalisation de la bannière pub Réalisation

1. 1.Présentation 2. 2.Recherche 3. 3.Création 4. 4.Elaboration 5.Démonstration 6. 6.Conclusion 26 Présentation du site pour Les passeurs de fresques Compatibilité Compatible tout navigateurCompatible tout navigateur  Firefox  IE 7  IE 8 beta2 (version expérimentale)  Safari  Opera

1. 1.Présentation 2. 2.Recherche 3. 3.Création 4. 4.Elaboration 5.Démonstration 6. 6.Conclusion 27 Présentation du site pour Les passeurs de fresques Compatibilité Compatibilité système d’exploitationCompatibilité système d’exploitation  Windows  Linux  Mac ButBut  Rendre le site accessible au plus grand nombre et ce sur n’importe quelle plateforme.

1. 1.Présentation 2. 2.Recherche 3. 3.Création 4. 4.Elaboration 5.Démonstration 6. 6.Conclusion 28 Présentation du site pour Les passeurs de fresques Démonstration du site

1. 1.Présentation 2. 2.Recherche 3. 3.Création 4. 4.Elaboration 5.Démonstration 6. 6.Conclusion 29 Présentation du site pour Les passeurs de fresques Beta-test Test réalisé sur 10 personnesTest réalisé sur 10 personnes  Critique esthétique : Plutôt bien réussi  Critique code : A revoir  Critique ergonomie : Avis partagés, mais plutôt positive

1. 1.Présentation 2. 2.Recherche 3. 3.Création 4. 4.Elaboration 5. 5.Démonstration 6.Conclusion 30 Présentation du site pour Les passeurs de fresques Conclusion AméliorationAmélioration  Améliorer le codage du site (l’optimiser)  Ajouter un formulaire dans la rubrique contact  Améliorer la gestion de la partie « Images » du site en les classant par catégorie Rapport humainRapport humain  Un apprentissage de nouvelles techniques  Une gestion efficace des capacités de chacun  Une bonne entente entre les membres de l’agence