Découvrez comment concevoir un site web étape par étape.

Adobe Experience Manager Sites vous permet de créer facilement vos propres pages web, qu'elles soient destinées aux ordinateurs de bureau ou aux appareils mobiles. Toutefois, avant de commencer à créer votre site web, vous devez choisir un design. Dans cet article, vous suivrez pas à pas la création d'un site web de la définition de son objectif à l’identification de votre audience cible, en passant par la conception du site, le choix d’une plateforme et la création de wireframes.

Voici les différentes étapes à suivre :

• Définissez l'objectif de votre site web et ce que vous souhaitez qu'il accomplisse.
• Déterminez votre audience cible et ce qu'elle attend.
• Choisissez une plateforme web pour créer votre site.
• Planifiez la structure et la mise en page de votre site web à l’aide d’un plan de site.
• Définissez des types de page et développez des wireframes pour chacune d’elles.
• Créez et rassemblez le contenu de votre site web (textes, images, éléments graphiques).
• Concevez les éléments structurels et visuels de votre site web avec l’expérience utilisateur en tête.
• Vérifiez l'accessibilité de votre site web et de son contenu.
• Testez et lancez votre site web.
• Surveillez et améliorez en continu les performances de votre site à l'aide d'outils d’analytics.

Avant de vous attaquer à sa conception, déterminez d’abord la raison pour laquelle vous concevez votre site web. Demandez-vous en premier lieu quelles sont les personnes qui visiteront votre site, car cela pourra vous aider à prendre des décisions par la suite,

Puis réfléchissez à son objectif. Êtes-vous un distributeur ou une distributrice cherchant à attirer de nouveaux clients, ou souhaitez-vous surtout communiquer des informations sur votre organisation à but non lucratif ? Il est courant d’avoir plusieurs raisons de créer un site. Si c’est le cas, envisagez de créer une page dédiée à chaque objectif.

Parmi les sites web courants, on trouve :

• Site e-commerce
• Site web d'événement
• Site web à but non lucratif
• Site web de voyage
• Site web d’entreprise
• Site web d’actualités

Une fois que vous connaissez le type de site que vous souhaitez créer et son objectif, vous pouvez commencer à réfléchir à la conception de vos pages web.

En plus de l'objectif de votre site web, c’est votre audience cible qui dictera la conception de vos pages web.

Déterminer à qui vous vous adressez revêt de nombreux avantages. Vous pouvez notamment personnaliser votre message et votre site web par rapport à cette audience cible, et la guider vers les canaux les plus pertinents.

Vous serez en mesure d’identifier plus facilement ses points sensibles et ses principales préoccupations, des sujets que vous pouvez aborder sur votre site. En adaptant votre contenu aux besoins de votre clientèle, vous créerez des relations solides, tout en boostant la fidélisation client, la recommandation de vos services ou produits et la loyauté client.

Les outils de création de sites web et les systèmes de gestion de contenu (CMS) peuvent vous aider à concevoir, publier et personnaliser votre site web. Leur utilisation accélère le développement du site, grâce à des solutions et des modèles prêts à l’emploi qui simplifient les processus.

Le choix d’une plateforme ou d’un CMS est une étape essentielle dans la conception d’un site web. Vous devez évaluer chaque plateforme en fonction de facteurs tels que la simplicité d’utilisation, les options de personnalisation, l’évolutivité et les modèles disponibles.

Fonctionnalités à prendre en compte lors du choix d’une plateforme de création de site web.

Lorsque vous sélectionnez une plateforme pour créer votre site, tenez compte des critères suivants :

• Rapidité de création de site
• Facilité d’utilisation sur les appareils mobiles et les ordinateurs, et chargement rapide des pages
• Système de gestion de contenu permettant de créer un environnement commun et partagé
• Insights sur le contenu de votre plateforme
• Workflows de projet
• Plateforme de création de site web ou CMS adaptés à votre budget
• Flexibilité

Principales plateformes de création de sites web

Voici les avantages et les inconvénients des principales plateformes :

