SlideShare une entreprise Scribd logo
1  sur  14
Télécharger pour lire hors ligne
Les étapes de création d’un site
Analyser l’existant
Nouveau site web ? Faire du Benchmark, consultez des sites qui vous
inspirent et notez ce qui vous plait et que vous voudrez avoir sur votre site à
vous.

Refonte ? Listez les plus et les moins du site actuel.

Vous avez d'autres supports de communication ? Communiquez-les à votre
prestataire, pour une communication homogène et cohérente.

Définir les objectifs
- Image de marque, notoriété

- Information et communication

- Annonces en ligne (agenda, programme…)
Définir les cibles
- Principales : pour qui est destiné le site web en premier lieu

- Langue, pays, habitudes, âges, sexe, niveau social

- Secondaires : pour qui est destiné le site web en second lieu

Définir le message et le ton
- Comment s’adresser à la cible, sur quel ton, pour dire quoi

Préparer le contenu éditorial
- Présentation de l’organisme

- Historique, valeurs, missions, objectifs, perspectives, partenaires

- Fiches techniques des produits, services ou activités

- Actualités, catégories d’actualités

- Foire aux questions (réponses aux questions fréquemment posées au téléphone)

Préparer le contenu graphique et les photos
-Logo et charte graphique

-Photos de l’organisme (de belles photos, c’est le secret d’un beau site)

Choisir un nom de domaine
- Choisir un nom de domaine : ex: monorganisme.com

- Choisir l’extension ex : .com, .net, .org, .dz…

- Vérifier la disponibilité
Stratégie digitale ?
Comme une stratégie marketing « classique », la stratégie digitale est l’ensemble des
éléments nécessaires dans un temps donné pour atteindre un/des objectif(s), compte
tenu des contraintes de l’entreprise (moyens financiers, humains, techniques,
juridiques…). 

La stratégie digitale fait partie de la stratégie générale de l’entreprise. Elle en est
complètement dépendante !

Quels outils Internet j’utilise ou ai-je prévu d’utiliser ?
Réseaux sociaux, blog, SEO, site, vidéo, flux photo, live-vidéo, e-commerce, app
mobile, mini-site, etc…

Comment coordonner les différents médias ?
Répartition des informations que je produis en fonction de leur nature (importance) et
de leur forme.
Cahier des charges
Document dans lequel nous allons préciser tous les aspects du site que l’on souhaite faire afin
d’obtenir des devis d’un ou plusieurs prestataires.
- Introduction sur notre structure, bref historique, point sur le site actuel.
- Objet de la demande, ce que l’on attend du prestataire, ce qu’il doit créer, son rôle.
- Objectifs du site
- À qui le site est destiné ?
- Graphisme : charte, envies, besoins…
- Toutes remarques, idées, souhaits nécessaires à la compréhension du projet.
Le cahier des charges peut être fait en interne, mais il y a des consultants ou agences qui
peuvent faire ce travail pour un organisme.
L'arborescence
On retrouve les pages principales qui composent le site, leur niveau dans
l’arborescence, les liens qui les relient. On remarque qu'il est inutile de lister toutes
les pages de types similaires. Le but reste que tout le monde puisse comprendre le
principe d’organisation.
La composition de la page d'accueil
Quels éléments composent ma page d'accueil ? 

C’est la page la plus vue, la plus importante, sa composition doit être réfléchie.

Actualités, agenda
Détailler le fonctionnement de ceux-ci.

La composition de mes pages secondaires
Les éléments qui vont composer mes pages. Est-ce que leur structure, leur design va
changer d'une page à l'autre ?

Les éléments récurrents à l'ensemble des pages
Adresse postale, téléphone, navigation, objets divers, crédits...

Quelles langues ?
Traduction complète du site ou seulement une partie.
Précisions sur la structure des pages
Un zoning
Le zoning est une technique consistant à schématiser une page Web à l’aide de blocs ou
boîtes, dans le but de montrer les grandes fonctionnalités et les zones principales du
contenu. Cette étape est cruciale, puisqu’elle permet de décider de l’organisation générale
des pages. Ce travail de zoning débouche sur la rédaction d’un livrable qui servira de support
de discussion avec le client, et permettra d’apporter les corrections avant validation finale.
Précisions sur la structure des pages
Un wireframe
Le wireframe s’appuie sur le zoning réalisé auparavant, et permet d’indiquer le contenu
présent dans chaque bloc et de structurer l’interface. 

