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

27
WST#1 : Réussir son projet Web... ou pas ! {côté agence / côté client} 17/09/2015

Upload: webschooltours

Post on 15-Apr-2017

557 views

Category:

Education


0 download

TRANSCRIPT

Page 1: "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

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

Sébastien Huillet

Directeur Tribu and Co

Agence Web depuis 2006

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

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

► 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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Merci de votre participation !

Merci à Benoît pour ces clip-arts magnifiques