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/
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. ► 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. 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. 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. 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. Choix technologiques
CMS ?
Autonomie quasi-totale
Pérennité de la solution
Fonctionnalités natives
Possibilités d'évolutions
9. Choix du socle applicatif
Or not CMS ?
Solution sur-mesure
Contenu modifiable clairement identifié
Performances, sécurité, robustesse
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. Choix du CMS pour un site de contenu
Wordpress
Joomla
Drupal
Typo3
Et plein d'autres : Ez Publish, Modx, simpleCMS...
12. Choix du CMS pour un site e-commerce
Prestashop
Os-commerce
Magento
Et extensions de CMS
13. Méthodologie dans la réalisation d'un projet Web
Interactivité
Réactivité
Adaptabilité
Effet tunnel
Temps mort
Delta des développements
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. 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. 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. 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. 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. 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. 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
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. 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. 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. 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. 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. Merci de votre participation !
Merci à Benoît pour ces clip-arts magnifiques