Aucun design n’est fait sur cette étape, son objectif étant avant tout fonctionnel.
Conception Graphique
- Cette étape est la spécialité du web designer,
durant ce processus le graphiste va créer le visuel
du site internet. Cette étape concrétise
visuellement l’attente du client et donne une réel
impression d’avancement du projet. Les maquettes
graphiques sont généralement créer avec le logiciel
Photoshop ou Illustrator d’Adobe. Une fois les
fichiers graphiques finis, ils sont envoyés à
l’intégrateur pour l’intégration web. Parfois le
graphiste web fait plusieurs propositions.
- Ce processus est délicat car l’équipe graphique doit
représenter physiquement les idées du clients.
L’esthétique se doit de répondre aux attentes du
client certes mais aussi de l’internaute. N’hésitez
pas à demander conseil au web designer sur
l’ergonomie du site.
Développement
Développement complet du site à partir des maquettes graphiques et en le reliant à un CMS
comme WordPress. Cela nécessite de solides connaissances dans divers languages de
programmation.
Généralement le développeur part d’éléments existants comme des frameworks dont le plus
utilisé est Bootstrap. Bootstrap est une collection d'outils utiles à la création du design de sites et
d'applications web. C'est un ensemble qui contient des codes HTML et CSS, des formulaires,
boutons, outils de navigation et autres éléments interactifs.
Il est possible aussi de partir d’un thème WordPress que l’on adapte. On peut aussi partir d’un
thème WordPress trés modulable.
Le résultat de cette étape est un site vide de contenu ou avec du contenu d’exemples.
Généralement sur un serveur de test que l’on appelle parfois le bac à sable ou Sandbox.
Alimentation des contenus
Après une formation à l’usage de l’administration du site, un ou plusieurs administrateurs vont
alimenter le site. Il faut savoir préparer les images au bon format pour le web, cela veut dire d’avoir
un logiciel capable de faire ça, de le maitriser un minimum et de connaitre les règles dans ce
domaine. Rédiger les textes et les mettre en forme (gras, titres, sous-titres, paragraphes…) en
ayant conscience des bonnes pratiques sur le web.
Réserver un hébergement
- Choisir son url www.mondomaine.com
- Choisir des options de vitesse, taille, nombre d’adresses e-mails…
- Payer
- Recevoir ses codes d’accès admin et FTP
- Créer une base de données
• phpnet.org
• ovh.com
• o2switch.fr
• mezcalito.com
• 1and1.com
• etc…

Contenu connexe

Tendances

Conception web et ses elements créer un site web
Conception web et ses elements   créer un site webConception web et ses elements   créer un site web
Conception web et ses elements créer un site webStabl Web
 
Concevoir et déployer sa stratégie digitale
Concevoir et déployer sa stratégie digitaleConcevoir et déployer sa stratégie digitale
Concevoir et déployer sa stratégie digitaleQuinchy Riya
 
Formation WordPress 2023.pptx
Formation WordPress 2023.pptxFormation WordPress 2023.pptx
Formation WordPress 2023.pptxPalmsquare
 
Le plan de communication
Le plan de communicationLe plan de communication
Le plan de communicationSimon Vinet
 
Conduite et gestion de projet
Conduite et gestion de projetConduite et gestion de projet
Conduite et gestion de projetJCI Ariana
 
Cahier des charges site internet
Cahier des charges site internetCahier des charges site internet
Cahier des charges site internetEPC Familia
 
Plan Stratégie Marketing digitale
Plan Stratégie Marketing digitalePlan Stratégie Marketing digitale
Plan Stratégie Marketing digitaleCharly Loukakou
 
Plan de communication (1)
Plan de communication (1)Plan de communication (1)
Plan de communication (1)Hayet Yetha
 
Culture numérique - Révision.pdf
Culture numérique - Révision.pdfCulture numérique - Révision.pdf
Culture numérique - Révision.pdfMedBechir
 
