Elias, Branding Studio, webflow partner

Webflow: the essential sections to add to your website

Your brand, our focus
Your brand, our focus
Your brand, our focus
Your brand, our focus
Agency
resources
/
Agency
/
Webflow: the essential sections to add to your website
April 2023
7
Min

Récemment, un client nous a demandé quelles sections ajouter à son site vitrine. On a passé plus de 200 sites en revue et on s’est dit que ça pourrait aussi vous servir 😉.  Dans cet article, je vous liste les sections les plus utilisées et nos recommadations👇

Qu'est-ce qu'une section pour un site web ?

Mettons-nous d'accord. Sur un site internet, on appelle section une partie de votre site qui regroupe des éléments eux-mêmes regroupés autour d'un thème.

Elles peuvent être situées à la racine de votre domaine ou à une URL plus spécifique, comme www.votresite.com/section. Les sections sont très utiles pour organiser votre contenu en groupes cohérents et pour simplifier la navigation sur votre site Web. Par exemple, si vous avez un blog, vous pouvez créer une section pour chaque catégorie d'articles que vous publiez. De cette façon, vos visiteurs peuvent facilement trouver ce dont ils ont besoin.

Par exemple, la partie "Contact" sur un site est une section.

Mais aussi, la partie "A propos" d'un site.

Ou encore la partie "Blog" est une section de site.

Vous avez compris le principe 😁 On passe à la suite ?

Présentation de Webflow (en un éclair)

On va faire vite, car je suppose que vous connaissez déjà Webflow. Ou du moins, vous en avez déjà entendu parler : vous savez que Webflow est un outil no-code qui permet de créer un site web sans écrire de code.

En d'autres termes, Webflow est une plateforme géniale qui permet à tout le monde, débutants comme professionnels, d'imaginer, de créer et de publier des sites web sans avoir à toucher à un seul ligne de code 😎

Vous pouvez utiliser Webflow pour toutes sortes de projets, des sites vitrines aux e-commerce en passant par des sites à haute performance. Et le meilleur dans tout ça ? La plateforme offre une tonne de fonctionnalités et d'options de personnalisation pour créer un site web unique et puissant qui répond exactement à vos attentes.

Dans cet article, je m'intéresserai uniquement aux sites vitrines (et croyez moi il y a déjà de quoi faire 🤭)

Quelles sont les sections les plus utilisées pour un site vitrine ?

Qu'est-ce qu'un site vitrine ?

Un site vitrine est un site, qui comme son nom l'indique, est une vitrine pour vos produits et services. Un site vitrine vous servira à présenter votre activité mais vos utilisateurs ne pourront pas acheter directement depuis le site (à l'inverse d'un site e-commerce 🤔).

Si vous êtes sur le point de créer ou de mettre à jour votre site vitrine, vous devez décider quelles sections inclure. Un site vitrine est la meilleure façon de présenter votre produit, service ou marque en ligne. De nombreux sites vitrines comprennent une page d’accueil, une page à propos, une page de contact et une page produit ou service.

Mais vous pouvez aller plus loin en ajoutant d'autres sections pour améliorer l'expérience de l'utilisateur et mettre en valeur votre marque. Je vous donne les sections les plus communes à inclure dans votre site vitrine juste en-dessous 👇

🥇 Section hero

Première section d'une page, elle doit attirer l'attention de vos utilisateurs au moment où la page finit de se charger. Partagez votre proposition de valeur en résumant votre produit ou service en quelques lignes.

La section hero d'Opeaz

Cette section doit être attrayante et donner une première bonne impression de votre entreprise. Il est important d'inclure des images de qualité et un texte clair et concis qui explique qui vous êtes et ce que vous faites.

✋ Section Nav

Essentielle à chaque site, elle permet à l'utilisateur de se balader à travers les différentes pages de votre site.

😎 Section À propos

Un section souvent utilisée pour donner plus de détails et d'informations sur votre structure, vos produits ou services.

Cette section doit inclure les informations clés sur votre entreprise. Cela peut inclure l'historique de l'entreprise, des photos des employés, des certifications ou des récompenses, des prix, etc. Cette section peut être une zone importante pour renforcer votre image de marque et gagner la confiance de vos visiteurs

💰 Section Pricing

Cette section permet à l'utilisateur de comparer facilement vos différentes offres selon les spécificités qui les accompagne. Détaillez ce qui accompagne chacune de vos offres.

Les offres de Salesforce

