"réussir son projet web... ou pas !" - webschool tours, 09/2015
Post on 15-Apr-2017
559 Views
Preview:
TRANSCRIPT
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 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
► 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
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
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
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
Choix technologiques
CMS ?
Autonomie quasi-totale
Pérennité de la solution
Fonctionnalités natives
Possibilités d'évolutions
Choix du socle applicatif
Or not CMS ?
Solution sur-mesure
Contenu modifiable clairement identifié
Performances, sécurité, robustesse
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.
Choix du CMS pour un site de contenu
Wordpress
Joomla
Drupal
Typo3
Et plein d'autres : Ez Publish, Modx, simpleCMS...
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éveloppements
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
Les étapes dans la réalisation d'un projet Web
Lancement / spécifications
Design et ergonomie
Construction du site
Recette interne
Formation
Réception
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
Les étapes de la création graphique
Design Page d'accueil Page intérieure type Pages spécifiques Version mobile et tablette : Responsive Design *
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
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
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
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
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
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
Et après ???
Formation et livrables Minimum 1 jour de formation Manuel utilisateur Fiches pratiques Bonnes pratiques SEO et accessilbilté Les bons réflexes
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
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
Merci de votre participation !
Merci à Benoît pour ces clip-arts magnifiques
top related