• WordPress.C’est l’une des plateformes les plus prisées pour la création de site web en raison de sa flexibilité. Facile à utiliser si vous vous en tenez aux éléments de base, elle peut nécessiter l’intervention d’un développeur ou d'une développeuse pour des fonctions plus complexes.
• Wix.Réputée pour son interface intuitive et sa facilité d’utilisation, avec une bibliothèque de modèles, des fonctionnalités SEO natives et des options d’assistance pratiques.
• Squarespace.Plébiscitée par les personnes évoluant dans les domaines créatifs, Squarespace est réputée pour ses modèles de haute qualité, plusieurs fois primés.
• Adobe Creative Cloud. Creative Cloud fournit un outil de création de sites web gratuit, Adobe Express, qui vous permet de créer rapidement et facilement une seule page web. Découvrez comment Deloitte a utilisé Adobe Creative Cloud pour faire la différence avec son contenu.
• Shopify.Shopify aide les gérants et les gérantes de boutique internet à créer un site e-commerce comprenant des fonctionnalités de vente avancées qui permettent d’exploiter différents canaux et de gérer leur stock.
• Adobe Commerce.Également axé sur l’expérience d’achat en ligne, Adobe Commerce utilise l’intelligence artificielle (IA) et des intégrations avec d’autres produits Adobe pour vous aider à créer des expériences client hautement personnalisées. Simple d’utilisation, l’interface de type glisser-déposer permet à Commerce de gérer plusieurs canaux, marques et zones géographiques. Découvrez comment Coca Cola a augmenté son chiffre d’affaires et ses taux de conversion grâce à Adobe Commerce.

La structure de tout site web doit être solide, car elle permet aux utilisateurs et aux utilisatrices ainsi qu’aux moteurs de recherche de naviguer efficacement sur le site. La navigation sur un site web, autrement dit la capacité à trouver la bonne page, est un aspect important de l’expérience utilisateur. Lorsqu'elle est facile, elle évite que les internautes se sentent frustrés en explorant votre site.

Site à une seule page

Comme son nom l’indique, le site web ne comprend qu’une seule page. Tout son contenu est regroupé sur une unique page à défilement au lieu de plusieurs pages. Ce format convient surtout lorsque les sites web ne comprennent pas beaucoup d'informations.

Site à pages multiples

En ligne, les sites web à pages multiples sont les plus répandus. Ils comprennent généralement une page d’accueil, avec des liens vers d’autres pages réparties sur le site. Cette structure est utile pour les sites qui contiennent beaucoup d'informations et qui ont plusieurs objectifs.

Conception basée sur une grille

Une grille bien organisée permet aux utilisateurs et aux utilisatrices de parcourir facilement le contenu de la page et d'interagir avec le site. Elle contribue également à préserver la cohérence entre les différentes tailles d’écran.

Structure de lecture en F et en Z

Les logiciels de suivi oculaire ont montré que les utilisateurs et les utilisatrices parcourent généralement les sites web selon une structure de lecture en F ou en Z. Les designers de contenu essaient d’empêcher le balayage rapide et cherchent à encourager les lecteurs à s'intéresser à l'ensemble du texte.

La mise en page de votre site dépendra également de ce qui a le plus de sens par rapport à votre objectif. Veillez à ce que les internautes puissent trouver rapidement les informations les plus importantes sur la page. Voici comment vous pourriez présenter les sites que nous avons évoqués précédemment.

• Boutiques internet.Une boutique internet pourrait avoir une page d’accueil mettant en avant des produits susceptibles d’intéresser les visiteurs, comme Amazon.com. Vous pouvez aussi utiliser une page qui mêle produits et contenu éditorial, comme Nike.com.
• Sites portfolio.Les professions créatives comme les photographes, les designers graphiques ou les agences marketing créent souvent des sites portfolio pour présenter leur travail. Le site portfolio des photographes peut simplement être une galerie d’images, là où une agence de marketing partagera des études de cas mêlant texte et images.
• Sites d'entreprise . Les sites d'entreprise doivent être structurés de manière à communiquer clairement la valeur offerte par l'entreprise. Ils doivent également encourager les internautes à effectuer un achat ou à remplir un formulaire de capture de leads.
• Pages d'événements.Les pages d’événements doivent clairement communiquer les informations principales que la plupart des gens recherchent.
• Pages de blogs.Les blogs doivent être structurés de manière à ce que les internautes puissent rapidement trouver le contenu le plus récent ou le plus lu sur le site, tout en expliquant aux nouveaux lecteurs et aux nouvelles lectrices quel est l'objet du site.

