Le site web vitrine est polyvalent, flexible et offre une base solide pour une relation plus complexe et à long terme. Il ne permet cependant pas de grandes galeries de produits en vente ou des banques de données à n’en plus finir.

Par contre, en bâtissant un site vitrine sur la plateforme WordPress, vous pouvez ajouter ces éléments à votre site vitrine plus tard. De plus, si vous voulez une boutique depuis le départ, un site e-commerce serait plus approprié pour vous. Si vous n’êtes pas sûr, il suffit de demander à votre agence web quel type serait préférable.

La base de votre présence en ligne

Le site web vitrine est composé des pages standards : Page d’accueil, page contact, à propos, services, etc. Il peut comporter une ou plusieurs pages. C’est un site cherchant d’abord et avant tout à informer l’utilisateur sur l’entreprise, l’organisme ou la personne qu’il représente. Par exemple, si votre site est un site d’affaires, il faut que votre page reflète votre mission professionnelle, les services que vous offrez et votre identité.

Approfondissons chacune des pages d’un site vitrine

Page d’accueil :

Page d’introduction et aperçue des autres pages du site. On devrait comprendre instantanément la mission et les services de votre entreprise ou de vous. Certains éléments accrocheurs devraient s’y retrouver afin d’attirer la curiosité et inciter la personne à aller plus loin dans le site.

Anatomie (ooh lala) de la page d’accueil:

• Grand titre ou slogan avec image attirante
• Logo de votre entreprise
• Un paragraphe à propos
• La liste de vos services
• Des témoignages
• Des appels à l’action (boutons)
• Les dernières nouvelles, événements, articles de blogues
• Une façon de vous rejoindre clairement et à plusieurs endroits

Page à propos :

Page de l’identité de votre entreprise, votre âme. C’est là que vous vendez l’idée de votre organisation, vos valeurs, vos qualités, l’équipe. C’est le moment de vous vendre, parler de vos exploits et de vos réussites.

Anatomie de la page à propos:

• Votre histoire d’entreprise
• Présentation des employés, actionnaires, fondateurs, associés, etc.
• Vos valeurs
• Quelques exploits ou qualités
• Votre fonctionnement
• Guides et normes

ATTENTION :

Ne faites pas votre « pitch » principal sur cette page, les gens vont rarement la lire. Le «À propos» sert de complément au texte déjà présent sur votre page d’accueil. Si votre discours sur votre accueil est bien récité, il attirera les gens à aller lire plus.

Dans votre court texte «à propos» présent sur votre page d’accueil, on devrait retrouver les tendances actuelles d’achats de vos clients potentiels ou des éléments vitaux qu’ils recherchent. Les mots clés à y retrouver sont courts et clairs: local, bio, végane, service rapide, abordable, humain, expertise, entreprise familiale etc.

Gardez le tout en mots clés courts et évocateurs. La page d’accueil n’est pas l’endroit pour écrire que votre entreprise a été fondée en 1932 à Mascouche alors que votre père mangeait un ragoût. Ne gardez que l’essentiel : entreprise familiale locale d’expérience. Les détails de votre histoire se retrouveront sur votre page À propos.

Page services :

C’est l’endroit où vous listez vos services, s’il y a lieu. Dans la liste de vos services, garder en tête que vous voulez inciter la personne à vous rejoindre. Une fois que le contact sera fait, il vous sera possible de lui faire l’éloge de vos connaissances et de vos produits. Écrivez en gardant en tête que vous répondez à un besoin d’abord. Exemple : écrire “Vous avez des fuites d’eau au sous-sol? Nous avons la solution!” Plutôt que : “Service de réparations de fissures”.

En mettre trop sur cette page peut parfois vous nuire. Restez concis et ne tentez pas de mettre 20 services qui se ressemblent. Si les gens sont confus en lisant votre page, ils passeront leur chemin. Liez le tout à une page contact.

Page contact :

bien, c’est là que vous mettez vos coordonnées… C’est pas mal ça. Mais c’est suuuuuper important!

Si vous n’êtes toujours pas sure que le site vitrine est le type qu’il vous faut, on présentera prochainement le site cybercommerce ou boutique en ligne pour ceux qui veulent une plateforme capable de prendre en charge chaque étape de la vente d’un produit, le suivi du client, de la description à l’envoi postal.

