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

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

• 1.
  Les étapes decréation d’un site
• 3.
  Analyser l’existant Nouveau siteweb ? 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 ? Commeune 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 Documentdans 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 lespages 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 dela 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 lastructure 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 lastructure 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 dusite à 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èsune 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…