Brief - Réflexion et analyse

Réflexion sur les besoins, sur l'objectif du site web, sa cible et son modèle économique, définir, évoquer l’arborescence du site, les rubriques, graphisme et l’ergonomie, identifier le rôle de chaque page et fonctionnalités nécessaires. Aborder les prestations attendues, le référencement, le suivi après mis en ligne et maintenance, les délais de réalisation et le budget.

Toutes ces informations permettront de choisir la solution technique la plus adaptée pour le site web, les fonctionnalités nécessaires que ce soit sur ordinateur, tablette ou mobile, déterminer la stratégie web qui permettra d'atteindre les objectifs.

Brief, réflexion et analyse
Cahier des charges

Établissement d'un cahier des charges

A la suite de réflexion et de l’analyse un cahier des charges sera établi en fonction du bilan et de la conclusion acquise. Le cahier des charges va exprimer tous les besoins et les attentes formalisées, en détaillant les fonctionnalités attendues ainsi que les contraintes (techniques, réglementaires, budgétaires…) auxquelles il est soumis, en cadrant et définissant le périmètre des prestations à réaliser.

Le cahier des charges sera impérativement validé mutuellement avec le client pour obtenir une version conventionnelle et servira également à établir le chiffrage du projet.

Maquette graphique et fonctionnelle (wireframes)

L’étape de création graphique commence avec des maquettes fonctionnelles qui déterminent l’emplacement des différentes parties (navigation, bannière, contenu, des boutons, pied de page) et représentent de manière schématique la structure d’une page web. La maquette fonctionnelle a pour but de valider l’ergonomie globale du site internet, d’optimiser l’expérience utilisateur et réfléchir au parcours des visiteurs.

Des maquettes fonctionnelles sont indispensables comme base pour la mise en œuvre technique et c’est aussi une manière de découvrir et d’anticiper des problèmes et des divergences qui peuvent ainsi être résolus à l’avance.
À la suite de validation de maquettes fonctionnelles (wireframes), débutera la création ou la reprise des différentes parties de l'univers graphique de l’entreprise telles que l’identité visuelle, le logo, la charte graphique, les couleurs et polices typographiques qui seront utilisés pour réaliser les maquettes graphiques de la pages web.

Maquette graphique et fonctionnelle ( wireframes )
Intégration

Intégration

Le rôle d’Intégration est de transformer la maquette graphique en page web interprétable par tous les navigateurs. Il consiste en l’adaptation et l’insertion de contenus textuels et visuels (texte, menu, photo, vidéo, animations, etc…) en employant les technologies web telles que html, css, javascript ainsi que les différents CMS parmi lesquelles WordPress, Prestashop, Drupal et d’autres. Intégration web respecte un certain nombre de protocoles, exigeant pour produire un code conforme aux normes et permettant de décrire au mieux le contenu, ainsi rendant l’exploration par les moteurs de recherche plus efficace et optimale en favorisant le référencement naturel (SEO).

Intégration se charge aussi de rendre le site internet compatible avec les différents supports comme ordinateur, smartphone et tablette.

Développement

L’étape de développement s’applique à la partie fonctionnelle du site web et rend dynamique ces contenus. Il s’agit du développement de code source de base, responsable des diverses opérations et des tâches comme l’affichage, la transformation et l’acquisition de données ainsi que le traitement et le stockage dans une base de données, il s’agit également du développement des fonctionnalités avancées comme la gestion d’un compte client, la commande en ligne, la publication de contenu, le système de newsletters, le formulaire de contact etc...

Tout le développement se fait en respectant des spécifications fonctionnelles issues de l’analyse du cahier des charges et il est conforme aux normes et aux standards du Web, notamment W3C.

Développement
Tests recettage dernières modifications

Tests, recettage, et dernières modifications

Cette étape est essentielle au sein d'un projet web et vise à assurer formellement la conformité de site web au cahier des charges, spécifications fonctionnelles rédigé, fonctionnement et comportement attendu et prévue initialement.
Les tests sont présents tout au long du processus de codage informatique, mais une phase de test finale (Recettage ou Test d'acceptation) est nécessaire afin de vérifier les aspects comme les fonctionnalités du site web, présence de tous les contenus, les parcours client, fonctionnement et affichage sur différents navigateurs web, notamment Edge, Firefox, Chrome, Safari ou d’autres et également sur différents supports tels que l’ordinateur, smartphone et tablettes.

Après la correction de toutes les erreurs et les écarts de toutes les éventuelles anomalies détectées pendant le test, le site internet sera prêt pour la validation par le client. Cette démarche est indispensable afin d’assurer la mise en ligne d’un site fonctionnel, répondant aux besoins et aux exigences des clients.

Mise en ligne et remise de projet

Lorsque le site web est mis en ligne il devient accessible aux internautes, via une URL ou à travers les moteurs de recherche, mais aussi à travers des réseaux sociaux. Cette étape marque la fin de la conception du site web et le début d’activité sur internet. La procédure de mise en ligne de site internet demande un choix technologique spécifique et se compose de plusieurs étapes tel que la réservation et la gestion d'un nom de domaine, la mise en place d'une infrastructure d'hébergement (voir le serice d'HÉBERGEMENT), l’installation et la configuration du serveur web, la soumission aux moteurs de recherche etc…. Ces étapes demandent une approche compétente et détaillée afin d’assurer le bon fonctionnement du site internet.

La mise en ligne du site web sera accompagnée par la remise du projet au propriétaire avec toutes les informations nécessaires, les documentations, les sources code de projet, la charte graphique, identité visuelle et d’autres composantes de votre site web (selon la modalité du contrat). En fonction de vos besoins et des accords avec vous, un contrat de suivi et de maintenance pourra être mis en place.

Réalisation du site web comprend aussi la phase de formation (voir Formation et Conseil de service de Support et Maintenance) dans le but de transférer certain niveau de compétences qui est absolument essentiel pour pouvoir gérer en autonomie les fonctionnalités nécessaires.

Mise en ligne, formation et remise du projet
Suivi et maintenance

Suivi et Maintenance

Étant en ligne le site web peut être accompagnée d’une stratégie de lancement, de référencement, Web Marketing et également par le contrat de maintenance afin d’apporter des corrections régulières, des modifications, des évolutions et des optimisations ce qui est très important et souvent nécessaire pour faire face à l’évolution technologique, à des problèmes de sécurité, à l’augmentation du trafic et d’autres éventuelles situations.

Pour plus d’information consultez le service Support et Maintenance.