C’est certain qu’il serait intéressant de tous les faire, mais parfois, il vaut mieux être excellent dans moins de choses qu’être “meh” dans un peu de tout. Vous verrez quand même que l’essentiel est couvert et que l’on offre ce qui est pertinent à nos clients principaux, en région en 2021. Tout se peut mais à moins d’avoir les ambitions de Zuckerberg, vous aurez juste besoin d’un beau, bon site, simple à utiliser.  Nous, notre désir aujourd’hui est de vous parler de types de site web en formule “speed dating”! Alors rencontrons nos candidats…

Les candidats du speed dating de types de sites web:

1. Site vitrine

Présentation : Le site vitrine est un site de base (d’une ou plusieurs pages) axé sur la diffusion d’informations ou de contenu afin de faire connaître une entreprise, un particulier ou une cause.

Il aime les promenades en bord de mer et les soupers aux chandelles

Il cherche n’importe qui cherche à avoir une présence en ligne afin de passer   un message, se faire connaître ou pour rapatrier ses liens de réseaux sociaux
à un même point focal

Avantages : Flexible, beaucoup d’options, possibilité d’autonomie variable

Vie professionnelle : Organisme communautaire, entrepreneurs de services, entrepreneurs, particulier, corporatif, social

2. Site e-commerce

Présentation: Ce site commercial sert de point de vente de biens ou de services.

Il est transactionnel et requiert la présence d’une boutique.

Il cherche les commerçants voulant vendre leurs produits ou services directement en ligne.

Avantages : Réduire vos coûts d’exploitation, suivre vos clients, améliorer votre expérience client et étendre votre portée.

En plus, qu’on se le dise, les gens aiment magasiner en pyjama alors une boutique en ligne est une bonne façon de répondre à la demande.

Vie professionnelle: Boutique, magasin, grossiste, artisan, artiste

3. Site blogue

Présentation: Le site blogue que l’on peut facilement mettre à jour en ajoutant des articles, des textes, des cours ou ateliers, etc. C’est principalement une plateforme de diffusion de blogues.

Il cherche les entreprises avec une mission d’information, de conscientisation ou d’éducation. Parfois, même un particulier avec un amour démesuré pour les chats de porcelaine peut être motivé à créer un blogue personnel sur le sujet.

Avantages : Facilement modifiable, autonomie presque complète, personnalisable

Vie professionnelle : Particuliers, influenceur, organismes avec mission de conscientisation ou éducation, entreprises spécialisées, groupes sociaux

4. Site portfolio

Présentation: Le site portfolio met de l’avant d’abord des images. C’est un site où il se trouve peu de texte et qui contient une galerie.

Il cherche les gens dont le curriculum est visuel, les commerces cherchant à montrer une ambiance, une impression visuelle de leurs articles. Cela peut servir aussi à simplement diffuser les exploits ou les créations et il peut être jumelé à un site boutique. Pour un particulier dans les domaines visuels, ce site peut même servir de curriculum.

Avantages : Visuellement agréable si les photos sont bien choisies. Offre une belle mise en marché. Se démarque.

Vie professionnelle : Photographes, coiffeurs, entrepreneurs créatifs, artistes, graphistes/agences (hihihi), particuliers voulant mettre de l’avant une approche visuelle, restaurateurs

5. Site crowdfunding

Présentation : polyvalent, il permet de recueillir de l’argent sans nécessairement requérir à une boutique. Cela se fait alors sous forme de dons ou de levée de fond.

Il cherche les organismes à but non lucratif, les particuliers en besoin de financement, les lancements d’entreprises ou de produits, les levés ou évènements temporaires pour une cause particulière

Avantages : Peut être très simple. Il crée parfois un engouement autour de la cause et entraîner beaucoup de dons.

Vie professionnelle : Hôpitaux, organismes, organismes religieux, causes sociales, causes environnementales, évènements, nouvelle entreprise ou produit en recherche de financement, organisation culturelle, évènements virtuels avec billetterie

Il a le cœur sur la main

Plus à venir prochainement:

En conclusion, peu importe votre projet de site web, sachez qu’il existe surement une sorte de site pour vous. Les types de sites web dont a fait la liste ci-haut ne sont que la pointe de l’iceberg.

