SlideShare une entreprise Scribd logo
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é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
► 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
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
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'agence
Respect de l'accessibilité
Tests multi-plateformes
Vé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 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
Merci de votre participation !
Merci à Benoît pour ces clip-arts magnifiques

Contenu connexe

Tendances

Introduction à la publicité payante (Google Ads et Facebook Ads)
Introduction à la publicité payante (Google Ads et Facebook Ads)Introduction à la publicité payante (Google Ads et Facebook Ads)
Introduction à la publicité payante (Google Ads et Facebook Ads)
Paul Ammeloot
 
Les métiers numériques de l'édition
Les métiers numériques de l'éditionLes métiers numériques de l'édition
Les métiers numériques de l'édition
Laurent Hentz
 
Curriculum Vitae
Curriculum VitaeCurriculum Vitae
Curriculum Vitae
Olivia Siepen
 
Votre transformation digitale facilitée avec le CMS Joomla!
Votre transformation digitale facilitée avec le CMS Joomla!Votre transformation digitale facilitée avec le CMS Joomla!
Votre transformation digitale facilitée avec le CMS Joomla!
Jean-Charles Gautard
 
L'éco-systeme d'extensions un potentiel hors norme méconnu du CMS Joomla!
L'éco-systeme d'extensions un potentiel hors norme méconnu du CMS Joomla!L'éco-systeme d'extensions un potentiel hors norme méconnu du CMS Joomla!
L'éco-systeme d'extensions un potentiel hors norme méconnu du CMS Joomla!
Jean-Charles Gautard
 
2015 Projet Web Collaborartif, Introduction au cours
2015 Projet Web Collaborartif, Introduction au cours2015 Projet Web Collaborartif, Introduction au cours
2015 Projet Web Collaborartif, Introduction au cours
Eric Giraudin
 
Vendredi Expo
Vendredi ExpoVendredi Expo
Vendredi Expo
Kiffou
 
2015 Cours projet web collaboratif - Partie 3 : écriture web et SEO
2015 Cours projet web collaboratif - Partie 3 : écriture web et SEO2015 Cours projet web collaboratif - Partie 3 : écriture web et SEO
2015 Cours projet web collaboratif - Partie 3 : écriture web et SEO
Eric Giraudin
 
Conférence cours Internet
Conférence cours InternetConférence cours Internet
Conférence cours Internet
Marie-France Beaudry
 

Tendances (10)

Introduction à la publicité payante (Google Ads et Facebook Ads)
Introduction à la publicité payante (Google Ads et Facebook Ads)Introduction à la publicité payante (Google Ads et Facebook Ads)
Introduction à la publicité payante (Google Ads et Facebook Ads)
 
Les métiers numériques de l'édition
Les métiers numériques de l'éditionLes métiers numériques de l'édition
Les métiers numériques de l'édition
 
Curriculum Vitae
Curriculum VitaeCurriculum Vitae
Curriculum Vitae
 
Votre transformation digitale facilitée avec le CMS Joomla!
Votre transformation digitale facilitée avec le CMS Joomla!Votre transformation digitale facilitée avec le CMS Joomla!
Votre transformation digitale facilitée avec le CMS Joomla!
 
Formation Médias Sociaux
Formation Médias SociauxFormation Médias Sociaux
Formation Médias Sociaux
 
L'éco-systeme d'extensions un potentiel hors norme méconnu du CMS Joomla!
L'éco-systeme d'extensions un potentiel hors norme méconnu du CMS Joomla!L'éco-systeme d'extensions un potentiel hors norme méconnu du CMS Joomla!
L'éco-systeme d'extensions un potentiel hors norme méconnu du CMS Joomla!
 
2015 Projet Web Collaborartif, Introduction au cours
2015 Projet Web Collaborartif, Introduction au cours2015 Projet Web Collaborartif, Introduction au cours
2015 Projet Web Collaborartif, Introduction au cours
 
Vendredi Expo
Vendredi ExpoVendredi Expo
Vendredi Expo
 
