WST#1 : Réussir son projet
Web... ou pas !
{côté agence / côté client}
17/09/2015
Sébastien Huillet
Directeur Tribu and Co
Agence Web depuis 2006
1. Élaborer un cahier des charges simple
2. Décortiquer l’offre des prestataires (près de chez vous)
3. Choisir une méthod...
► Pragmatisme :
rôle du site, objectifs & indicateurs de performances
► Réalisme :
Budget, délai & faisabilité
► Curiosité...
Les fondamentaux d'un cahier des charges
 Objectifs et public cible
 Sites référents
 Page d'accueil – Wireframe : papi...
Choisir son prestataire (près de chez soi?)
 Transparence des tarifs
 Choix techniques et conseils marketing
 Méthodolo...
Les livrables, la garantie d'un projet sous contrôle
 Le contrat / le planning
 Les spécifications fonctionnelles
 Les ...
Choix technologiques
CMS ?
 Autonomie quasi-totale
 Pérennité de la solution
 Fonctionnalités natives
 Possibilités d'...
Choix du socle applicatif
Or not CMS ?
 Solution sur-mesure
 Contenu modifiable clairement identifié
 Performances, séc...
Bien choisir un CMS
Critères objectifs : communauté, réputation
(récompenses et références), politique de mise à jour,
sp...
Choix du CMS pour un site de contenu
 Wordpress
 Joomla
 Drupal
 Typo3
Et plein d'autres : Ez Publish, Modx, simpleCM...
Choix du CMS pour un site e-commerce
 Prestashop
 Os-commerce
Magento
 Et extensions de CMS
Méthodologie dans la réalisation d'un projet Web
Interactivité
Réactivité
Adaptabilité
Effet tunnel
Temps mort
Delta des d...
Les outils de gestion de projet
 Google est votre ami
 Stylo / bloc-note ou excel
 Sur document plutôt qu'à l’intérieur...
Les étapes dans la réalisation d'un projet Web
 Lancement / spécifications
 Design et ergonomie
 Construction du site
...
Les étapes de la création graphique
Ergonomie
Principes fondamentaux : Bastien et Scapin
Bon sens et veille internet
Te...
Les étapes de la création graphique
Design
 Page d'accueil
 Page intérieure type
 Pages spécifiques
 Version mobile et...
Construction technique du site
 Déclinaison des maquettes au format Web
 Mise en place de l'arborescence
 Intégration d...
Déclinaison des maquettes au format Web
PSD 2 HTML, une étape essentielle
Balisage sémantique
Respecter l'accessibilité...
Intégration du contenu
Mise en place d'un contenu type mis à disposition.
Spécifier les styles généraux (Hn, listes, tab...
Développement des fonctionnalités
Spécifications et maquettes filaires
Adaptation des fonctionnalités natives
Développe...
Suivre son chantier
Respect / mise à jour des délais
Respect / mise à jour des fonctionnalités
Recette interne à l'agence
...
Apprécier le résultat
Tests Front-end & Back-end
Tester la qualité du site
Google Page speed
Validateur W3C
Barre Web d...
Et après ???
Formation et livrables
 Minimum 1 jour de formation
 Manuel utilisateur
 Fiches pratiques
 Bonnes pratiqu...
Maintenance et hébergement
Maintenance
 Garantie / assistance
 Mise à jour du système
 Mise à jour du contenu
Hébergeme...
Référencement SEO / SEA
Le référencement c'est du temps...
Optimisation du site, optimisation des campagnes
Mise à jour ...
Merci de votre participation !
Merci à Benoît pour ces clip-arts magnifiques
Prochain SlideShare
Chargement dans…5
×

"Réussir son projet web... ou pas !" - Webschool Tours, 09/2015

480 vues

Publié le

Diaporama de la présentation animée par Sébastien Huillet (agence Tribu&Co) lors de la conférence Webschool Tours du 17 septembre 2015.
Plus d'info : http://www.webschool-tours.fr/s8-wst1-reussir-son-projet-web-ou-pas/

Publié dans : Formation
0 commentaire
1 j’aime
Statistiques
Remarques
  • Soyez le premier à commenter

Aucun téléchargement
Vues
Nombre de vues
480
Sur SlideShare
0
Issues des intégrations
0
Intégrations
157
Actions
Partages
0
Téléchargements
8
Commentaires
0
J’aime
1
Intégrations 0
Aucune incorporation

Aucune remarque pour cette diapositive

"Réussir son projet web... ou pas !" - Webschool Tours, 09/2015

  1. 1. WST#1 : Réussir son projet Web... ou pas ! {côté agence / côté client} 17/09/2015
  2. 2. Sébastien Huillet Directeur Tribu and Co Agence Web depuis 2006
  3. 3. 1. Élaborer un cahier des charges simple 2. Décortiquer l’offre des prestataires (près de chez vous) 3. Choisir une méthodologie souple et réaliste 4. Concevoir un design simple mais funky ! 5. S’intéresser à la technologie mise en œuvre 6. Suivre son chantier 7. Savoir apprécier le résultat 8. Ne pas se reposer sur ses lauriers Les étapes indispensables
  4. 4. ► 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
  5. 5. 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
  6. 6. 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
  7. 7. 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
  8. 8. Choix technologiques CMS ?  Autonomie quasi-totale  Pérennité de la solution  Fonctionnalités natives  Possibilités d'évolutions
  9. 9. Choix du socle applicatif Or not CMS ?  Solution sur-mesure  Contenu modifiable clairement identifié  Performances, sécurité, robustesse
  10. 10. 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.
  11. 11. Choix du CMS pour un site de contenu  Wordpress  Joomla  Drupal  Typo3 Et plein d'autres : Ez Publish, Modx, simpleCMS...
  12. 12. Choix du CMS pour un site e-commerce  Prestashop  Os-commerce Magento  Et extensions de CMS
  13. 13. Méthodologie dans la réalisation d'un projet Web Interactivité Réactivité Adaptabilité Effet tunnel Temps mort Delta des développements
  14. 14. 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
  15. 15. Les étapes dans la réalisation d'un projet Web  Lancement / spécifications  Design et ergonomie  Construction du site  Recette interne  Formation  Réception
  16. 16. Les étapes de la création graphique Ergonomie Principes fondamentaux : Bastien et Scapin Bon sens et veille internet Tests utilisateurs Boites grises et maquettes filaires Répertorier les éléments du site Spécifier l'agencement des blocs Couverture fonctionnelle Front-end
  17. 17. Les étapes de la création graphique Design  Page d'accueil  Page intérieure type  Pages spécifiques  Version mobile et tablette : Responsive Design *
  18. 18. 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
  19. 19. 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
  20. 20. 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
  21. 21. 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
  22. 22. Suivre son chantier Respect / mise à jour des délais Respect / mise à jour des fonctionnalités Recette interne à l'agence Respect de l'accessibilité Tests multi-plateformes Vérification des contenus
  23. 23. 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
  24. 24. Et après ??? Formation et livrables  Minimum 1 jour de formation  Manuel utilisateur  Fiches pratiques  Bonnes pratiques SEO et accessilbilté  Les bons réflexes
  25. 25. 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
  26. 26. Référencement SEO / SEA Le référencement c'est du temps... Optimisation du site, optimisation des campagnes Mise à jour des contenus Création de publications, CP, annuaires... Suivi des évolutions Et le temps... C'est de l'argent Ou moins de temps pour faire autre chose
  27. 27. Merci de votre participation ! Merci à Benoît pour ces clip-arts magnifiques

×