Développement d’un site Web : le processus

Les grandes étapes du processus de développement d’un site Web multimédia

Un petit résumé des grandes étapes du processus de développement d’un site Web multimédia, des acteurs, en passant par la conception, jusqu’à la mise en ligne du site Web.

#Développement d'un site #Web : le processus ©Virginie Boullé, Digitalneed.fr
#Développement d’un site #Web : le processus

Les personnages

Web Acteurs - #Développement d'un site #Web : le processus ©Virginie Boullé, Digitalneed.fr

Vous reconnaîtrait donc, par ordre d’apparition à l’écran :

Le programmeur : il sera le représentant de l’équipe technique,

Le designer : il représente la conception graphique et le design du projet,

Le client : le Roi !

Etape 1 : la discussion

Web Acteurs

Vous allez naturellement débuter le projet par une conversation avec le client. Lors de la première rencontre devront être fixés la mission à réaliser (l’analyse des besoins), les rôles et responsabilités respectives ainsi que l’interlocuteur privilégié côté client.

Etape 2 : Brainstorming

Brainstorming

Il faut ébaucher alors une structure pour le projet. Quelles seront les tâches importantes ? Qu’est-ce qui ne le sera pas. Quel contenu à présenter sur les pages. En fonction de l’importance du projet et de sa richesse, il faudra créer une sitemap afin de faire visualiser le projet au client. L’étape de la sitemap est essentielle dans un projet de réorganisation de contenu.

Etape 3 : Wireframe ou Zoning

Wireframe

Un wireframe représente le squelette du site, aussi appelé gabarit. Il en symbolisera la navigation interne, les fonctionnalités ainsi que les éléments de contenu qui apparaîtront sur le site final. En aucun cas le wireframe n’est une ébauche de design ni de graphisme. Il permet de mettre en avant et de révéler les problèmes ou les éventuels éléments manquants. Il servira de fil conducteur à la suite du projet.

La façon de le créer est propre à chacun. Pour des sites de faible importance, son détail pourra se limiter à la création d’un fichier Illustrator ou Photoshop. Pour des projets plus complexes, il pourra être nécessaire de réaliser un prototype HTML, cliquable, de façon à permettre au client de naviguer de page en page et ainsi s’assurer que rien ne manque.

Etape 4 : Elaborer le contenu

#Développement d'un site #Web : le processus ©Virginie Boullé, Digitalneed.fr
#Développement d’un site #Web : le processus

Le travail réalisé à partir de la sitemap et du gabarit en relation avec le client va permettre d’élaborer et de fixer le contenu, en particulier les éléments de texte (wording). Le travail d’écriture et de mise en place des éléments de texte est certainement le plus long et contraignant pour le client, puisqu’il est à sa charge.

Etape 5 : Ébauche de design

Design

Après validation des étapes précédentes, l’équipe graphique peut ébaucher un design et une charte graphique (page d’accueil, rubriques et sous-rubriques).

Etape 6 : Feedback du client

Feedback

Lorsqu’une base de charte graphique est réalisée, le client doit s’assurer que l’équipe technique va dans la bonne direction. Le cas échéant redresser le cap, et dans tous les cas, propose, commenter, suggérer des améliorations.

Etape 7 : Retours sur les feedback clients

Redesign

Les remarques du client vont nécessiter des ajustements et du travail de la part de l’équipe technique.

Etape 8 : Accord du client

Accord client

Le process d’aller-retour entre le client et l’équipe de conception est répété jusqu’à trouver l’accord complet du client. C’est la phase de recette préliminaire du client.

Etape 9 : Création des pages intérieures

Création des pages intérieures - #Développement d'un site #Web : le processus ©Virginie Boullé, Digitalneed.fr

Une fois l’accord sur le design d’ensemble trouvé, il faut le décliner pour les pages intérieures du site.

Etape 10 : Confirmation

Confirmation du client

Le client doit là encore donner son aval.

Etape 11 : Développement, création du site. Le code HTML pour le fond …

Création du code HTML - #Développement d'un site #Web : le processus ©Virginie Boullé, Digitalneed.fr

L’équipe de développeurs peut commencer à décliner le code du site (HTML, Php, .Net,…)

Etape 12 : …et le CSS pour la forme (le design)

Création du code CSS - #Développement d'un site #Web : le processus ©Virginie Boullé, Digitalneed.fr

Ces deux étapes ne peuvent faire qu’une. Le HTML pour le fond, la structure du site et du CSS pour la forme, le style graphique du site.

Etape 13 : Présentation au client

Présentation au client

Là encore le projet est présenté au client. Un process d’aller-retour reprend à un niveau beaucoup plus fin cette fois-ci. On procède aux derniers ajustements de contenu et de présentation.

Etape 14 : Tests et recettes du site Web

Tests et recettes

La dernière étape du processus est la phase tant redoutée de debuggage. Le site doit être testé sous toutes les coutures, sur différentes platte-formes techniques (OS, navigateurs) afin de s’assurer de sa multi-compatibilité.
Le contenu doit lui aussi être encore inspecté. Cette phase peut s’avérer longue puisqu’elle va permetter de révéler les derniers détails. De plus, la comptatibilité d’un code sur une large palette de configurations est toujours une étape longue et difficile pour le développeur.