2015 Cours projet web collaboratif - Partie 3 : écriture web et SEO
2015 Cours projet web collaboratif - Partie 3 : écriture web et SEO2015 Cours projet web collaboratif - Partie 3 : écriture web et SEO
2015 Cours projet web collaboratif - Partie 3 : écriture web et SEO
 
Conférence cours Internet
Conférence cours InternetConférence cours Internet
Conférence cours Internet
 

En vedette

Présentation sites web
Présentation sites webPrésentation sites web
Présentation sites web
marquinternette
 
Symphonie pour PHP industrialisé en agilité majeure
Symphonie pour PHP industrialisé en agilité majeureSymphonie pour PHP industrialisé en agilité majeure
Symphonie pour PHP industrialisé en agilité majeure
Jonathan Bonzy
 
Les étapes d'un projet web - JPDS 2013 [FR]
Les étapes d'un projet web - JPDS 2013 [FR]Les étapes d'un projet web - JPDS 2013 [FR]
Les étapes d'un projet web - JPDS 2013 [FR]
Wixiweb
 
Realiser un-site-internet-chef-de-projet-web
Realiser un-site-internet-chef-de-projet-webRealiser un-site-internet-chef-de-projet-web
Realiser un-site-internet-chef-de-projet-web
Jean-Baptiste Plantin
 
Ergonomie web : Les étapes pour la création d'un site web
Ergonomie web : Les étapes pour la création d'un site webErgonomie web : Les étapes pour la création d'un site web
Ergonomie web : Les étapes pour la création d'un site web
Laurent Mottet
 
Cci Bordeaux atelier projet site web cahier des charges 18/09/2014
Cci Bordeaux atelier projet site web cahier des charges 18/09/2014Cci Bordeaux atelier projet site web cahier des charges 18/09/2014
Cci Bordeaux atelier projet site web cahier des charges 18/09/2014
echangeurba
 
