Articles

Les 8 différents types de sites web et comment les concevoir

Porter attention à la conception de sites web est crucial pour construire votre entreprise. Il y a maintenant près de 1,7 milliard de sites Web en ligne, ce qui fournit beaucoup de types de sites Web différents à étudier, mais aussi beaucoup de confusion sur le type et la conception qui fonctionneront réellement le mieux pour vous.

illustration d'un homme entouré de sites Web flottants
Illustration par OrangeCrush

En tant que concepteur ou propriétaire de petite entreprise, vous devez vous familiariser avec tous les différents types de pages Web existants, afin de pouvoir décider de celles qui répondront à vos besoins. Étudier ce que les concurrents ont choisi et effectuer des tests vous permettent de créer le format parfait pour chaque marque et leur clientèle.

Voici les 8 différents types de sites Web :

Pages d’accueil-

La page d’accueil est la plaque tournante principale de votre site et sert de visage à une marque.

Votre page d’accueil aide les visiteurs du site à accéder à différentes zones du site, et elle peut également servir d’entonnoir de conversion. Parce que la plupart des gens viennent à vous par votre page d’accueil, c’est là que le design compte le plus.

Une page d’accueil peut prendre de nombreuses formes différentes, mais lors de la conception, il est important de se rappeler l’objectif de la page d’accueil en tant que navigation principale et point d’intérêt pour les visiteurs du site. Indiquez clairement en quoi consiste l’entreprise et proposez d’emblée la proposition de valeur unique (UVP). Établissez la hiérarchie du site et la structure de navigation sur la page d’accueil. Utilisez la palette de couleurs de votre marque, votre logo et des images très pertinentes pour l’entreprise. La page d’accueil donne le ton de l’image de l’entreprise, elle doit donc raconter une histoire sur qui vous êtes à travers des images et des mots.

Page d'accueil du site Web de Matcha Kari
Via Matcha Kari

Matcha Kari est un excellent exemple de ce type de pages d’accueil de sites Web. Notez la navigation en haut de la page qui donne le ton de ce que vous trouverez sur le site. Comme la page sert de début à l’entonnoir de conversion, les visiteurs peuvent obtenir un coupon, s’inscrire à la liste de diffusion ou regarder une vidéo sur leurs produits.

Sites web de magazine-

Un site web de magazine présente des articles, des photos et des vidéos à caractère informatif et éducatif. Au cours des vingt dernières années, l’industrie du magazine est passée d’une plateforme uniquement imprimée à un format largement numérique. Le type de site Web de magazine fonctionne bien pour les sites Web d’information, en particulier les publications des universités et des organisations.

Lorsque vous pensez à créer un site de magazine, commencez par construire un cadre de base. Les utilisateurs doivent voir une mise en page similaire quel que soit le jour où ils atterrissent sur votre page d’accueil, et chaque article doit avoir une mise en page et une navigation similaires. Gardez à l’esprit la réactivité de la conception globale aux différentes tailles d’écran pour vous assurer que votre contenu est facilement lisible à la fois sur les ordinateurs de bureau et les smartphones.

Site web du magazine Urban Omnibus
Via Urban Omnibus

Urban Omnibus est un site web de magazine en ligne avec une mise en page de magazine assez traditionnelle. Le thème du numéro en cours est mis en évidence par une image héroïque et un encadré décrivant le contenu de l’article vedette. Sous l’article vedette se trouve une mise en page en grille de chaque colonne du magazine avec une image, un titre et une brève description de ce que les lecteurs trouvent à l’intérieur de chaque article.

Sites de commerce électronique-

Un site de commerce électronique est une destination de magasinage en ligne où les utilisateurs peuvent acheter des produits ou des services de votre entreprise.

Une page web de commerce électronique robuste permet de parcourir facilement les produits, de filtrer par catégories, de mettre en évidence les ventes spéciales et d’effectuer des achats.

Site web de commerce électronique de Flipkart
Via Flipkart