Aide à la prise en main des deux versions de Google Analytics.pdf
Aide à la prise en main des deux versions de Google Analytics.pdfAide à la prise en main des deux versions de Google Analytics.pdf
Aide à la prise en main des deux versions de Google Analytics.pdfMurielDenis
 
cahier des charges
cahier des chargescahier des charges
cahier des chargesamine niba
 
Communication digitale et médias sociaux
Communication digitale et médias sociauxCommunication digitale et médias sociaux
Communication digitale et médias sociauxJacques Hellart
 
Communication Digitale : Les axes majeurs du marketing digital  pour maximi...
Communication Digitale :   Les axes majeurs du marketing digital  pour maximi...Communication Digitale :   Les axes majeurs du marketing digital  pour maximi...
Communication Digitale : Les axes majeurs du marketing digital  pour maximi...Social media Club Tunisia
 
"La stratégie digitale dans un grand groupe" par la communauté YouMeO
"La stratégie digitale dans un grand groupe" par la communauté YouMeO"La stratégie digitale dans un grand groupe" par la communauté YouMeO
"La stratégie digitale dans un grand groupe" par la communauté YouMeORaphael Beziz
 
Etude de cas : nouvelle stratégie digitale pour "Ma Compagnie"
Etude de cas : nouvelle stratégie digitale pour "Ma Compagnie"Etude de cas : nouvelle stratégie digitale pour "Ma Compagnie"
Etude de cas : nouvelle stratégie digitale pour "Ma Compagnie"Benjamin Poisson
 
La Recherche d'information sur Internet
La Recherche d'information sur InternetLa Recherche d'information sur Internet
La Recherche d'information sur InternetSandrine Michel
 

Tendances (20)

Conception web et ses elements créer un site web
Conception web et ses elements   créer un site webConception web et ses elements   créer un site web
Conception web et ses elements créer un site web
 
Comment construire une stratégie digitale?
Comment construire une stratégie digitale?Comment construire une stratégie digitale?
Comment construire une stratégie digitale?
 
Concevoir et déployer sa stratégie digitale
Concevoir et déployer sa stratégie digitaleConcevoir et déployer sa stratégie digitale
Concevoir et déployer sa stratégie digitale
 
Formation WordPress 2023.pptx
Formation WordPress 2023.pptxFormation WordPress 2023.pptx
Formation WordPress 2023.pptx
 
Le plan de communication
Le plan de communicationLe plan de communication
Le plan de communication
 
Conduite et gestion de projet
Conduite et gestion de projetConduite et gestion de projet
Conduite et gestion de projet
 
Cahier des charges site internet
Cahier des charges site internetCahier des charges site internet
Cahier des charges site internet
 
Plan Stratégie Marketing digitale
Plan Stratégie Marketing digitalePlan Stratégie Marketing digitale
Plan Stratégie Marketing digitale
 
Cours ebusiness
Cours ebusinessCours ebusiness
Cours ebusiness
 
Outils de veille
Outils de veilleOutils de veille
Outils de veille
 
Plan de communication (1)
Plan de communication (1)Plan de communication (1)
Plan de communication (1)
 
Culture numérique - Révision.pdf
Culture numérique - Révision.pdfCulture numérique - Révision.pdf
Culture numérique - Révision.pdf
 
Exposé seo
Exposé seoExposé seo
Exposé seo
 
Aide à la prise en main des deux versions de Google Analytics.pdf
Aide à la prise en main des deux versions de Google Analytics.pdfAide à la prise en main des deux versions de Google Analytics.pdf
Aide à la prise en main des deux versions de Google Analytics.pdf
 
cahier des charges
cahier des chargescahier des charges
cahier des charges
 
Communication digitale et médias sociaux
Communication digitale et médias sociauxCommunication digitale et médias sociaux
Communication digitale et médias sociaux
 
Communication Digitale : Les axes majeurs du marketing digital  pour maximi...
Communication Digitale :   Les axes majeurs du marketing digital  pour maximi...Communication Digitale :   Les axes majeurs du marketing digital  pour maximi...
Communication Digitale : Les axes majeurs du marketing digital  pour maximi...
 