Et si le renouveau des magasins passait par les tablettes vendeurs ? (confére...
Et si le renouveau des magasins passait par les tablettes vendeurs ? (confére...Et si le renouveau des magasins passait par les tablettes vendeurs ? (confére...
Et si le renouveau des magasins passait par les tablettes vendeurs ? (confére...
altima°
 

En vedette (7)

Présentation sites web
Présentation sites webPrésentation sites web
Présentation sites web
 
Symphonie pour PHP industrialisé en agilité majeure
Symphonie pour PHP industrialisé en agilité majeureSymphonie pour PHP industrialisé en agilité majeure
Symphonie pour PHP industrialisé en agilité majeure
 
Les étapes d'un projet web - JPDS 2013 [FR]
Les étapes d'un projet web - JPDS 2013 [FR]Les étapes d'un projet web - JPDS 2013 [FR]
Les étapes d'un projet web - JPDS 2013 [FR]
 
Realiser un-site-internet-chef-de-projet-web
Realiser un-site-internet-chef-de-projet-webRealiser un-site-internet-chef-de-projet-web
Realiser un-site-internet-chef-de-projet-web
 
Ergonomie web : Les étapes pour la création d'un site web
Ergonomie web : Les étapes pour la création d'un site webErgonomie web : Les étapes pour la création d'un site web
Ergonomie web : Les étapes pour la création d'un site web
 
Cci Bordeaux atelier projet site web cahier des charges 18/09/2014
Cci Bordeaux atelier projet site web cahier des charges 18/09/2014Cci Bordeaux atelier projet site web cahier des charges 18/09/2014
Cci Bordeaux atelier projet site web cahier des charges 18/09/2014
 
Et si le renouveau des magasins passait par les tablettes vendeurs ? (confére...
Et si le renouveau des magasins passait par les tablettes vendeurs ? (confére...Et si le renouveau des magasins passait par les tablettes vendeurs ? (confére...
Et si le renouveau des magasins passait par les tablettes vendeurs ? (confére...
 

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

Concevoir-son-projet-web
Concevoir-son-projet-webConcevoir-son-projet-web
Concevoir-son-projet-webGil Lancrey
 
Mythes et réalités des projets Web (Webschool tours)
Mythes et réalités des projets Web (Webschool tours)Mythes et réalités des projets Web (Webschool tours)
Mythes et réalités des projets Web (Webschool tours)
TribuAndCo
 
Formation : "Concevoir et promouvoir son site Internet"
Formation : "Concevoir et promouvoir son site Internet"Formation : "Concevoir et promouvoir son site Internet"
Formation : "Concevoir et promouvoir son site Internet"
Synerg'hetic
 
Responsive Web Design - BreizhCamp 2013
Responsive Web Design - BreizhCamp 2013Responsive Web Design - BreizhCamp 2013
Responsive Web Design - BreizhCamp 2013
Julien LE THUAUT
 
Quel CMS pour Quel Projet?!
Quel CMS pour Quel Projet?!Quel CMS pour Quel Projet?!
Quel CMS pour Quel Projet?!Core-Techs
 
Présentation opinions web fr_071220110
Présentation opinions web fr_071220110Présentation opinions web fr_071220110
Présentation opinions web fr_071220110
Claire Bourget, MBA
 
PréSentation Opinions Web Fr 071220110
PréSentation Opinions Web Fr 071220110PréSentation Opinions Web Fr 071220110
PréSentation Opinions Web Fr 071220110
Claire Bourget, MBA
 
Rédiger un bon cahier des charge pour développer son site Web, conférence Avi...
Rédiger un bon cahier des charge pour développer son site Web, conférence Avi...Rédiger un bon cahier des charge pour développer son site Web, conférence Avi...
Rédiger un bon cahier des charge pour développer son site Web, conférence Avi...
Semaweb
 
Kit De Survie Techno et Web à l'usage des Entrepreneurs
Kit De Survie Techno et Web à l'usage des EntrepreneursKit De Survie Techno et Web à l'usage des Entrepreneurs
Kit De Survie Techno et Web à l'usage des Entrepreneurs
Stéphanie Hertrich
 
Programme 2017 2018
Programme 2017 2018Programme 2017 2018
Programme 2017 2018
Bost Vincent
 
Qualité Web : hier, aujourd'hui, demain par Elie SloÏm Confoo Montreal Mars 2010
Qualité Web : hier, aujourd'hui, demain par Elie SloÏm Confoo Montreal Mars 2010Qualité Web : hier, aujourd'hui, demain par Elie SloÏm Confoo Montreal Mars 2010
Qualité Web : hier, aujourd'hui, demain par Elie SloÏm Confoo Montreal Mars 2010
Elie Sloïm
 
Les étapes de création d'un site web
Les étapes de création d'un site webLes étapes de création d'un site web
Les étapes de création d'un site web
Chris Gaillard
 
Les étapes clés d'un projet web
Les étapes clés d'un projet webLes étapes clés d'un projet web
Les étapes clés d'un projet web
Communauté de communes du Pays de Lunel
 
Choix technologiques et stratégie des éditeurs de plateformes de veille et de...
Choix technologiques et stratégie des éditeurs de plateformes de veille et de...Choix technologiques et stratégie des éditeurs de plateformes de veille et de...
Choix technologiques et stratégie des éditeurs de plateformes de veille et de...
Actulligence Consulting
 
Workn coffee 2015-refonte de site web
Workn coffee 2015-refonte de site webWorkn coffee 2015-refonte de site web
Workn coffee 2015-refonte de site web
Net Design
 
Penser et concevoir son site web en 2015
Penser et concevoir son site web en 2015Penser et concevoir son site web en 2015
Penser et concevoir son site web en 2015
SADC d'Abitibi-Ouest
 
Quelle solution technique pour un projet web ?
Quelle solution technique pour un projet web ?Quelle solution technique pour un projet web ?
Quelle solution technique pour un projet web ?
Core-Techs
 
Ged Open Source - Documation 2010
Ged Open Source - Documation 2010Ged Open Source - Documation 2010
Ged Open Source - Documation 2010Thomas Choppy
 
Gestion des ressources numériques : accélérez votre transformation digitale
Gestion des ressources numériques : accélérez votre transformation digitaleGestion des ressources numériques : accélérez votre transformation digitale
Gestion des ressources numériques : accélérez votre transformation digitale
Nuxeo
 
Ccimp rdv tic ged ecm vf
Ccimp rdv tic ged ecm vfCcimp rdv tic ged ecm vf
Ccimp rdv tic ged ecm vf
COMPETITIC
 

Similaire à "Réussir son projet web... ou pas !" - Webschool Tours, 09/2015 (20)

Concevoir-son-projet-web
Concevoir-son-projet-webConcevoir-son-projet-web
Concevoir-son-projet-web
 
Mythes et réalités des projets Web (Webschool tours)
Mythes et réalités des projets Web (Webschool tours)Mythes et réalités des projets Web (Webschool tours)
Mythes et réalités des projets Web (Webschool tours)
 
Formation : "Concevoir et promouvoir son site Internet"
Formation : "Concevoir et promouvoir son site Internet"Formation : "Concevoir et promouvoir son site Internet"
Formation : "Concevoir et promouvoir son site Internet"
 
Responsive Web Design - BreizhCamp 2013
Responsive Web Design - BreizhCamp 2013Responsive Web Design - BreizhCamp 2013
Responsive Web Design - BreizhCamp 2013
 
Quel CMS pour Quel Projet?!
Quel CMS pour Quel Projet?!Quel CMS pour Quel Projet?!
Quel CMS pour Quel Projet?!
 
Présentation opinions web fr_071220110
Présentation opinions web fr_071220110Présentation opinions web fr_071220110
Présentation opinions web fr_071220110
 
PréSentation Opinions Web Fr 071220110
PréSentation Opinions Web Fr 071220110PréSentation Opinions Web Fr 071220110
PréSentation Opinions Web Fr 071220110
 
Rédiger un bon cahier des charge pour développer son site Web, conférence Avi...
Rédiger un bon cahier des charge pour développer son site Web, conférence Avi...Rédiger un bon cahier des charge pour développer son site Web, conférence Avi...
Rédiger un bon cahier des charge pour développer son site Web, conférence Avi...
 
Kit De Survie Techno et Web à l'usage des Entrepreneurs
Kit De Survie Techno et Web à l'usage des EntrepreneursKit De Survie Techno et Web à l'usage des Entrepreneurs
Kit De Survie Techno et Web à l'usage des Entrepreneurs
 
Programme 2017 2018
Programme 2017 2018Programme 2017 2018
Programme 2017 2018
 
Qualité Web : hier, aujourd'hui, demain par Elie SloÏm Confoo Montreal Mars 2010
Qualité Web : hier, aujourd'hui, demain par Elie SloÏm Confoo Montreal Mars 2010Qualité Web : hier, aujourd'hui, demain par Elie SloÏm Confoo Montreal Mars 2010
Qualité Web : hier, aujourd'hui, demain par Elie SloÏm Confoo Montreal Mars 2010
 
Les étapes de création d'un site web
Les étapes de création d'un site webLes étapes de création d'un site web
Les étapes de création d'un site web
 
Les étapes clés d'un projet web
Les étapes clés d'un projet webLes étapes clés d'un projet web
Les étapes clés d'un projet web
 
Choix technologiques et stratégie des éditeurs de plateformes de veille et de...
Choix technologiques et stratégie des éditeurs de plateformes de veille et de...Choix technologiques et stratégie des éditeurs de plateformes de veille et de...
Choix technologiques et stratégie des éditeurs de plateformes de veille et de...
 
Workn coffee 2015-refonte de site web
Workn coffee 2015-refonte de site webWorkn coffee 2015-refonte de site web
Workn coffee 2015-refonte de site web
 
Penser et concevoir son site web en 2015
Penser et concevoir son site web en 2015Penser et concevoir son site web en 2015
Penser et concevoir son site web en 2015
 
Quelle solution technique pour un projet web ?
Quelle solution technique pour un projet web ?Quelle solution technique pour un projet web ?
Quelle solution technique pour un projet web ?
 
Ged Open Source - Documation 2010
Ged Open Source - Documation 2010Ged Open Source - Documation 2010
Ged Open Source - Documation 2010
 
Gestion des ressources numériques : accélérez votre transformation digitale
Gestion des ressources numériques : accélérez votre transformation digitaleGestion des ressources numériques : accélérez votre transformation digitale
Gestion des ressources numériques : accélérez votre transformation digitale
 
Ccimp rdv tic ged ecm vf
Ccimp rdv tic ged ecm vfCcimp rdv tic ged ecm vf
Ccimp rdv tic ged ecm vf
 

Plus de webschooltours

Webschool Tours - Sortez couvert sur internet
Webschool Tours - Sortez couvert sur internetWebschool Tours - Sortez couvert sur internet
Webschool Tours - Sortez couvert sur internet
webschooltours
 
Le web est-il sexiste ?
Le web est-il sexiste ?Le web est-il sexiste ?
Le web est-il sexiste ?
webschooltours
 
Les (biens) communs à l'heure du numérique
Les (biens) communs à l'heure du numériqueLes (biens) communs à l'heure du numérique
Les (biens) communs à l'heure du numérique
webschooltours
 
Webschool Tours - droit à l'oubli
Webschool Tours - droit à l'oubliWebschool Tours - droit à l'oubli
Webschool Tours - droit à l'oubli
webschooltours
 
L'amour 2.0
L'amour 2.0L'amour 2.0
L'amour 2.0
webschooltours
 
Conférence trouver un job avec les réseaux sociaux
Conférence trouver un job avec les réseaux sociauxConférence trouver un job avec les réseaux sociaux
Conférence trouver un job avec les réseaux sociaux
webschooltours
 
Webschool Tours - Présentation de Twitter
Webschool Tours - Présentation de TwitterWebschool Tours - Présentation de Twitter
Webschool Tours - Présentation de Twitter
webschooltours
 
Le référencement local (Webschool Tours du 12 décembre 2013)
Le référencement local (Webschool Tours du 12 décembre 2013)Le référencement local (Webschool Tours du 12 décembre 2013)
Le référencement local (Webschool Tours du 12 décembre 2013)
webschooltours
 
Wst10 : geocaching
Wst10 : geocachingWst10 : geocaching
Wst10 : geocaching
webschooltours
 
Parents, découvrez ce que font vos enfants sur le web
Parents, découvrez ce que font vos enfants sur le webParents, découvrez ce que font vos enfants sur le web
Parents, découvrez ce que font vos enfants sur le web
webschooltours
 
Webschool - L’Internet des objets
Webschool - L’Internet des objetsWebschool - L’Internet des objets
Webschool - L’Internet des objets
webschooltours
 
L’audit d’un site internet
L’audit d’un site internetL’audit d’un site internet
L’audit d’un site internet
webschooltours
 
Conference référencement SEO webschool
Conference référencement SEO webschoolConference référencement SEO webschool
Conference référencement SEO webschool
webschooltours
 
Développer de manière efficace son réseau professionnel avec Viadeo
Développer de manière efficace son réseau professionnel avec ViadeoDévelopper de manière efficace son réseau professionnel avec Viadeo
Développer de manière efficace son réseau professionnel avec Viadeo
webschooltours
 
Le comportement du e-consommateur
Le comportement du e-consommateurLe comportement du e-consommateur
Le comportement du e-consommateur
webschooltours
 
Capitaliser l’information avec les flux RSS
Capitaliser l’information avec les flux RSSCapitaliser l’information avec les flux RSS
Capitaliser l’information avec les flux RSSwebschooltours
 
Webschool : Le droit à l’image sur Internet
Webschool : Le droit à l’image sur InternetWebschool : Le droit à l’image sur Internet
Webschool : Le droit à l’image sur Internetwebschooltours
 
OpenStreetMap pour WebSchool Tours
OpenStreetMap pour WebSchool ToursOpenStreetMap pour WebSchool Tours
OpenStreetMap pour WebSchool Tours
webschooltours
 
Presentation webschool pour centraider
Presentation webschool pour centraiderPresentation webschool pour centraider
Presentation webschool pour centraider
webschooltours
 
Presentation webschool pour centraider
Presentation webschool pour centraiderPresentation webschool pour centraider
Presentation webschool pour centraider
webschooltours
 

Plus de webschooltours (20)

Webschool Tours - Sortez couvert sur internet
Webschool Tours - Sortez couvert sur internetWebschool Tours - Sortez couvert sur internet
Webschool Tours - Sortez couvert sur internet
 
Le web est-il sexiste ?
Le web est-il sexiste ?Le web est-il sexiste ?
Le web est-il sexiste ?
 
Les (biens) communs à l'heure du numérique
Les (biens) communs à l'heure du numériqueLes (biens) communs à l'heure du numérique
Les (biens) communs à l'heure du numérique
 
Webschool Tours - droit à l'oubli
Webschool Tours - droit à l'oubliWebschool Tours - droit à l'oubli
Webschool Tours - droit à l'oubli
 
L'amour 2.0
L'amour 2.0L'amour 2.0
L'amour 2.0
 
Conférence trouver un job avec les réseaux sociaux
Conférence trouver un job avec les réseaux sociauxConférence trouver un job avec les réseaux sociaux
Conférence trouver un job avec les réseaux sociaux
 
Webschool Tours - Présentation de Twitter
Webschool Tours - Présentation de TwitterWebschool Tours - Présentation de Twitter
Webschool Tours - Présentation de Twitter
 
Le référencement local (Webschool Tours du 12 décembre 2013)
Le référencement local (Webschool Tours du 12 décembre 2013)Le référencement local (Webschool Tours du 12 décembre 2013)
Le référencement local (Webschool Tours du 12 décembre 2013)
 
Wst10 : geocaching
Wst10 : geocachingWst10 : geocaching
Wst10 : geocaching
 
Parents, découvrez ce que font vos enfants sur le web
Parents, découvrez ce que font vos enfants sur le webParents, découvrez ce que font vos enfants sur le web
Parents, découvrez ce que font vos enfants sur le web
 
Webschool - L’Internet des objets
Webschool - L’Internet des objetsWebschool - L’Internet des objets
Webschool - L’Internet des objets
 
L’audit d’un site internet
L’audit d’un site internetL’audit d’un site internet
L’audit d’un site internet
 
Conference référencement SEO webschool
Conference référencement SEO webschoolConference référencement SEO webschool
Conference référencement SEO webschool
 
Développer de manière efficace son réseau professionnel avec Viadeo
Développer de manière efficace son réseau professionnel avec ViadeoDévelopper de manière efficace son réseau professionnel avec Viadeo
Développer de manière efficace son réseau professionnel avec Viadeo
 
Le comportement du e-consommateur
Le comportement du e-consommateurLe comportement du e-consommateur
Le comportement du e-consommateur
 
Capitaliser l’information avec les flux RSS
Capitaliser l’information avec les flux RSSCapitaliser l’information avec les flux RSS
Capitaliser l’information avec les flux RSS
 
Webschool : Le droit à l’image sur Internet
Webschool : Le droit à l’image sur InternetWebschool : Le droit à l’image sur Internet
Webschool : Le droit à l’image sur Internet
 
OpenStreetMap pour WebSchool Tours
OpenStreetMap pour WebSchool ToursOpenStreetMap pour WebSchool Tours
OpenStreetMap pour WebSchool Tours
 
Presentation webschool pour centraider
Presentation webschool pour centraiderPresentation webschool pour centraider
Presentation webschool pour centraider
 
Presentation webschool pour centraider
Presentation webschool pour centraiderPresentation webschool pour centraider
Presentation webschool pour centraider
 

Dernier

cours-LasergrammetrieLe « LiDAR», de l’anglais « Light.pptx
cours-LasergrammetrieLe « LiDAR», de l’anglais « Light.pptxcours-LasergrammetrieLe « LiDAR», de l’anglais « Light.pptx
cours-LasergrammetrieLe « LiDAR», de l’anglais « Light.pptx
AbdessamadAmimi1
 
Veille Audocdi 90 - mois de juin 2024.pdf
Veille Audocdi 90 - mois de juin 2024.pdfVeille Audocdi 90 - mois de juin 2024.pdf
Veille Audocdi 90 - mois de juin 2024.pdf
frizzole
 
Bibliothèque de L'Union - Bilan de l'année 2023
Bibliothèque de L'Union - Bilan de l'année 2023Bibliothèque de L'Union - Bilan de l'année 2023
Bibliothèque de L'Union - Bilan de l'année 2023
Bibliothèque de L'Union
 
BATIMENT 5.pptx. Fil français tourné en France
BATIMENT 5.pptx. Fil français tourné en FranceBATIMENT 5.pptx. Fil français tourné en France
BATIMENT 5.pptx. Fil français tourné en France
Txaruka
 
Textes de famille concernant les guerres V2.pdf
Textes de famille concernant les guerres V2.pdfTextes de famille concernant les guerres V2.pdf
Textes de famille concernant les guerres V2.pdf
Michel Bruley
 
Presentation powerpoint sur la filiere electrotechnique
Presentation powerpoint sur la filiere electrotechniquePresentation powerpoint sur la filiere electrotechnique
Presentation powerpoint sur la filiere electrotechnique
mohammadaminejouini
 
Proyecto Erasmus Jardineros y jardineras de paz
Proyecto Erasmus Jardineros y jardineras de pazProyecto Erasmus Jardineros y jardineras de paz
Proyecto Erasmus Jardineros y jardineras de paz
Morzadec Cécile
 

Dernier (7)

cours-LasergrammetrieLe « LiDAR», de l’anglais « Light.pptx
cours-LasergrammetrieLe « LiDAR», de l’anglais « Light.pptxcours-LasergrammetrieLe « LiDAR», de l’anglais « Light.pptx
cours-LasergrammetrieLe « LiDAR», de l’anglais « Light.pptx
 
Veille Audocdi 90 - mois de juin 2024.pdf
Veille Audocdi 90 - mois de juin 2024.pdfVeille Audocdi 90 - mois de juin 2024.pdf
Veille Audocdi 90 - mois de juin 2024.pdf
 
Bibliothèque de L'Union - Bilan de l'année 2023
Bibliothèque de L'Union - Bilan de l'année 2023Bibliothèque de L'Union - Bilan de l'année 2023
Bibliothèque de L'Union - Bilan de l'année 2023
 
BATIMENT 5.pptx. Fil français tourné en France
BATIMENT 5.pptx. Fil français tourné en FranceBATIMENT 5.pptx. Fil français tourné en France
BATIMENT 5.pptx. Fil français tourné en France
 
Textes de famille concernant les guerres V2.pdf
Textes de famille concernant les guerres V2.pdfTextes de famille concernant les guerres V2.pdf
Textes de famille concernant les guerres V2.pdf
 
Presentation powerpoint sur la filiere electrotechnique
Presentation powerpoint sur la filiere electrotechniquePresentation powerpoint sur la filiere electrotechnique
Presentation powerpoint sur la filiere electrotechnique
 
Proyecto Erasmus Jardineros y jardineras de paz
Proyecto Erasmus Jardineros y jardineras de pazProyecto Erasmus Jardineros y jardineras de paz
Proyecto Erasmus Jardineros y jardineras de paz
 

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

  • 1. WST#1 : Réussir son projet Web... ou pas ! {côté agence / côté client} 17/09/2015
  • 2. Sébastien Huillet Directeur Tribu and Co Agence Web depuis 2006
  • 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
  • 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. 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