La prochaine étape dans la conception de votre site web consiste à réaliser un plan des pages que vous devez créer. Il peut s’agir d’une liste, ou d’une représentation visuelle des pages avec des lignes indiquant comment elles sont reliées entre elles.

En cartographiant votre site web, vous vous assurez d’inclure toutes les pages et les informations importantes. C’est le moment idéal pour passer vos objectifs en revue et les appliquer à des pages spécifiques de votre plan.

Commencez par concevoir une page d'accueil comprenant des liens de navigation clairs vers les autres pages. Il est également important de créer une page de contact pour que les internautes sachent comment vous joindre. Vous pouvez également créer une page FAQ ou une page d’erreur 404 originale. Les pages que vous incluez dépendent de votre objectif.

Pages que presque tous les sites web doivent avoir :

1. Page d'accueil.Votre page d'accueil est probablement la page la plus importante de votre site web. Ajoutez un CTA bien en vue pour encourager les internautes à interagir avec votre site.
2. À propos.La page À propos doit présenter la mission de votre entreprise, son histoire, son équipe et sa proposition de valeur unique.
3. Contact.Cette page doit fournir aux internautes les informations nécessaires pour vous contacter ou contacter votre service client.
4. Page produit. Une page produit fournit des informations détaillées sur un produit ou service proposé.
5. Page de blog.Votre page de blog affichera généralement une liste ou une grille des derniers articles de blog publiés sur votre site.
6. FAQ.Vous pouvez publier une page FAQ pour répondre aux questions de votre clientèle. Cela évitera à votre équipe de devoir répondre plusieurs fois à une seule et même interrogation.

Une fois que vous avez établi les bases et la structure de votre site web, vous pouvez commencer à ajouter du contenu.

Les premières pages que vous créerez seront généralement celles évoquées ci-dessus, mais c’est l’objectif de votre site qui déterminera le contenu dont vous aurez besoin. Votre contenu peut inclure des images, du texte, des logos, des vidéos, etc.

Assurez-vous que chaque page ait un objectif clair.

À l’aide du plan de site, réfléchissez aux informations que les prospects recherchent lors de leur visite. Chaque page doit avoir un objectif spécifique.

Rédigez en langage simple et évitez le jargon.

Un contenu captivant est l’élément principal de tout site web réussi. Créez du contenu original et attrayant qui communique clairement votre message. Votre contenu doit être pertinent, concis et facile à lire rapidement.

Structurez le contenu des pages à l’aide de titres et de listes à puces.

L'utilisation de titres, de listes à puces et d'autres styles de mise en forme permet de diviser de longs textes et de rendre leur lecture beaucoup plus facile et rapide.

Modifiez les textes et les images pour respecter les directives de la marque.

C’est aussi le moment idéal pour appliquer vos directives de marque et vous assurer que votre ton et vos visuels sont cohérents.

Utilisez des photographies originales ou des images de stock de haute qualité.

Il peut être tentant d’utiliser des images de stock sur un nouveau site web, surtout si vous ne possédez pas vos propres images, mais sachez que cela est susceptible de diminuer l’engagement de votre audience.

Exemples de types de contenu sur différents sites web

• Boutiques internet.Sur les sites e-commerce, il est important de fournir aux internautes de nombreuses informations sur les produits et d’utiliser des images de haute qualité, car la clientèle ne peut pas voir de visu vos produits ou les toucher.
• Sites portfolio.La plupart du temps, un site portfolio mêle supports visuels et contenu rédactionnel.
• Sites d'entreprise . Les sites web d’entreprise contiennent différents types de contenu, comme des témoignages, des informations sur les produits ou des articles de blog.
• Pages d'événements.Les sites web événementiels peuvent partager des galeries photo d'événements passés, des illustrations promotionnelles ou du contenu rédactionnel.
• Pages de blogs.À l’origine, les blogs étaient axés sur le texte, mais aujourd’hui, ils contiennent des photos, des vidéos, des animations, des infographies, et bien plus encore.

Bien que chaque site soit différent, voici quelques éléments à prendre en compte pour offrir une expérience utilisateur positive sur votre site web :