Etape 15 : Mise en production du site en ligne

Mise en production

L’image dit “The end” mais évidemment l’histoire ne s’arrête pas au règlement de la prestation, une maintenance et une surveillance doivent être mises en place, au moins durant les premiers jours de production. Des derniers correctifs pourraient s’avérer nécessaires.


Nous les avons formés et ils en parlent mieux que nous !

Excellent
Basée sur 48 avis
Martine Kasprzyk
Martine Kasprzyk
2024-06-19
Trustindex vérifie que la source originale de l'avis est Google.
Très satisfaite de cette formation en mode apprentissage accompagnement sur mon cas d'usage précis. Formatrice souple et à l'écoute des attentes. Je recommande.
Atif Balta
Atif Balta
2024-05-25
Trustindex vérifie que la source originale de l'avis est Google.
Formation et formatrice au top du top, moi qui étais un vrai débutant avec zéro notions dans le domaine du digital j’en suis ressortie avec beaucoup de connaissances pour mon futur projet pro. Merci Virginie pour ta gentillesse, ton expérience et ton savoir-faire et à bientôt pour une nouvelle aventure👍🏼.
Thé The
Thé The
2024-03-15
Trustindex vérifie que la source originale de l'avis est Google.
J'ai récemment suivi une formation avec Digitalneed et je suis extrêmement satisfait de mon expérience. Les cours étaient bien structurés, la formatrice était compétente et passionné, et j'ai acquis des compétences précieuses que je pourrai appliquer dans ma carrière et mon projet professionel . Je recommande vivement cette formation individuelle en création de site web à quiconque souhaite approfondir ses connaissances dans ce domaine. merci beaucoup. A bientôt. Ruben
Corinne Poulain
Corinne Poulain
2024-03-14
Trustindex vérifie que la source originale de l'avis est Google.
Cette formation offre un coaching individuel ce qui permet d'optimiser au maximum les compétences que l'on acquiert de jour en jour. Madame Boullé est vraiment à l'écoute, toutes les attentes et les besoins sont analysés et le résultat est très bien adapté à nos souhaits. Je recommande sincèrement cette formation !
Jean-Louis T
Jean-Louis T
2024-03-04
Trustindex vérifie que la source originale de l'avis est Google.
La formation WordPress certifiante d’une quarantaine d’heures que j’ai suivie avec DIGITALNEED alors que n’’avais aucune expérience en se domaine, s’est déroulée sur plusieurs semaines. J’en suis très satisfait car ce rythme m’a permis, tout en me formant, d’atteindre un premier objectif : créer un site web de qualité dans le respect de règles ergonomiques et de normes de sécurité. Bravo Virginie pour ton professionnalisme, et un grand merci pour tes conseils et ta patience.
Stéphane LINY
Stéphane LINY
2023-12-08
Trustindex vérifie que la source originale de l'avis est Google.
Tout d'abord un GRAND MERCI ! Cela fait longtemps que je n'avais pas suivi une formation certifiante d'une aussi bonne qualité. Virginie est une formatrice dotée d'une excellente pédagogie, elle a su parfaitement adapter le rythme de la formation à mon socle de compétences techniques. Quelles que soient mes interrogations, mes sollicitations régulières, Virginie a toujours eu une réponse claire ou une solution adaptée. Son expérience professionnelle, ses compétences multiples ont été déterminantes pour ma prise de décision concernant cette formation. Encore merci. Stéphane
Joël RIQUEUR
Joël RIQUEUR
2023-12-05
Trustindex vérifie que la source originale de l'avis est Google.
Formation en cours particulier et parfaitement adaptée aux connaissances du stagiaire. Bravo Virginie pour la pédagogie et les documents précieux.
Ben Bour
Ben Bour
2023-11-22
Trustindex vérifie que la source originale de l'avis est Google.
j'ai suivit une formation "webmaster" sous wordpress sur 8 fois une journée par semaine pour créer un site pour mon club moto. Un grand merci pour l’écoute, la pédagogie, et le conseil, qui m'ont permis, en partant de zéro, de créer "le site de mes attentes"
Maria Perez
Maria Perez
2023-11-06
Trustindex vérifie que la source originale de l'avis est Google.
Formation et coaching wordpress de grande qualité. La formation personnalisée m'a permis de prendre la main sur mon site.

Voir tous les avis Google sur votre organisme de formation Digitalneed Consulter tous les avis

Ils témoignent :

Interview post Formation WordPress à la création de sites Web avec Digitalneed. Témoignage de Stéphane L. Juriste.

Dans cette interview, Stéphane L. qui a suivi la Formation coachée individuelle WordPress pour la création de son site Web avec Digitalneed partage son expérience.

👉 L’article dans son intégralité

Interview post Formation WordPress à la création de sites Web e-commerce avec Digitalneed. Témoignage de Corinne P. Éditrice.

Dans cette interview, Corinne P. qui a suivi la Formation coachée individuelle WordPress et Woocommerce pour la refonte totale de son site Web e-commerce avec Digitalneed partage son expérience.

👉 Lire l’article dans son intégralité