"réussir son projet web... ou pas !" - webschool tours, 09/2015
TRANSCRIPT
![Page 1: "Réussir son projet web... ou pas !" - Webschool Tours, 09/2015](https://reader036.vdocuments.mx/reader036/viewer/2022062503/58f165fb1a28ab5b7f8b4589/html5/thumbnails/1.jpg)
WST#1 : Réussir son projet Web... ou pas !
{côté agence / côté client}
17/09/2015
![Page 2: "Réussir son projet web... ou pas !" - Webschool Tours, 09/2015](https://reader036.vdocuments.mx/reader036/viewer/2022062503/58f165fb1a28ab5b7f8b4589/html5/thumbnails/2.jpg)
Sébastien Huillet
Directeur Tribu and Co
Agence Web depuis 2006
![Page 3: "Réussir son projet web... ou pas !" - Webschool Tours, 09/2015](https://reader036.vdocuments.mx/reader036/viewer/2022062503/58f165fb1a28ab5b7f8b4589/html5/thumbnails/3.jpg)
1. Élaborer un cahier des charges simple2. Décortiquer l’offre des prestataires (près de chez vous)
3. Choisir une méthodologie souple et réaliste4. Concevoir un design simple mais funky !5. S’intéresser à la technologie mise en œuvre6. Suivre son chantier 7. Savoir apprécier le résultat8. Ne pas se reposer sur ses lauriers
Les étapes indispensables
![Page 4: "Réussir son projet web... ou pas !" - Webschool Tours, 09/2015](https://reader036.vdocuments.mx/reader036/viewer/2022062503/58f165fb1a28ab5b7f8b4589/html5/thumbnails/4.jpg)
► Pragmatisme : rôle du site, objectifs & indicateurs de performances
► Réalisme : Budget, délai & faisabilité
► Curiosité : Technologie, design & communication
Pendant toute la durée du projet
![Page 5: "Réussir son projet web... ou pas !" - Webschool Tours, 09/2015](https://reader036.vdocuments.mx/reader036/viewer/2022062503/58f165fb1a28ab5b7f8b4589/html5/thumbnails/5.jpg)
Les fondamentaux d'un cahier des charges
Objectifs et public cible
Sites référents
Page d'accueil – Wireframe : papier, stylo, paint, wireframe.cc
Arborescence détaillée : excel, xmind
Liste des fonctionnalités : newsletter, formulaires, actualités...
Eléments graphiques : logo, photos, inspirations
![Page 6: "Réussir son projet web... ou pas !" - Webschool Tours, 09/2015](https://reader036.vdocuments.mx/reader036/viewer/2022062503/58f165fb1a28ab5b7f8b4589/html5/thumbnails/6.jpg)
Choisir son prestataire (près de chez soi?)
Transparence des tarifs
Choix techniques et conseils marketing
Méthodologie, délais et livrables
Droits d'exploitation & garantie
Transfert de compétences & maintenance
Références et témoignages
![Page 7: "Réussir son projet web... ou pas !" - Webschool Tours, 09/2015](https://reader036.vdocuments.mx/reader036/viewer/2022062503/58f165fb1a28ab5b7f8b4589/html5/thumbnails/7.jpg)
Les livrables, la garantie d'un projet sous contrôle
Le contrat / le planning
Les spécifications fonctionnelles
Les sources graphiques
Les sources logicielles
PV de recette
Manuel d'administration
![Page 8: "Réussir son projet web... ou pas !" - Webschool Tours, 09/2015](https://reader036.vdocuments.mx/reader036/viewer/2022062503/58f165fb1a28ab5b7f8b4589/html5/thumbnails/8.jpg)
Choix technologiques
CMS ?
Autonomie quasi-totale
Pérennité de la solution
Fonctionnalités natives
Possibilités d'évolutions
![Page 9: "Réussir son projet web... ou pas !" - Webschool Tours, 09/2015](https://reader036.vdocuments.mx/reader036/viewer/2022062503/58f165fb1a28ab5b7f8b4589/html5/thumbnails/9.jpg)
Choix du socle applicatif
Or not CMS ?
Solution sur-mesure
Contenu modifiable clairement identifié
Performances, sécurité, robustesse
![Page 10: "Réussir son projet web... ou pas !" - Webschool Tours, 09/2015](https://reader036.vdocuments.mx/reader036/viewer/2022062503/58f165fb1a28ab5b7f8b4589/html5/thumbnails/10.jpg)
Bien choisir un CMS
Critères objectifs : communauté, réputation (récompenses et références), politique de mise à jour, spectre fonctionnel, courbe d'apprentissage.
Critères subjectifs: L'interface d'administration, les outils promotionnels (site, vidéos...), les conseils du beau-frère.
![Page 11: "Réussir son projet web... ou pas !" - Webschool Tours, 09/2015](https://reader036.vdocuments.mx/reader036/viewer/2022062503/58f165fb1a28ab5b7f8b4589/html5/thumbnails/11.jpg)
Choix du CMS pour un site de contenu
Wordpress
Joomla
Drupal
Typo3
Et plein d'autres : Ez Publish, Modx, simpleCMS...
![Page 12: "Réussir son projet web... ou pas !" - Webschool Tours, 09/2015](https://reader036.vdocuments.mx/reader036/viewer/2022062503/58f165fb1a28ab5b7f8b4589/html5/thumbnails/12.jpg)
Choix du CMS pour un site e-commerce
Prestashop
Os-commerce
Magento
Et extensions de CMS
![Page 13: "Réussir son projet web... ou pas !" - Webschool Tours, 09/2015](https://reader036.vdocuments.mx/reader036/viewer/2022062503/58f165fb1a28ab5b7f8b4589/html5/thumbnails/13.jpg)
Méthodologie dans la réalisation d'un projet Web
Interactivité
Réactivité
Adaptabilité
Effet tunnel
Temps mort
Delta des développements
![Page 14: "Réussir son projet web... ou pas !" - Webschool Tours, 09/2015](https://reader036.vdocuments.mx/reader036/viewer/2022062503/58f165fb1a28ab5b7f8b4589/html5/thumbnails/14.jpg)
Les outils de gestion de projet
Google est votre ami
Stylo / bloc-note ou excel
Sur document plutôt qu'à l’intérieur d'un mail
Trello, Marqueed, dropbox...
Base camp
![Page 15: "Réussir son projet web... ou pas !" - Webschool Tours, 09/2015](https://reader036.vdocuments.mx/reader036/viewer/2022062503/58f165fb1a28ab5b7f8b4589/html5/thumbnails/15.jpg)
Les étapes dans la réalisation d'un projet Web
Lancement / spécifications
Design et ergonomie
Construction du site
Recette interne
Formation
Réception
![Page 16: "Réussir son projet web... ou pas !" - Webschool Tours, 09/2015](https://reader036.vdocuments.mx/reader036/viewer/2022062503/58f165fb1a28ab5b7f8b4589/html5/thumbnails/16.jpg)
Les étapes de la création graphique
ErgonomiePrincipes fondamentaux : Bastien et ScapinBon sens et veille internetTests utilisateurs
Boites grises et maquettes filairesRépertorier les éléments du siteSpécifier l'agencement des blocsCouverture fonctionnelle Front-end
![Page 17: "Réussir son projet web... ou pas !" - Webschool Tours, 09/2015](https://reader036.vdocuments.mx/reader036/viewer/2022062503/58f165fb1a28ab5b7f8b4589/html5/thumbnails/17.jpg)
Les étapes de la création graphique
Design Page d'accueil Page intérieure type Pages spécifiques Version mobile et tablette : Responsive Design *
![Page 18: "Réussir son projet web... ou pas !" - Webschool Tours, 09/2015](https://reader036.vdocuments.mx/reader036/viewer/2022062503/58f165fb1a28ab5b7f8b4589/html5/thumbnails/18.jpg)
Construction technique du site
Déclinaison des maquettes au format Web
Mise en place de l'arborescence
Intégration du contenu classique
Développement des fonctionnalités
Tests unitaires et validation client
![Page 19: "Réussir son projet web... ou pas !" - Webschool Tours, 09/2015](https://reader036.vdocuments.mx/reader036/viewer/2022062503/58f165fb1a28ab5b7f8b4589/html5/thumbnails/19.jpg)
Déclinaison des maquettes au format Web
PSD 2 HTML, une étape essentielle
Balisage sémantique
Respecter l'accessibilité
Avoir du style
Utiliser les technologies récentes
Une approche non-destructive
![Page 20: "Réussir son projet web... ou pas !" - Webschool Tours, 09/2015](https://reader036.vdocuments.mx/reader036/viewer/2022062503/58f165fb1a28ab5b7f8b4589/html5/thumbnails/20.jpg)
Intégration du contenu
Mise en place d'un contenu type mis à disposition.
Spécifier les styles généraux (Hn, listes, tableaux...)
Respecter l'accessibilité
Mettre en place les bonnes pratiques du référenceur
![Page 21: "Réussir son projet web... ou pas !" - Webschool Tours, 09/2015](https://reader036.vdocuments.mx/reader036/viewer/2022062503/58f165fb1a28ab5b7f8b4589/html5/thumbnails/21.jpg)
Développement des fonctionnalités
Spécifications et maquettes filaires
Adaptation des fonctionnalités natives
Développer sans toucher au noyau
Tests unitaires et validation client
![Page 22: "Réussir son projet web... ou pas !" - Webschool Tours, 09/2015](https://reader036.vdocuments.mx/reader036/viewer/2022062503/58f165fb1a28ab5b7f8b4589/html5/thumbnails/22.jpg)
Suivre son chantier
Respect / mise à jour des délais
Respect / mise à jour des fonctionnalités
Recette interne à l'agenceRespect de l'accessibilitéTests multi-plateformesVérification des contenus
![Page 23: "Réussir son projet web... ou pas !" - Webschool Tours, 09/2015](https://reader036.vdocuments.mx/reader036/viewer/2022062503/58f165fb1a28ab5b7f8b4589/html5/thumbnails/23.jpg)
Apprécier le résultat
Tests Front-end & Back-end
Tester la qualité du site
Google Page speed
Validateur W3C
Barre Web developer
Tester le référencement et l'accessibilité du site
![Page 24: "Réussir son projet web... ou pas !" - Webschool Tours, 09/2015](https://reader036.vdocuments.mx/reader036/viewer/2022062503/58f165fb1a28ab5b7f8b4589/html5/thumbnails/24.jpg)
Et après ???
Formation et livrables Minimum 1 jour de formation Manuel utilisateur Fiches pratiques Bonnes pratiques SEO et accessilbilté Les bons réflexes
![Page 25: "Réussir son projet web... ou pas !" - Webschool Tours, 09/2015](https://reader036.vdocuments.mx/reader036/viewer/2022062503/58f165fb1a28ab5b7f8b4589/html5/thumbnails/25.jpg)
Maintenance et hébergement
Maintenance Garantie / assistance Mise à jour du système Mise à jour du contenu
Hébergement Dédié / Mutualisé Ovh vs Agence Web
Attention à votre nom de domaine
![Page 26: "Réussir son projet web... ou pas !" - Webschool Tours, 09/2015](https://reader036.vdocuments.mx/reader036/viewer/2022062503/58f165fb1a28ab5b7f8b4589/html5/thumbnails/26.jpg)
Référencement SEO / SEA
Le référencement c'est du temps...Optimisation du site, optimisation des campagnesMise à jour des contenusCréation de publications, CP, annuaires...Suivi des évolutions
Et le temps...C'est de l'argentOu moins de temps pour faire autre chose
![Page 27: "Réussir son projet web... ou pas !" - Webschool Tours, 09/2015](https://reader036.vdocuments.mx/reader036/viewer/2022062503/58f165fb1a28ab5b7f8b4589/html5/thumbnails/27.jpg)
Merci de votre participation !
Merci à Benoît pour ces clip-arts magnifiques