"La stratégie digitale dans un grand groupe" par la communauté YouMeO
"La stratégie digitale dans un grand groupe" par la communauté YouMeO"La stratégie digitale dans un grand groupe" par la communauté YouMeO
"La stratégie digitale dans un grand groupe" par la communauté YouMeO
 
Etude de cas : nouvelle stratégie digitale pour "Ma Compagnie"
Etude de cas : nouvelle stratégie digitale pour "Ma Compagnie"Etude de cas : nouvelle stratégie digitale pour "Ma Compagnie"
Etude de cas : nouvelle stratégie digitale pour "Ma Compagnie"
 
La Recherche d'information sur Internet
La Recherche d'information sur InternetLa Recherche d'information sur Internet
La Recherche d'information sur Internet
 

Similaire à Les étapes de création d'un site web

Cahier des charges web
Cahier des charges webCahier des charges web
Cahier des charges webFred Brouard
 
Webdesign sites web et mobiles-methodes-realisation-outils
Webdesign sites web et mobiles-methodes-realisation-outilsWebdesign sites web et mobiles-methodes-realisation-outils
Webdesign sites web et mobiles-methodes-realisation-outilsOlivier Dommange
 
Atelier Info Tonic : Les règles d’or pour créer son site Web
Atelier Info Tonic : Les règles d’or pour créer son site WebAtelier Info Tonic : Les règles d’or pour créer son site Web
Atelier Info Tonic : Les règles d’or pour créer son site Webambin_fr
 
Ayez les clés pour bâtir votre site internet et communiquer avec votre agence
Ayez les clés pour bâtir votre site internet et communiquer avec votre agenceAyez les clés pour bâtir votre site internet et communiquer avec votre agence
Ayez les clés pour bâtir votre site internet et communiquer avec votre agenceDestination Brocéliande
 
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 2015SADC d'Abitibi-Ouest
 
Amdouni_fedia.pptx
Amdouni_fedia.pptxAmdouni_fedia.pptx
Amdouni_fedia.pptxMahaJabri
 
projeta.pptx
projeta.pptxprojeta.pptx
projeta.pptxMahaJabri
 
Digital breakfast : Réussir son projet de création ou de refonte de site
Digital breakfast : Réussir son projet de création ou de refonte de site Digital breakfast : Réussir son projet de création ou de refonte de site
Digital breakfast : Réussir son projet de création ou de refonte de site Agoralink
 
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
 
Développement d'un site web pour la promotion de pme 2011
Développement d'un site web pour la promotion de pme 2011Développement d'un site web pour la promotion de pme 2011
Développement d'un site web pour la promotion de pme 2011MXO | agence totale
 
2011 06 30 cahier des charges site internet by competitic
2011 06 30 cahier des charges site internet by competitic2011 06 30 cahier des charges site internet by competitic
2011 06 30 cahier des charges site internet by competiticCOMPETITIC
 
Support technique : aide à la rédaction d'un cahier des charges pour site int...
Support technique : aide à la rédaction d'un cahier des charges pour site int...Support technique : aide à la rédaction d'un cahier des charges pour site int...
Support technique : aide à la rédaction d'un cahier des charges pour site int...Office de Tourisme Val de Cher Controis
 
Comment tirer parti des avantages des microdonnées schema.org en 2017 ? Petit...
Comment tirer parti des avantages des microdonnées schema.org en 2017 ? Petit...Comment tirer parti des avantages des microdonnées schema.org en 2017 ? Petit...
Comment tirer parti des avantages des microdonnées schema.org en 2017 ? Petit...Peak Ace
 
Tirer profit de son site web en 2010
Tirer profit de son site web en 2010Tirer profit de son site web en 2010
Tirer profit de son site web en 2010MXO | agence totale
 
"Réussir son projet web... ou pas !" - Webschool Tours, 09/2015
"Réussir son projet web... ou pas !" - Webschool Tours, 09/2015"Réussir son projet web... ou pas !" - Webschool Tours, 09/2015
"Réussir son projet web... ou pas !" - Webschool Tours, 09/2015webschooltours
 
