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

1. Les étapes de création d’un site

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…