Comment concevoir un site Web?

1. Cartographiez votre site sur papier.
2. Planifiez la façon dont les gens navigueront dans les pages.
3. Choisissez un jeu de couleurs cohérent.
4. Choisissez un créateur de site Web ou apprenez à coder à la main.
5. Envisagez de faire appel à un designer indépendant.
6. Trouvez un hébergeur fiable.
7. Utilisez des mots clés pour promouvoir votre site dans les résultats de recherche.
8. Testez votre site Web sur de nombreux navigateurs et plates-formes.

René Cyr
René Cyr
• 10 min de lecture
La conception de sites Web repose sur des combinaisons de couleurs visuellement agréables
Comme tout autre type de conception, la conception de sites Web repose sur des combinaisons de couleurs visuellement agréables; pour cette raison, il est crucial de choisir des couleurs de thème qui vont ensemble.

Ce guide vous apprend à concevoir un site Web qui semble professionnel et qui fonctionne bien. Bien que l'essentiel de la conception de votre site Web dépende de vous, il y a certaines choses essentielles à faire - et à éviter - lors de la création d'un site Web.

Partie 1 sur 2: concevoir votre site Web

  1. 1
    Déterminez si vous souhaitez utiliser un créateur de site Web. Les sites Web créés à partir de zéro nécessitent une compréhension assez détaillée du codage HTML, mais vous pouvez facilement créer un site Web en utilisant un service d'hébergement gratuit comme Weebly, Wix, WordPress ou Google Sites. Les créateurs de sites Web ont tendance à être beaucoup plus faciles à utiliser pour les concepteurs novices que HTML.
    • Si vous décidez de coder votre propre site Web, vous devrez apprendre le codage HTML et CSS.
    • Si investir du temps et de l'énergie pour créer votre site Web ne semble pas attrayant, vous pouvez également engager un concepteur de site Web pour créer votre site pour vous. Les designers indépendants peuvent coûter entre 22€ de l'heure et bien plus de 75€ de l'heure.
  2. 2
    Cartographiez votre site. Avant même d'ouvrir un créateur de site Web, vous devez savoir approximativement combien de pages vous voulez que votre site Web contienne, quel devrait être le contenu de chacune de ces pages et la présentation générale des pages importantes telles que la page d'accueil et le "À propos". page.
    • Les pages de votre site Web peuvent être plus faciles à visualiser si vous dessinez des images approximatives de chacune d'elles plutôt que de simplement déterminer quel contenu doit apparaître.
  3. 3
    Utilisez une conception intuitive. Bien qu'il y ait quelque chose à dire pour de nouvelles idées, la conception de base de votre site Web doit suivre des directives établies telles que les suivantes:
    • Les options de navigation (par exemple, les onglets pour différentes pages) doivent aller en haut de la page.
    • Si vous utilisez une icône de menu (☰), elle doit se trouver dans le coin supérieur gauche de la page.
    • Si vous utilisez une barre de recherche, elle doit se trouver dans le coin supérieur droit de la page.
    • Des liens utiles (par exemple, des liens vers la page «À propos» ou la page «Contactez-nous») doivent aller tout en bas de chaque page.
  4. 4
    Être cohérent. Quels que soient la police du texte, la palette de couleurs, le thème d'image et les options de conception que vous choisissez, assurez-vous d'utiliser la même décision sur l'ensemble de votre site Web. Il peut être incroyablement choquant de voir une police ou un jeu de couleurs utilisé pour la page «À propos de» alors qu’un autre complètement différent était utilisé pour la page d’accueil.
    • Par exemple, si vous utilisez exclusivement des couleurs froides pour la page d'accueil de votre site, n'implémentez pas de couleurs vives et fortes sur la page suivante.
    • Gardez à l'esprit que l'utilisation de couleurs fortes ou contrastées, en particulier lorsque les couleurs s'affichent de manière dynamique (par exemple, en mouvement), peut évoquer l'épilepsie chez un petit nombre d'internautes. Si vous décidez d'utiliser de telles couleurs sur votre site, assurez-vous d'ajouter un avertissement d'épilepsie avant toute page pertinente.
    Si votre méthode de création de site Web prend en charge l'ajout d'une barre de recherche à votre site Web
    Si votre méthode de création de site Web prend en charge l'ajout d'une barre de recherche à votre site Web, il est fortement recommandé de le faire.
  5. 5
    Ajoutez des options de navigation. Le fait de placer des liens directs vers des pages importantes de votre site Web en haut de la page d'accueil aidera à diriger les visiteurs novices vers le contenu qui compte. La plupart des créateurs de sites ajoutent ces liens par défaut.
    • Il est important de vous assurer que chaque page de votre site Web est accessible en cliquant sur les options de votre site Web plutôt que d'être uniquement accessible via l'adresse de la page.
  6. 6
    Utilisez des couleurs qui se complètent. Comme tout autre type de conception, la conception de sites Web repose sur des combinaisons de couleurs visuellement agréables; pour cette raison, il est crucial de choisir des couleurs de thème qui vont ensemble.
    • Le noir, le blanc et le gris sont une bonne combinaison si vous ne savez pas par où commencer.
  7. 7
    Pensez à utiliser un design minimaliste. Le minimalisme encourage les couleurs froides, les graphiques simples, les pages de texte en noir sur blanc et le moins d'embellissement possible. Parce que le minimalisme nécessite peu d'éléments de fantaisie, c'est un moyen facile de donner à votre site Web un aspect professionnel et attrayant sans nécessiter beaucoup de travail.
    • De nombreux créateurs de sites Web auront un thème «minimaliste» que vous pourrez sélectionner lors de la configuration de votre site Web.
    • Une alternative au minimalisme est le «brutalisme», qui utilise des lignes plus dures, des couleurs vives, du texte en gras et des images minimales. Le brutalisme a moins de succès que le minimalisme, mais en fonction du contenu de votre site Web, il peut mieux répondre à vos besoins en matière de conception.
  8. 8
    Faites des choix uniques. Les lignes droites et les éléments Web verrouillés par une grille sont des paris sûrs, mais prendre quelques décisions stylistiques uniques donnera à la fois de la personnalité à votre site et l'aidera à se démarquer.
    • N'ayez pas peur de renverser les tendances en plaçant les éléments du site Web de manière asymétrique ou en utilisant des éléments qui se chevauchent pour créer une apparence en couches.
    • Alors que les coins élégants et pointus et les éléments carrés (également connus sous le nom de présentation «à base de cartes») sont moins favorables que les éléments arrondis et souples.