Réussir la Construction du cahier des charges de son site web WordPress
Réussir la Construction du cahier des charges de son site web WordPressRéussir la Construction du cahier des charges de son site web WordPress
Réussir la Construction du cahier des charges de son site web WordPressJulien Dereumaux
 
Créer un site Internet de qualité (2010)
Créer un site Internet de qualité (2010)Créer un site Internet de qualité (2010)
Créer un site Internet de qualité (2010)Ardesi Midi-Pyrénées
 

Similaire à Les étapes de création d'un site web (20)

Cahier des charges web
Cahier des charges webCahier des charges web
Cahier des charges web
 
Webdesign sites web et mobiles-methodes-realisation-outils
Webdesign sites web et mobiles-methodes-realisation-outilsWebdesign sites web et mobiles-methodes-realisation-outils
Webdesign sites web et mobiles-methodes-realisation-outils
 
Atelier Info Tonic : Les règles d’or pour créer son site Web
Atelier Info Tonic : Les règles d’or pour créer son site WebAtelier Info Tonic : Les règles d’or pour créer son site Web
Atelier Info Tonic : Les règles d’or pour créer son site Web
 
Ayez les clés pour bâtir votre site internet et communiquer avec votre agence
Ayez les clés pour bâtir votre site internet et communiquer avec votre agenceAyez les clés pour bâtir votre site internet et communiquer avec votre agence
Ayez les clés pour bâtir votre site internet et communiquer avec votre agence
 
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
 
Amdouni_fedia.pptx
Amdouni_fedia.pptxAmdouni_fedia.pptx
Amdouni_fedia.pptx
 
projeta.pptx
projeta.pptxprojeta.pptx
projeta.pptx
 
Digital breakfast : Réussir son projet de création ou de refonte de site
Digital breakfast : Réussir son projet de création ou de refonte de site Digital breakfast : Réussir son projet de création ou de refonte de site
Digital breakfast : Réussir son projet de création ou de refonte de site
 
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"
 
Développement d'un site web pour la promotion de pme 2011
Développement d'un site web pour la promotion de pme 2011Développement d'un site web pour la promotion de pme 2011
Développement d'un site web pour la promotion de pme 2011
 
Création & refonte de site internet
Création & refonte de site internet Création & refonte de site internet
Création & refonte de site internet
 
Tirer profit du web en 2011
Tirer profit du web en 2011Tirer profit du web en 2011
Tirer profit du web en 2011
 
2011 06 30 cahier des charges site internet by competitic
2011 06 30 cahier des charges site internet by competitic2011 06 30 cahier des charges site internet by competitic
2011 06 30 cahier des charges site internet by competitic
 
Support technique : aide à la rédaction d'un cahier des charges pour site int...
Support technique : aide à la rédaction d'un cahier des charges pour site int...Support technique : aide à la rédaction d'un cahier des charges pour site int...
Support technique : aide à la rédaction d'un cahier des charges pour site int...
 
Comment tirer parti des avantages des microdonnées schema.org en 2017 ? Petit...
Comment tirer parti des avantages des microdonnées schema.org en 2017 ? Petit...Comment tirer parti des avantages des microdonnées schema.org en 2017 ? Petit...
Comment tirer parti des avantages des microdonnées schema.org en 2017 ? Petit...
 
Tirer profit de son site web en 2010
Tirer profit de son site web en 2010Tirer profit de son site web en 2010
Tirer profit de son site web en 2010
 
Projet Web
Projet WebProjet Web
Projet Web
 
"Réussir son projet web... ou pas !" - Webschool Tours, 09/2015
"Réussir son projet web... ou pas !" - Webschool Tours, 09/2015"Réussir son projet web... ou pas !" - Webschool Tours, 09/2015
"Réussir son projet web... ou pas !" - Webschool Tours, 09/2015
 
Réussir la Construction du cahier des charges de son site web WordPress
Réussir la Construction du cahier des charges de son site web WordPressRéussir la Construction du cahier des charges de son site web WordPress
Réussir la Construction du cahier des charges de son site web WordPress
 
Créer un site Internet de qualité (2010)
Créer un site Internet de qualité (2010)Créer un site Internet de qualité (2010)
Créer un site Internet de qualité (2010)
 

