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

 

types de sites web vitrine

 

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

 

types de sites web e-commerce

 

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

 

types de sites web blogue

 

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

 

types de sites web portfolio

 

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

 

types de sites web crowdfunding

 

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.

types de sites web

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)

a quoi servent les boutons de site web

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

a quoi servent les boutons de site web

Bouton fantôme

a quoi servent les boutons web

Texte servant de bouton

a quoi servent les boutons de site web

Bouton interrupteur

a quoi servent les boutons de site web

Bouton icône

a quoi servent les boutons de site web

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…!!

a quoi servent les boutons de site web

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.

site web portfolio