Ça a passé trop vite et vous aimeriez redécouvrir ces perso… euh site? Dans les prochaines semaines, on va publier un article par type de site afin de vous donner plus d’informations sur ce qu’ils peuvent accomplir pour vous . Si l’un d’eux vous a tapé dans l’œil, ce sera le bon moment d’en savoir plus et de prendre son numéro.

C’est là que les boutons ou appels à l’action entrent en jeu. Attrayants, colorés, pertinents et réactifs, ils sont les guides de navigation de votre utilisateur. Les gens vont sur un site pour FAIRE quelque chose. Ils vont y chercher de l’information, certes, mais toujours dans le but d’éventuellement accomplir quelque chose (prendre rendez-vous, faire un don, acheter quelque chose ou découvrir les prochaines activités). Et s’ils n’avaient pas l’intention d’acheter quelque chose, c’est le travail des boutons de les influencer vers un achat ou un appel de service à partir de votre site web.

Ce qui constitue un bon bouton :

1. Clarté

Premièrement, la forme se doit d’être clairement faite pour être cliquée : plus foncée ou pâle que le reste, bien placée et d’une forme contrastée.

Les mots choisis doivent porter vers l’action, être courts et simples. Si la personne ne peut pas s’imaginer exactement ce qui va se passer, elle ne cliquera pas sur le bouton. Pas de vocabulaire à la Bernard Pivot ici!

2. Emplacement.

Deuxièmement, les boutons de site web doivent être stratégiques. Vous voulez créer un rythme sur votre site en implantant des boutons à des endroits où vous croyez que votre auditoire voudra passer à l’action ou en savoir plus. Il ne faut pas trop en mettre, vous ne voulez pas donner de l’acné à votre site. Mais un manque de bouton peut aussi vous nuire si lorsque votre usager tente de passer à l’action, il doit retourner en haut de la page. C’est très frustrant.

Il y a des boutons d’action rapide (qui se retrouvent au début de votre page pour les personnes connaissant votre interface) et des boutons-guides (qui permettent aux gens, au fil de leur navigation, d’entrer en interaction avec les différentes parties de votre site).

Vous ne voulez pas mettre un bouton d’action rapide au milieu de votre page d’accueil. Par exemple, « Faire un don » à la moitié de la page.

3. Réactivité.

Troisièmement vous voulez donner une récompense instantanée à votre utilisateur en lui indiquant qu’il a posé une action qui a causé une réaction. Un changement de couleur, d’opacité, de grosseur ou de contour indique à la personne que son action a été remarquée et que quelque chose va se produire. Cela fait partie de l’expérience utilisateur (UX) et est primordial pour la satisfaction du client dans un contexte numérique.

ALLER PLUS LOIN :

Pourquoi est-ce important pour un entrepreneur de comprendre la pertinence des boutons? N’est-ce pas le travail de l’agence Web de les placer? Touché… mais bien souvent la rédaction Web est laissée à l’entreprise. Qui de mieux pour définir la mission et les valeurs qu’elle veut mettre de l’avant dans son site? Or, bien souvent, la rédaction met de côté la pertinence des boutons dans la lecture.

Chaque bloc de texte important devrait mener à une action (bouton) et l’écriture de ceux-ci devrait être élaborée dans ce sens. Nous avons même un guide de rédaction qui peuvent vous aider à concrétiser votre approche de rédaction web!

Les noms de boutons

ACTION D’ACHAT

Ajouter au panier / Acheter maintenant / Passer à la caisse / Continuer la transaction

Ce que les gens anticipent : accès aux informations d’achat, aux produits, accès à la facture et les informations d’envoi postal.

ACTION D’ACQUISITION :

Télécharger / Mettre à jour / Ouvrir / Imprimer

L’anticipation des gens: la boîte de téléchargement s’ouvre, permettant de voir les dossiers et de placer le document au besoin.

ACTION D’ABONNEMENT :

Essayez maintenant / Un mois gratuit / Abonnez-vous / Inscrivez-vous / S’inscrire à l’infolettre

Ce les gens anticipent : redirection vers un formulaire d’entrée d’informations personnelles. Soyez répétitif et précis tout au long des étapes d’abonnement.

LIENS RÉPONSE :

Lire plus / Plus d’infos / En savoir plus / + / Découvrir