Un moyen facile de démarrer est de passer par une plateforme de commerce électronique complète, comme Shopify ou Squarespace. Votre équipe peut facilement mettre à jour l’inventaire en ligne et répertorier les nouveaux produits. De plus, comme le système est interconnecté, les ventes, la logistique et le marketing sont tous tenus au courant de ce qui fonctionne bien. Sur le plan de la conception, les plateformes de commerce électronique proposent plusieurs modèles qui correspondent aux besoins de presque tous les types d’entreprises.

Flipkart vend une large gamme de produits, ce qui signifie qu’il y a beaucoup d’articles présentés sur leur page d’accueil. Notez comment ils répartissent les articles dans des catégories spécifiques, mais offrent également des offres du jour mises en évidence sur leur page d’accueil. Chaque image est professionnelle et montre clairement le produit, mais les descriptions sont initialement brèves, avec plus de détails sur la page du produit.

Blogs-

Un blog présente des articles, des photos et des vidéos régulièrement mis à jour. Les blogs ont commencé avec un contenu plus décontracté et personnel par rapport aux magazines. Mais depuis, les lignes se sont brouillées, et il est désormais extrêmement courant que les grandes marques et les entreprises aient leur propre blog. L’ajout de contenu spécialisé améliore la crédibilité globale d’une entreprise ou d’un individu. Les blogs fournissent également de la matière pour les messages sur les médias sociaux et les campagnes d’e-mailing.

Cependant, un blog peut aussi devenir encombrant pour les petites entreprises. Assurez-vous d’avoir une équipe et une stratégie en place pour garder le contenu frais avant d’envisager d’en lancer un. Il est en fait préférable de ne pas avoir de blog et de proposer plutôt quelques vidéos ou guides, que d’avoir un blog désespérément dépassé.

Site web du blog Nourish Eats
Via Nourish Eats

Nourish Eats garde les choses simples et se concentre sur le contenu de son blog. Au lieu d’utiliser un slider en haut de la page, le site intègre un slider rotatif à droite, qui passe en revue les différentes catégories du site. Le curseur permet de maintenir le contenu à jour et de susciter l’intérêt des utilisateurs. Les utilisateurs peuvent naviguer à n’importe quel moment ou utiliser les flèches pour avancer ou reculer.

Sites web portfolio-

Un site web portfolio permet aux professionnels créatifs d’avoir un endroit pour présenter leur meilleur travail. C’est parfait pour les artistes, les écrivains, les designers, les cinéastes, les constructeurs de meubles – et j’en passe.

Lorsque vous construisez un portfolio, il n’est pas nécessaire d’ajouter chaque projet sur lequel vous avez travaillé. Au lieu de cela, concentrez-vous sur la création de catégories d’articles et mettez en évidence le meilleur travail de chaque catégorie. Un site Web de portefeuille est un peu plus créatif par nature, c’est donc l’endroit pour essayer des mises en page uniques et ajouter des fonctionnalités intéressantes.

site portfolio de Gautier Maillard
Via Gautier Maillard

Le portfolio en ligne du designer Gautier Maillard est le mélange parfait de créativité et de mise en avant des meilleurs projets. Lorsque l’utilisateur fait défiler la page, différentes images sont mises en évidence. Cliquez sur une image et vous verrez les campagnes publicitaires du projet. Si vous voulez en savoir plus sur le designer, cliquez sur le bouton de navigation « about » dans le coin supérieur droit et vous apprendrez qu’il vit à Paris, où il a étudié et sur quels projets il a travaillé. Cette mise en page et cette stratégie fonctionnent car l’accent est mis sur son travail réel et le texte est limité. Les utilisateurs traitent et retiennent mieux les images que le texte seul.

Landing pages-

Une landing page est un type de page spécifique créé pour une campagne marketing qui incite les visiteurs à prendre une action spécifique.

Le contenu d’une landing page doit être limité et pointer vers l’appel à l’action (CTA) que vous souhaitez que l’utilisateur prenne. Prévoyez beaucoup d’espace blanc autour de votre CTA et gardez les éléments qui ne sont pas liés à l’objectif de cette campagne pour d’autres pages.