• Architecture du site.Pour faciliter la navigation sur votre site, vos pages doivent être organisées et liées de manière intuitive. Les internautes doivent pouvoir trouver rapidement les pages les plus importantes dans la barre de navigation ou par des liens présents sur les pages de votre site.
• Menu de navigation.Votre menu de navigation doit inclure des liens vers les pages les plus importantes de votre site, organisées de manière logique. Songez à utiliser des catégories ou des groupes pour éviter d’encombrer votre menu. La conception de votre menu doit également être responsive pour fonctionner correctement sur tous les appareils.
• Couleurs.Vous pouvez utiliser une roue chromatique pour créer une palette de couleurs harmonieuses sur votre site. En règle générale, vous devez limiter votre combinaison à trois couleurs : une couleur principale que vous utilisez 60 % du temps, une couleur secondaire que vous utilisez 30 % du temps et une couleur tertiaire que vous utilisez 10 % du temps.
• Polices.Comme les couleurs, vous devez choisir des polices conformes aux directives de votre marque. Donnez la priorité aux polices lisibles, même sur les petits écrans.
• En-tête et pied de page.Votre en-tête doit aider les internautes à identifier clairement votre site web grâce à votre logo et à votre menu de navigation, comprenant des liens vers les pages importantes de votre site. Votre pied de page doit inclure vos coordonnées, des liens vers les réseaux sociaux et un CTA.
• AnimationSi des éléments animés sur votre page peuvent être attrayants et contribuer à retenir plus longtemps les internautes sur votre site, utilisez l’animation avec modération. Une animation excessive peut allonger les temps de chargement ou détourner les internautes du contenu qui compte vraiment.

Vos choix de conception visuelle jouent un rôle majeur dans la perception que les internautes ont de votre marque. Une apparence propre et soignée donne l’image d’une marque professionnelle et digne de confiance, tandis qu'une apparence désordonnée et incohérente peut inciter les internautes à quitter votre site.

L’accessibilité de votre site web est importante. Peu importe les besoins des internautes, ils doivent pouvoir naviguer confortablement et réaliser les tâches souhaitées. Vous pouvez faire plusieurs choses pour rendre votre site plus accessible. Voici quelques exemples.

Utilisation de votre site web

Bien que la plupart des internautes naviguent sur votre site à l’aide d’une souris et avec les paramètres par défaut, ce n’est pas le cas de tout le monde. Tenez compte des points suivants :

• Certaines personnes utilisent un clavier plutôt qu'une souris pour naviguer sur vos pages.
• Certaines personnes changent les paramètres du navigateur afin d'améliorer la lisibilité de votre contenu.
• Les personnes ayant une déficience visuelle peuvent choisir d’utiliser un lecteur d’écran pour « lire » le contenu ou qu’il soit lu à voix haute.
• D’autres personnes peuvent utiliser une loupe d’écran pour agrandir certaines parties de leur écran.
• Certaines personnes peuvent recourir à des commandes vocales pour naviguer sur votre site web.

Structure du contenu

La structure des titres peut aider les internautes qui utilisent un lecteur d’écran à se repérer sur une page et à comprendre comment les paragraphes sont liés les uns aux autres. L'utilisation de titres HTML tels que H1, H2 et H3 peut s'avérer extrêmement utile.

Internautes utilisant uniquement le clavier

Il est important que les personnes qui n’utilisent que le clavier puissent interagir avec votre site. Déterminez les interactions moyennes des utilisateurs et des utilisatrices typiques et réfléchissez à la manière de les rendre accessibles également aux personnes utilisant le clavier.

Images et médias

En matière d’accessibilité, il est important de prendre en compte l’utilisation de textes alternatifs pour les images et les médias. Le texte alternatif n’est généralement pas affiché sur un site, mais il peut être lu par des lecteurs d’écran et sert à décrire ce que contient une image ou ce que contiennent des médias.

Couleur et contraste

Lors de la conception de votre site web, réfléchissez à la couleur des polices et des arrière-plans. Certaines combinaisons de couleurs fonctionnent mieux que d'autres, surtout si les internautes souffrent de malvoyance ou de daltonisme. Le texte et les arrière-plans doivent être contrastés pour que le texte s’affiche clairement sur la page. De même, ne vous reposez pas uniquement sur la couleur pour expliquer les choses.

Contenu animé