Partie 2 sur 2: maximiser les performances du site Web

  1. 1
    Tirez parti des options d'optimisation mobile. Les navigateurs mobiles représentent plus de trafic Web que les navigateurs de bureau, ce qui signifie que l'attention que vous portez à la version mobile de votre site Web devrait au moins égaler le développement de votre site Web pour ordinateur. La plupart des services de création de site Web créent automatiquement une version mobile de votre site, mais vous souhaiterez garder à l'esprit les informations suivantes pour votre site mobile:
    • Assurez-vous que les boutons (par exemple, les liens de sites) sont grands et faciles à appuyer.
    • Évitez d'implémenter des fonctionnalités qui ne peuvent pas être visualisées sur mobile (par exemple, Flash, Java, etc.).
    • Pensez à créer une application mobile pour votre site Web.
  2. 2
    Évitez d'utiliser trop de photos par page. Les navigateurs de bureau et mobiles peuvent avoir du mal à charger des pages qui affichent un grand nombre de photos ou de vidéos. Bien que les images soient importantes dans la conception Web, en utiliser plus de quelques-unes par page peut entraîner des temps de chargement inutilement longs, ce qui empêchera les gens de visiter la ou les pages en question.
    • De manière générale, vous souhaitez que les pages de votre site Web se chargent en moins de quatre secondes.
    Créez des exemples de conception de sites Web accrocheurs à partager avec des clients potentiels
    Créez des exemples de conception de sites Web accrocheurs à partager avec des clients potentiels et utilisez les sujets et les publicités de référencement appropriés.
  3. 3
    Ajoutez une page "contact". Vous remarquerez que pratiquement tous les sites Web établis ont une page «Contactez-nous» qui contient des informations de contact (par exemple, un numéro de téléphone et une adresse e-mail); certains sites ont même un formulaire de question intégré sur cette page. L'ajout d'une page "Contact" donnera aux internautes une ligne de communication directe avec vous, ajoutant ainsi une solution aux frustrations potentielles.
  4. 4
    Créez une page 404 personnalisée. Lorsqu'un utilisateur visite une page spécifique de votre site Web qui n'a pas été configurée ou qui n'existe pas, une page Web "Erreur 404" s'affiche. La plupart des navigateurs ont une page 404 par défaut, mais vous pourrez peut-être personnaliser la vôtre à partir des paramètres du créateur de votre site Web; si tel est le cas, assurez-vous d'inclure les détails suivants:
    • Un message d'erreur léger (par exemple, "Félicitations - vous avez trouvé notre page d'erreur!")
    • Un lien vers la page d'accueil du site
    • Une liste de liens fréquemment consultés
    • Une image ou un logo pour votre site Web
  5. 5
    Utilisez une barre de recherche si possible. Si votre méthode de création de site Web prend en charge l'ajout d'une barre de recherche à votre site Web, il est fortement recommandé de le faire. Cela garantira que les utilisateurs peuvent accéder rapidement à une page ou à un élément spécifique sans avoir à cliquer sur vos options de navigation.
    • Les barres de recherche sont également utiles lorsque votre public souhaite rechercher un terme général sans utiliser d'essais et d'erreurs.
  6. 6
    Investissez le plus de temps possible sur votre page d'accueil. Lorsqu'une personne arrive sur la page d'accueil de votre site Web, elle doit immédiatement comprendre l'essentiel du thème de votre site Web; en plus de cela, tous les éléments de la page d'accueil doivent se charger rapidement, y compris les options de navigation et les images. Votre page d'accueil doit avoir les aspects suivants:
    • Un appel à l'action (par exemple, un bouton sur lequel cliquer ou un formulaire à remplir)
    • Une barre d'outils ou un menu de navigation
    • Un graphique invitant (par exemple, une photo solide, une vidéo ou un petit groupe de photos avec texte d'accompagnement)
    • Mots clés relatifs au service, au sujet ou à l'objectif de votre site Web
  7. 7
    Testez votre site Web dans plusieurs navigateurs sur plusieurs plates-formes. Ceci est extrêmement important, car différents navigateurs peuvent gérer différemment certains aspects de votre site Web. Avant de commencer à promouvoir votre site Web, essayez de visiter et d'utiliser votre site Web dans les navigateurs suivants sur les plates-formes Windows, Mac, iPhone et Android:
    • Google Chrome
    • Firefox
    • Safari (iPhone et Mac uniquement)
    • Microsoft Edge et Internet Explorer (Windows uniquement)
    • Le navigateur intégré sur plusieurs téléphones Android différents (par exemple, Samsung Galaxy, Google Nexus, etc.)
  8. 8
    Continuez à mettre à jour votre site Web à mesure qu'il vieillit. Les tendances de conception, les liens, les photos, les concepts et les mots-clés changent tous avec le temps, vous devrez donc continuer à apporter des modifications à votre site Web afin de rester à jour. Cela vous obligera à vérifier les performances de votre site Web aux côtés d'autres sites Web similaires au moins une fois tous les trois mois (de préférence plus souvent).
Bien que l'essentiel de la conception de votre site Web dépende de vous
Bien que l'essentiel de la conception de votre site Web dépende de vous, il y a certaines choses essentielles à faire - et à éviter - lors de la création d'un site Web.

Conseils

  • L'accessibilité du site Web est un autre aspect important du développement d'un site Web. Cela inclut des éléments tels que les légendes pour les publics malentendants, les descriptions audio pour les visiteurs aveugles et les avertissements de photosensibilité si votre site Web utilise des effets potentiellement inducteurs de crises.
  • La plupart des créateurs de sites Web disposent d'un ensemble de modèles que vous pouvez utiliser pour cimenter la mise en page et la conception de votre site avant d'ajouter vos éléments préférés.

Mises en garde

  • La plupart des créateurs de sites sont gratuits; cependant, si vous souhaitez utiliser votre propre nom de domaine (par exemple, "www.yourname.com" au lieu de "www.yourname.wordpress.com"), vous devrez payer des frais mensuels ou annuels.
  • Évitez le plagiat et respectez toutes les lois sur les droits d'auteur: n'ajoutez pas d'images aléatoires du Web, ni même d'éléments structurels, sans autorisation.
Lisez aussi: Comment publier un fil de discussion sur un forum?

Questions et réponses

  • Comment concevoir une page Web à partir de zéro?
    Tout d'abord, vous devrez apprendre le HTML, le code de base sous-jacent à chaque site Web. Ensuite, vous devrez apprendre le CSS, qui gère le code HTML. Il existe de nombreuses ressources gratuites disponibles en ligne pour apprendre à coder des sites Web; enquêter et voir ceux que vous trouvez les plus utiles!
  • Comment commencer à apprendre la conception Web?
    Essayez de suivre un cours pour débutants dans votre université locale, collège communautaire ou collège. Vous pouvez également rechercher des didacticiels vidéo en ligne ou d'autres guides. Enfin, vous pouvez également consulter un livre sur l'apprentissage de la conception Web dans votre bibliothèque locale.
  • De quelles langues ai-je besoin pour concevoir des sites Web?
    HTML, CSS et Javascript. Bien que vous puissiez en utiliser d'autres, ce sont les plus simples.
  • Puis-je concevoir un site Web à partir de mon iPad?
    Oui, vous pouvez concevoir un site Web à l'aide de votre iPad. Il vous suffit de télécharger un éditeur de texte et une application de serveur local pour exécuter votre site Web sur votre appareil.
  • Cela peut-il être traduit de l'anglais vers l'hindi?
    Oui. Si vous êtes dans Chrome, faites un clic droit sur n'importe quelle partie du site, puis cliquez sur "traduire".
  • Quel logiciel est utilisé pour créer et concevoir un site Web?
    Vous pouvez utiliser WIX, Weebly ou Bravenet pour concevoir votre site Web. Ou, vous pouvez utiliser Google Sites, qui est entièrement gratuit. Et si vous ne saviez pas comment les utiliser, ils ont généralement un bouton d'aide.
  • Comment puis-je obtenir plus de clients pour mon entreprise de développement de sites Web au Royaume-Uni?
    Créez des exemples de conception de sites Web accrocheurs à partager avec des clients potentiels et utilisez les sujets et les publicités de référencement appropriés. Créez des comptes sur les réseaux sociaux pour votre entreprise et demandez à vos amis et à votre famille de suivre vos comptes et de parler de vous aux personnes de leur cercle social.
Questions sans réponse
  • Comment puis-je faire de la publicité pour mon entreprise?

Les commentaires (3)

  • yvesnadeau
    Agréable. Cela m'a été très utile de comprendre comment créer un site Web. Merci guide.
  • hallie29
    J'avais besoin de ça! J'étais confus; merci à tous de m'avoir guidé dans la bonne direction!
  • luc24
    Génial, bon pour les débutants.

Lisez aussi:

  1. Comment faire un site web?
  2. Comment créer un site web gratuit (pour les enfants)?
  3. Comment créer un Favicon.ico?
En parallèle
  1. Comment faire un site web?Samuel Verbruggen
  2. Comment trouver des informations en ligne?Samuel Verbruggen
  3. Comment télécharger des chansons sur Google Play Music sur Android?Christian Legault
  4. Comment se déconnecter d'Instagram?Mauro Hermans
  5. Comment publier des photos sur Instagram depuis votre ordinateur?Mohamed Claessens
  6. Comment se soumettre aux moteurs de recherche?Samuel Verbruggen
FacebookTwitterInstagramPinterestLinkedInGoogle+YoutubeRedditDribbbleBehanceGithubCodePenWhatsappEmail