Dans cette section, vous devez présenter de manière claire et concise les différents services que vous offrez. Qu'il s'agisse de la vente de produits, de services de conseil ou tout autres prestations, il est important de détailler ces derniers pour que l'internaute sache exactement ce dont vous êtes capable.

🌅 Section Galerie

Elle permet d'ajouter une touche visuelle au site en présentant différentes images à l'utilisateur. Assurez-vous qu’elles soit personnalisées et cohérentes avec votre identité visuelle.

📽 Section Vidéo

Cette section permet d'ajouter un contenu vidéo original à votre site internet. Si vous avez déjà réalisé un contenu semblable, on vous recommande de le partager sur votre site car ce contenu est généralement très apprécié.

💁‍♀️ Section Partenaires

Gagnez en crédibilité en mettant en avant l'ensemble des partenaires avec qui vous travaillez. Vous pourrez détailler la liste de vos partenaires et fournisseurs dans cette section.

🗣 Section Contact

Cette section contient souvent un formulaire de contact. Permettez à vos utilisateurs de vous contacter en quelques clics seulement.

Cette section doit inclure les informations de contact de votre entreprise, telles que l'adresse physique, les numéros de téléphone et l'adresse e-mail. Il est également recommandé d'inclure un contact form so that your visitors can send you a message more easily. If you have a physical store, be sure to also indicate the opening hours.

📍 Contact section

Often complementary to the contact form, this section encourages your users to contact you or visit you. Share your contact details on your site (it doesn't matter).

👣 Footer section

This section represents the footer of your site. This is the time to indicate whether certain specific information should appear in addition to the mandatory information (legal information, privacy policy).

📰 Blog section

Remind your users that you keep a blog up to date. Share your articles in this section and provide them with relevant content.

A blog is a great way to build credibility by showing that you have expertise in your field. Plus, it can improve your seo by creating content around keywords that you are targeting. Blogging is also a great way to maintain frequent contact with your visitors.

📩 Newsletter section

This section allows your users to fill in their email and subscribe to your newsletter.

Take care of your copywriting!

👨🏼 Profile section

This section allows you to present a profile. Showing your profile, explaining what the person does and detailing their skills humanizes your site.

🕺 Visit section

This section allows you to invite your prospects to come and visit you. Interesting if you have a physical space capable of welcoming your customers.

🛍 Products section

This section allows you to present your various products. You can add some information such as price and specifications.

🎤 Reviews section

This section allows you to share the opinions of other customers. It is a reinsurance element important for hesitant prospects. This reinforces the credibility of your structure.

MerciApp's reviews

This section is a great way to show your visitors that you are reliable and that you have happy customers. It is essential to ask each of them for a permission to be able to publish their testimony, it reinforces your credibility.

💡 FAQ section

An FAQ section is a question and answer space where your users can get information on specific points. At the bottom of the page, it allows you to remove the last objections.

👑 Benefits section

This section allows you to present and detail your offers and expertise. Remember to add the terms and conditions of sale (estimated time, price etc.)

👩 ‍ 💻 Team Section

This section allows you to show the people attached to your structure. In addition to strengthening the sympathy and the “human” aspect of your company, it is an important reassurance element for your users.

👉 Step section

This section allows you to detail your processes step-by-step. Important for pragmatic minds 🤓

🙋 ‍ ♀️ Customer Section

The purpose of this section is to draw up a list of your customers (and in particular the most prestigious ones). It is social proof that should not be overlooked.

📃 Quotation section

This section is often composed of a large form where the user can fill in various information in order for you to send him a personalized quote.

🧮 Figure section

This section allows you to share key figures related to your activity. Proof by the numbers.

❤️ Advantage section

This section aims to present your differentiators, strengths and assets.

📒 Brochure section

This section allows you to collect an email in exchange for a brochure or very relevant content (for example a white paper).

🧲 Recruiting section

This section allows you to present all the positions you have to fill within your structure... and to attract the best talent!

Bonus: How to add 3D to your Webflow site

Now you know which section to add to your showcase site.

And if that's not the case, here we are 👋

Are we adding 3D to your Webflow site? Let's go!

Elias, Branding Studio, webflow partner

Brand Strategy
Brand Identity
Brand Experience
Naming
Copywriting
Brand Idea
Logo
Photography
Illustration
3D & Motion
SEO
Website
Webflow
Custom Animation
Maintenance
Webdesgin

We are brand creators. We transform projects into a strong, online brand.

Related articles

It's time to turn your project into a brand

Brand Strategy
Brand Identity
Brand Experience
Brand Strategy
Brand Identity
Brand Experience