Plus de Chris Gaillard (17)

Réseaux -sociaux 2023
Réseaux -sociaux 2023Réseaux -sociaux 2023
Réseaux -sociaux 2023
 
SEO Référencement
SEO RéférencementSEO Référencement
SEO Référencement
 
Cours Images
Cours ImagesCours Images
Cours Images
 
Présentation et historique
Présentation et historiquePrésentation et historique
Présentation et historique
 
WordPress
WordPressWordPress
WordPress
 
Cms
CmsCms
Cms
 
Accessibilité web
Accessibilité webAccessibilité web
Accessibilité web
 
Webdesign
WebdesignWebdesign
Webdesign
 
Communication digitale
Communication digitaleCommunication digitale
Communication digitale
 
Gutenberg - WordPress 5
Gutenberg - WordPress 5Gutenberg - WordPress 5
Gutenberg - WordPress 5
 
Migrer un site Wordpress
Migrer un site Wordpress Migrer un site Wordpress
Migrer un site Wordpress
 
RGPD
RGPDRGPD
RGPD
 
Ergonomie
ErgonomieErgonomie
Ergonomie
 
Règles typo
Règles typoRègles typo
Règles typo
 
Constructeur de page avec Wordpress
Constructeur de page avec WordpressConstructeur de page avec Wordpress
Constructeur de page avec Wordpress
 
Newsletter et publipostage
Newsletter et publipostageNewsletter et publipostage
Newsletter et publipostage
 
Introduction à Wordpress
Introduction à WordpressIntroduction à Wordpress
Introduction à Wordpress
 

