"réussir son projet web... ou pas !" - webschool tours, 09/2015

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