Site web de la page d'atterrissage de Shopify
Via Shopify

La page d’atterrissage d’essai gratuit de Shopify propose des titres et des appels à l’action simples, tels que « Démarrer l’essai gratuit. » Tous les éléments de la page conduisent l’acheteur à travers un parcours très spécifique destiné à le faire devenir un lead qualifié. Ils utilisent des images pertinentes et tendance et ajoutent un peu d’effet 3D avec les lunettes de soleil dans le coin tout en montrant à quoi ressemble l’une des mises en page de leurs sites d’achat.

Sites de médias sociaux-

Il y a environ 2,77 milliards de personnes sur les médias sociaux avec des dizaines de plateformes différentes disponibles. Peu importe qui est votre public cible, vous le trouverez probablement sur Facebook ou Twitter ou Instagram ou Snapchat ou LinkedIn. Bien que vous ne puissiez pas redessiner les plateformes elles-mêmes, vous avez un certain contrôle sur l’apparence de votre page, et vous pouvez créer du contenu qui stimule les partages sur les médias sociaux.

Optez pour un look cohérent sur toutes vos pages de médias sociaux et vos pages web, afin que les utilisateurs sachent instantanément que votre marque est derrière la page. Utilisez le même logo et les mêmes choix de couleurs. Choisissez une voix et une personnalité spécifiques qui brillent dans tout le contenu.

Lorsque vous créez du contenu, concentrez-vous sur les éléments qui ont un fort potentiel de partage sur les médias sociaux, comme les vidéos divertissantes, les infographies, les mèmes, les rapports approfondis et les offres gratuites.

Site de médias sociaux Facebook de Nutella
Via Nutella sur Facebook

La page Facebook de Nutella présente un mélange intéressant de contenus qui s’alignent tous sur la palette de couleurs et le look général de la marque. Ils présentent des mèmes faits spécialement pour les médias sociaux, tels que « Aujourd’hui, je vais partager mon Nutella avec… ». Cependant, ils proposent également des vidéos et des idées sur la façon d’utiliser leur produit de manière unique. Notez comment ils présentent également des boutons de médias sociaux sur leur site Web afin que les utilisateurs les trouvent facilement sur les différentes plateformes.

Pages d’annuaire et de contact-

Un annuaire ou une page de contact est un endroit où les utilisateurs peuvent se connecter avec vous ou d’autres personnes.

Ce type de site Web fonctionne bien lorsque vous souhaitez répertorier un référentiel d’entreprises ou de personnes au sein d’une organisation. Par exemple, un annuaire de restaurants locaux présente les restaurants de la région avec les menus, les fourchettes de prix, le numéro de téléphone et les critiques.

La nature d’une organisation crée une opportunité pour un site Web d’annuaire. Par exemple, une association de dentistes locaux dans une ville pourrait répertorier chaque membre, son domaine d’expertise et ses coordonnées. Gardez cette option de conception dans votre poche arrière pour les clients.

Site Web d'annuaire Manta
Via Manta

Manta est un annuaire d’entreprises présentant les petites entreprises en fonction de leur emplacement. En plus de la possibilité de recherche par mot-clé, le site offre une navigation par catégorie dans des domaines tels que les restaurants, les entrepreneurs et les médecins. Les entreprises peuvent ajouter une entrée à l’annuaire et le site gagne de l’argent grâce à la publicité.

Choisissez le bon type de site Web pour votre public-

Un bon design est bien plus qu’un simple aspect attrayant, mais il suscite également l’engagement des utilisateurs et est très ciblé sur les besoins du public qui consulte le site. Prêtez attention à ce que d’autres entreprises ont fait avec leur conception de site Web et identifiez rapidement le format qui fonctionne le mieux pour chaque projet. Savoir ce que les autres ont accompli avec différents types de pages vous donne une forte impression du type de site Web qui fonctionnera le mieux pour vous.

.

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *