fbpx

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

Aujourd’hui on va parler d’un sujet qui pourrait sembler basique et maitrisé, mais qui ne l’est absolument pas !

Avec les différentes expériences que j’ai eues, que ce soit en tant que freelance, de directeur d’agence, de responsable de communication digitale ou simplement en collaborant avec des dev ou des designers, je me suis rendu compte que les étapes de la création d’un site web ne sont pas claires du tout.

Alors bien sûr, chacun a sa manière de travailler mais de manière générale les projets web sont souvent pris par la fin, par la création d’un joli design qui va plaire au client. Pourquoi cela ?

Proposer un design à son client est certainement plus rassurant pour soi même mais également pour le client, mais cette approche gomme les problèmes potentiels, les questions stratégiques ou encore de branding,… et surtout cela évite de se poser les bonnes questions, les questions qui vont véritablement aider les utilisateurs. un gain de temps pour un résultat souvent médiocre !

Alors on va un peu parler des étapes-clé de la création d’un site web. Segmenter les étapes, hiérarchiser et déléguer les différents besoins va permettre d’éviter des allers-retours chronophages, que ce soit pour votre équipe ou pour les équipes du client.

L’ux designer Jesse James Garrett résume très bien cette approche dans « elements of user experience« . Avec cette approche segmentée, on réalise une tâche après l’autre.

Voici les étapes qui vont vous permettre de bien préparer la réalisation de son projet web.

Capture d’écran 2019-05-28 à 09.58.27.jpg
THE ELEMENTS OF USER EXPERIENCE – Jesse James Garrett

01 – La stratégie

Tout d’abord il va falloir définir les objectifs de votre site web, que ce soit pour:

  • lead
  • conversion
  • prise de contact
  • un like
  • inscription compte utilisateurs
  • achat

A peu près tout peut devenir un objectif dans la réalisation d’un projet web, le définir va permettre d’aligner toute l’équipe sur le pourquoi du comment et ensuite travailler dans une direction claire afin de remplir cet objectif.bSi votre objectif n’est pas clair et compris de tous, votre projet sera bancal et pire, à la fin du projet vous vous retrouverez avec des incompréhensions et un outil web qui ne vous sert à rien. A la suite de cette première partie, on va définir les besoins de l’utilisateur. Comment les utilisateurs vont pouvoir réaliser cet objectif ?

02 – Le Scope

Le Scope va réunir tout ce qui touche aux fonctionnalités et au besoin en terme de contenu. On ne design pas un contenant qu’on remplit de contenu, on design à partir d’un contenu qu’on va valoriser en fonction de nos objectifs. Le contenu et sa création sont vraiment une étape à part entière, on en parlera d’ailleurs dans une autre vidéo car cette partie est centrale dans le design d’un site web.

03 – La structure du site

C’est à ce moment que la création de design va commencer avec une première étape de structure. Lors de cette étape, on va commencer à réfléchir aux chemins de conversion, comment remplir l’objectif défini en premier lieu et pour quel type d’utilisateurs. On va donc travailler sur les interactions, les messages et la hiérarchisation des informations. Pas un design à proprement parler mais une structure de design.

04 – Le squelette du site

C’est à ce moment qu’on travaille sur des wireframes, un user flow pour servir l’étape suivante de mockup. Vous retrouverez en détails cette étape dans la vidéo dédiée au Wireframe. Le squelette du site va donc servir à créer et visualiser concrètement tout les éléments définis en amont: message, design d’interaction, sitemap et description des pages et des CTA.

05 – La Surface

Avec le visual design, on va « simplement » reprendre les wireframes et appliquer un branding existant ou qui aura été défini et réfléchi à part entière pour le projet web. Cela va finaliser l’expérience et ainsi rendre cet objet unique tout en faisant partie d’un écosystème de marque où chaque élément aura un rôle bien défini.

> le livre de Jesse James Garrett – https://www.jjg.net/elements/

 

Voir cette publication sur Instagram

 

Une publication partagée par 𝐃𝐠𝐭𝐥.𝐢𝐭 / 𝐖𝐞𝐛-𝐃𝐨.𝐢𝐭 (@gobehindtheprocess) le

Besoin d'un site web ?

Discutons-en autours d'un café sur Lausanne ou Morges.

#WebDesign #Wordpress #Strategy #DesignSprint

En savoir plus >>

Retrouvez Behind The Process sur Youtube et Instagram

Besoin d’un site web ?

Je guide mes clients vers les bons choix en terme de stratégie, de design et de réalisations web.

Je travail essentiellement avec wordpress, Divi et WooCommmerce et ce depuis de 2013, j’y combine ACF ainsi que la suite d’optimisation de WPMUDEV dont je suis un membre actif depuis plus de deux ans.

Cela me permet de délivrer des projets wordpress performant et sous monitoring en terme de vitesse, d’optimisation d’image et de de sauvegardes sécurisées.

Envoyez-moi un email

A propos de Web-do.it

Hello! Je m'appelle Julien.
Cela fait plus de 15 ans que je conçois des sites web.

En tant que serial entrepreneur, je connais les difficultés des petites entreprises ainsi que leur besoin en terme d'image, de communication et d'outil de visibilité. Je ne suis pas développeur mais je connais les outils web qui font gagner un temps précieux et j'adore transmettre.

Je mets mon expérience à disposition d'un marketing éthique et utile.

  • Web Design
  • Outils WEB
  • SEO & Social
  • Stratégie Digitale

Visitez mes profils:

… ou écrivez-moi julien@dgtl.it