Les étapes de création d'un site web

  • 1. Les étapes de création d’un site
  • 2.
  • 3. Analyser l’existant Nouveau site web ? Faire du Benchmark, consultez des sites qui vous inspirent et notez ce qui vous plait et que vous voudrez avoir sur votre site à vous. Refonte ? Listez les plus et les moins du site actuel. Vous avez d'autres supports de communication ? Communiquez-les à votre prestataire, pour une communication homogène et cohérente. Définir les objectifs - Image de marque, notoriété - Information et communication - Annonces en ligne (agenda, programme…)
  • 4. Définir les cibles - Principales : pour qui est destiné le site web en premier lieu - Langue, pays, habitudes, âges, sexe, niveau social - Secondaires : pour qui est destiné le site web en second lieu Définir le message et le ton - Comment s’adresser à la cible, sur quel ton, pour dire quoi Préparer le contenu éditorial - Présentation de l’organisme - Historique, valeurs, missions, objectifs, perspectives, partenaires - Fiches techniques des produits, services ou activités - Actualités, catégories d’actualités - Foire aux questions (réponses aux questions fréquemment posées au téléphone) Préparer le contenu graphique et les photos -Logo et charte graphique -Photos de l’organisme (de belles photos, c’est le secret d’un beau site) Choisir un nom de domaine - Choisir un nom de domaine : ex: monorganisme.com - Choisir l’extension ex : .com, .net, .org, .dz… - Vérifier la disponibilité
  • 5. Stratégie digitale ? Comme une stratégie marketing « classique », la stratégie digitale est l’ensemble des éléments nécessaires dans un temps donné pour atteindre un/des objectif(s), compte tenu des contraintes de l’entreprise (moyens financiers, humains, techniques, juridiques…). La stratégie digitale fait partie de la stratégie générale de l’entreprise. Elle en est complètement dépendante ! Quels outils Internet j’utilise ou ai-je prévu d’utiliser ? Réseaux sociaux, blog, SEO, site, vidéo, flux photo, live-vidéo, e-commerce, app mobile, mini-site, etc… Comment coordonner les différents médias ? Répartition des informations que je produis en fonction de leur nature (importance) et de leur forme.
  • 6. Cahier des charges Document dans lequel nous allons préciser tous les aspects du site que l’on souhaite faire afin d’obtenir des devis d’un ou plusieurs prestataires. - Introduction sur notre structure, bref historique, point sur le site actuel. - Objet de la demande, ce que l’on attend du prestataire, ce qu’il doit créer, son rôle. - Objectifs du site - À qui le site est destiné ? - Graphisme : charte, envies, besoins… - Toutes remarques, idées, souhaits nécessaires à la compréhension du projet. Le cahier des charges peut être fait en interne, mais il y a des consultants ou agences qui peuvent faire ce travail pour un organisme.
  • 7. L'arborescence On retrouve les pages principales qui composent le site, leur niveau dans l’arborescence, les liens qui les relient. On remarque qu'il est inutile de lister toutes les pages de types similaires. Le but reste que tout le monde puisse comprendre le principe d’organisation.
  • 8. La composition de la page d'accueil Quels éléments composent ma page d'accueil ? C’est la page la plus vue, la plus importante, sa composition doit être réfléchie. Actualités, agenda Détailler le fonctionnement de ceux-ci. La composition de mes pages secondaires Les éléments qui vont composer mes pages. Est-ce que leur structure, leur design va changer d'une page à l'autre ? Les éléments récurrents à l'ensemble des pages Adresse postale, téléphone, navigation, objets divers, crédits... Quelles langues ? Traduction complète du site ou seulement une partie.
  • 9. Précisions sur la structure des pages Un zoning Le zoning est une technique consistant à schématiser une page Web à l’aide de blocs ou boîtes, dans le but de montrer les grandes fonctionnalités et les zones principales du contenu. Cette étape est cruciale, puisqu’elle permet de décider de l’organisation générale des pages. Ce travail de zoning débouche sur la rédaction d’un livrable qui servira de support de discussion avec le client, et permettra d’apporter les corrections avant validation finale.
  • 10. Précisions sur la structure des pages Un wireframe Le wireframe s’appuie sur le zoning réalisé auparavant, et permet d’indiquer le contenu présent dans chaque bloc et de structurer l’interface. Aucun design n’est fait sur cette étape, son objectif étant avant tout fonctionnel.
  • 11. Conception Graphique - Cette étape est la spécialité du web designer, durant ce processus le graphiste va créer le visuel du site internet. Cette étape concrétise visuellement l’attente du client et donne une réel impression d’avancement du projet. Les maquettes graphiques sont généralement créer avec le logiciel Photoshop ou Illustrator d’Adobe. Une fois les fichiers graphiques finis, ils sont envoyés à l’intégrateur pour l’intégration web. Parfois le graphiste web fait plusieurs propositions. - Ce processus est délicat car l’équipe graphique doit représenter physiquement les idées du clients. L’esthétique se doit de répondre aux attentes du client certes mais aussi de l’internaute. N’hésitez pas à demander conseil au web designer sur l’ergonomie du site.
  • 12. Développement Développement complet du site à partir des maquettes graphiques et en le reliant à un CMS comme WordPress. Cela nécessite de solides connaissances dans divers languages de programmation. Généralement le développeur part d’éléments existants comme des frameworks dont le plus utilisé est Bootstrap. Bootstrap est une collection d'outils utiles à la création du design de sites et d'applications web. C'est un ensemble qui contient des codes HTML et CSS, des formulaires, boutons, outils de navigation et autres éléments interactifs. Il est possible aussi de partir d’un thème WordPress que l’on adapte. On peut aussi partir d’un thème WordPress trés modulable. Le résultat de cette étape est un site vide de contenu ou avec du contenu d’exemples. Généralement sur un serveur de test que l’on appelle parfois le bac à sable ou Sandbox.
  • 13. Alimentation des contenus Après une formation à l’usage de l’administration du site, un ou plusieurs administrateurs vont alimenter le site. Il faut savoir préparer les images au bon format pour le web, cela veut dire d’avoir un logiciel capable de faire ça, de le maitriser un minimum et de connaitre les règles dans ce domaine. Rédiger les textes et les mettre en forme (gras, titres, sous-titres, paragraphes…) en ayant conscience des bonnes pratiques sur le web.
  • 14. Réserver un hébergement - Choisir son url www.mondomaine.com - Choisir des options de vitesse, taille, nombre d’adresses e-mails… - Payer - Recevoir ses codes d’accès admin et FTP - Créer une base de données • phpnet.org • ovh.com • o2switch.fr • mezcalito.com • 1and1.com • etc…