Le contenu animé de votre site, qu’il s’agisse de gifs, de vidéos ou d’animations, doit disposer de fonctions de lecture, de pause et d’arrêt faciles à contrôler. De même, si le contenu clignote ou scintille, il doit comprendre une fonction de désactivation.

\u00000A0

En testant votre site web avant son lancement, vous vous assurez qu’il est fonctionnel, rapide, sécurisé et facile d’utilisation. Il est important de le tester régulièrement et de manière approfondie afin de prévenir les problèmes susceptibles d'affecter l'expérience client, comme des pages ou des liens cassés.

Test de fonctionnalité

Peu de choses agacent autant les internautes que des sites web qui ne marche pas. Avant de lancer votre site, assurez-vous que tout fonctionne comme il se doit : liens, menus de navigation, boutons, listes déroulantes et formulaires.

Test de la responsivité mobile

Lamajorité des personnes qui accèdent à Internet le font sur leur téléphone portable. Il est donc important que votre site soit adapté aux navigateurs web traditionnels ainsi qu’aux différentes plateformes mobiles.

Tests de vitesse et de performances du site

Sur Internet, la patience est limitée. Le chargement de votre site web ne doit prendre que quelques secondes. Vous pouvez vérifier la rapidité de chargement à l'aide d'outils tels que Google PageSpeed Insights.

Tests A/B

Les tests A/B sont un bon moyen d'essayer d’autres options et de voir ce qui fonctionne le mieux auprès de votre audience. Vous pouvez tout tester, des images à la mise en page.

Tests d’utilisabilité

Les tests d’utilisabilité ou tests utilisateur consistent à vérifier la fonctionnalité de votre site web afin d’identifier d’éventuels problèmes ou complications. Ils sont le plus souvent réalisés avant le lancement complet du site.

Une fois que votre site web est en ligne, vous pouvez commencer à tirer parti de ses avantages, notamment en recueillant des informations sur ses performances. Ces données sont précieuses, et vous en aurez besoin pour optimiser et tenir à jour votre site web sur le long terme.

Suivez les performances de votre site grâce au web analytics.

La plupart des plateformes proposent des analytics natifs pour mesurer les performances de vos sites web, et vous avez également la possibilité de connecter votre site à Google Analytics pour suivre des mesures spécifiques comme les pages vues, le temps que les internautes passent sur chaque page, les taux de conversion et les taux de rebond.

Ces données peuvent vous aider à comprendre comment les internautes naviguent sur votre site web et quelles pages doivent être améliorées, notamment celles qui pourraient bénéficier d’un meilleur SEO on-page. Plus vous étudiez vos analytics, plus vous en apprenez sur votre audience et sur ce qui fonctionne pour elle.

Actualisez et surveillez votre site grâce à la maintenance du site.

La maintenance joue également un rôle important dans la conception d’un site web. Les liens et les mots-clés évoluent avec le temps, tout comme les tendances en matière de conception. Vous ne pouvez donc pas simplement créer un site web et le laisser fonctionner sans l’entretenir régulièrement. Vérifier les liens et les images, mettre à jour les mots-clés, surveiller la vitesse de chargement de votre site, mais aussi ajouter ou supprimer régulièrement du contenu permettra à votre site de rester à jour et d’être toujours pertinent.

L’utilisation de l’analytics et les pratiques de maintenance sont de puissants outils, capables de résoudre les problèmes, mais aussi d’améliorer votre site web et de le faire évoluer en fonction de la demande. En surveillant la performance de votre site, vous resterez en phase avec votre audience, ce qui vous aidera à pour prendre des décisions commerciales pertinentes et agiles au moment opportun.

Commencez à créer votre site web.

Maintenant que vous disposez des connaissances et des conseils dispensés dans cet article, vous avez toutes les clés en main pour commencer à créer votre site web. Inspirez-vous de sites web réussis, mais laissez aussi libre cours à votre créativité.

Adobe Experience Manager vous aide à créer et à gérer vos propres sites web afin de maintenir l'engagement de votre audience grâce à des expériences web personnalisées. Créez des expériences sur plusieurs canaux, personnalisez des modèles et mettez à jour votre contenu, le tout depuis une plateforme unifiée.

Découvrez comment Experience Manager peut vous aider à créer votre propre site d’entreprise.