Les usagers s’attendent à : accès à une page connexe (Qui suis-je, Mission, FAQ). Il faut qu’ils se posent une question et vous devez leur fournir la réponse. C’est un bouton pour recevoir plus d’informations. Les gens n’aiment pas lorsque ce bouton, sensé répondre à leur question, est en fait un bouton dissimulé de contact. Si c’est le cas, soyez précis quant à la destination. Exemple: Vous voulez en savoir plus? «contactez-nous!»

LIENS DIRECTIONNELS :

Poursuivre / Continuer / Suivant / Précédent

Ce que les gens anticipent : dans un formulaire par exemple, ils s’attendent à passer à l’étape logique suivante ou à confirmer les informations. Lors de la dernière page à remplir, soyez clair : Terminer / Conclure / Confirmer

LIENS DE RÉSEAUX SOCIAUX :

Partager / Aimer / Suivre / Facebook / Instagram

Ce que les gens anticipent : redirection vers le réseau social ou vers des options de partage.

LIENS CONTACT :

Contact / Écrivez-moi / Prenez rendez-vous

Les usagers anticipent : redirection vers une boîte de texte et information de contact, coordonnées, etc.

Quelques types de boutons Web

Bouton simple (CTA)

FAB (floating action button) Bouton flottant
(fréquent en mobile)

Bouton fantôme

Texte servant de bouton

Bouton interrupteur

Bouton icône

En conclusion, les boutons web sont un des aspects les plus importants de l’interface utilisateur (UI) et servent à diriger les déplacements et les interactions de l’usager. Il est parfois complexe pour les gens de cerner l’importance de ceux-ci puisque la plupart de nos interactions quotidiennes avec des boutons se font de façon subliminale. Mais savez-vous ce que ça veut dire? Ces boutons fonctionnent! Si vous n’avez pas besoin d’y penser et que vous répondez au bouton instinctivement sans ralentir votre démarche, celui-ci est clair, fonctionnel et ergonomique. C’est ce qui différencie une boutique en ligne qui roule à plein régime d’une autre où les paniers se remplissent, mais les ventes ne se complètent pas.

Avec le train de vie que l’on mène de nos jours, les gens n’ont littéralement pas 3 secondes à perdre à comprendre où aller et quoi faire.

!!Cliquez le bouton, on le sait que vous le voulez…!!

Ce site est votre conquête parfaite si pour vous la vie c’est prendre des photos.

Avez-vous déjà été à un rendez-vous où la personne passe tout son temps à prendre des photos, des selfies, son assiette et vous parle à peine? Si vous êtes en fait cette personne, votre âme sœur sera probablement un site portfolio.

L’Instagram des sites web, ce site sert à concevoir de magnifiques galeries afin d’y mettre tous vos exploits visuels. Artistes, peintres, coiffeurs, chefs, artisans, designers, dessinateurs, illustrateurs, photographes; tout ce qui se valorise davantage par des images est fait pour le site portfolio.

C’est une excellente façon d’afficher son talent!

Les photos

Bien que votre désir soit de mettre le plus de photos possible sur votre site, sachez qu’il est plus important de mettre de l’avant la qualité. Découvrez plus dans l’article sur les différents types de photos professionnelles et comment produire des images de qualité qui ajoutent de la valeur.

Anatomie des pages

Page d’accueil:

• Présentation personnelle
• Mettre de l’avant l’ambiance et quelques photos qui donnent le goût d’aller plus loin
• Valeurs, éléments graphiques personnels, mots clés montrant votre personnalité
• Informations pertinentes sur ce que vous vendez ou promouvez: votre menu, vos forfaits, vos tarifs,
• Vos dernières réalisations, nouvelles, évènements, etc.
• Vidéos de vous en action
• Contact

Page galerie:

• Images de vos projets, produits, de votre établissement, de vous etc.
• Un titre pour chacun caché ou visible)
• Une description
• La possibilité de changer d’image sans devoir sortir du mode grande image
• Mode de tri par mots clés (facultatif)
• Contact

En conclusion, plusieurs plateformes sociales offrent déjà des options de diffusion de portfolio. Ce sont des réseaux qui vous permettent d’entrer en contact avec d’autres professionnels de votre domaine, de partager des projets, de s’inspirer et de recevoir des retours facilement sur ce que vous publiez. Ces sites devraient diriger les gens vers votre site portfolio personnel. C’est une des façons les plus faciles de vous faire connaître et d’engendrer du trafic sur votre page.