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.

1. UI

Le premier terme web est UI (user interface ou interface utilisateur). C’est tout ce qui est visible et vous permet d’interagir (le tableau de commande d’une voiture par exemple). Dans le cas du Web, cela se traduit par les boutons, les liens, les icônes, la navigation etc. Sont-ils visibles, clairs, pertinents? Il va de soi que l’interface se doit d’être hiérarchisée afin d’être facilement navigable. C’est d’abord l’attrait visuel et la compréhension qui sont primés dans le UI.

2. UX

(user expérience ou expérience utilisateur)

C’est ce qui compose la réactivité des éléments d’interface lorsque l’utilisateur interagit avec ceux-ci (bouton qui allume ou grossi lorsque l’on passe par-dessus indiquant qu’on peut cliquer dessus, changement de couleur lorsque l’on a déjà interagi avec un élément, bouton d’achat clairement indiqué menant à une vente aisée, etc.). C’est aussi le son, l’apparence, la sensation, bref toute l’expérience lorsque l’on utilise une interface. Cela peut aller jusqu’au toucher dans le cas d’un emballage. Le UI et le UX se doivent de travailler ensemble pour offrir une expérience agréable à l’utilisateur. Le meilleur équilibre UI / UX est celui qu’on ne perçoit pas, il se fait naturellement et on ressent alors une sensation de satisfaction.

ALLONS PLUS LOIN : Le UX et le UI ne se limitent pas qu’au Web. Bien que cela soit une partie intégrante de l’utilisation d’une page Web ou d’une application mobile, les UX/UI se retrouvent dans votre vie de tous les jours : votre voiture, un produit, vos appareils ménagers, sur la route, les emballages, les jeux vidéo, etc.

Si vous le voyez et que vous pouvez interagir avec, il y a de bonnes chances qu’une stratégie d’utilisation avec votre expérience en tête ait été pensée. Si vous enragez à l’idée d’utiliser votre laveuse: c’est probablement un mauvais UX ou UI… ou peut-être juste le lavage qui n’est pas très enrichissant

3. Plugin ou extension

C’est un ajout à un site qui augmente les fonctionnalités de celui-ci. Par exemple, si vous voulez mettre une vidéo sur votre site, mais que le code de celui-ci ne contient pas cette option, vous aurez besoin d’installer une extension qui le permettra.

4. Nom de domaine et hébergement

Votre nom de domaine est le nom par lequel les gens peuvent vous retrouver en ligne. C’est aussi un nom unique qui vous identifie en ligne lorsque vous êtes hébergé. L’hébergement vous permet de placer votre site en ligne comme une location d’espace.

5. URL

Semblable au nom de domaine, c’est en fait l’adresse de votre site Web. Votre http://www. Cela peut être la même chose que votre nom de domaine, mais cela peut aussi être différent. Par exemple, si votre nom de domaine est « rosasmithfleuriste », mais votre URL est http://lesfleursderosa.ca.

6. Backlink

Ce sont des sites qui réfèrent à votre site. C’est BON pour votre référencement de créer des liens sur les sites d’autres entreprises vers votre site.

7. Bounce rate ou taux de rebond

C’est le nombre (en % ou en nombre) d’utilisateurs qui arrivent sur votre site et repartent presque immédiatement. C’est un bon indice de l’engouement et du fonctionnement de votre site. Un haut taux de rebond est un signe que votre site soit possiblement lent ou qu’il manque de clarté.

8. SEO, SEM et référencement

SEO = Search Engine Optimization (optimisation des moteurs de recherche)

SEM = Search Engine Marketing (marketing des moteurs de recherche)
Le SEO et le SEM contribuent au référencement.

Référencement = Le niveau de visibilité de votre site sur les moteurs de recherche

Pourquoi est-ce important? 93 % des utilisateurs Internet passent par un moteur de recherche pour trouver un site*. Si votre site n’est pas vu, il ne sera pas visité.

9. Applications

C’est un logiciel que l’on peut installer sur notre téléphone intelligent, notre ordinateur, tablette, télévision ou autre appareil intelligent. On fait le plus souvent référence aux applications mobiles. Une application, en général, effectue une tâche précise ou quelques tâches connexes, mais elle se doit d’être pertinente et facile d’utilisation.

10. Bande passante

C’est le volume d’information qui est transmis à la seconde. Plusieurs bandes passantes travaillent en même temps pour afficher votre site : l’ordinateur sur lequel vous regardez le site, le serveur d’hébergement et le fournisseur Internet.

11. Below the fold (sous le pli)

Le « fold » (pli) est le rebord inférieur de l’entête de votre site. « Below » (en dessous) réfère à tout ce qui se trouve en dessous de votre entête lorsque les gens descendent dans la page.

12. Browser, fureteur ou navigateur

C’est le logiciel vous permettant d’atteindre et d’afficher Internet. Il en existe plusieurs qui possèdent leur propre interface et option de navigation : Chrome, Edge, Firefox, Safari, etc.

13. Cache

C’est un espace de stockage de données temporaires sur votre ordinateur vous permettant d’afficher une page Web plus rapidement. Lorsque vous visitez un site pour la première fois, un dossier de stockage temporaire (variables, certains sont de 24 heures, d’autres quelques mois) se crée sur votre ordinateur. Cela fait en sorte que le chargement de page est plus rapide lorsque vous retournez sur la page.

14. Cookies ou témoins de navigation

Mmmm… des biscuits. Mais non! Ceux-là ne peuvent être mangés. Ce sont les témoins Internet (HTTP cookie) et ce sont des données qui vous suivent pour que le site se souvienne de vous et qu’il garde vos préférences en mémoire. Cela automatise certaines commandes, par exemple lorsque vous vous connectez automatiquement à votre compte sur certains sites que vous utilisez souvent.

15. Lorem Ipsum

Si vous avez posé les yeux sur une maquette Web, vous y avez certainement vu du fameux Lorem Ipsum. C’est un texte de substitution qui permet de visualiser l’espace qu’occupera l’information. On peut alors calculer la quantité de texte et déterminer la meilleure taille possible. Cela aide à évaluer la lecture lors des tests d’affichage sur mobile.

Comme vous avez pu le constater, il y a beaucoup de termes Web qui sont en anglais. C’est le langage universel, pas juste parce que c’est une des langues les plus répandues dans le monde, mais aussi parce que c’est le langage universel des communications radio, de l’aviation, du code informatique, du commerce, des affaires, de la musique et j’en passe.

Tout ça remonte aussi loin que la montée de l’Empire britannique et américain, mais on ne vous fera pas un cours d’histoire. Tout ça pour dire que vous risquez d’entendre ces mots en anglais la plupart du temps : spam, hashtag et SEO seront beaucoup plus utilisés que pourriels, mots-cliques et optimisation des moteurs de recherche.

Il faut donc nous aider et aider vos clients en intégrant vos articles d’une façon cohérente dans votre site web. Contrairement aux allées de magasin, la signalisation en ligne est souvent invisible et il faut donc intégrer les mots clés à chaque étape de développement du site e-commerce. Si la nomenclature des photos est concise dès le départ, on a moins de chance de commettre des erreurs en mélangeant les pommes avec les bananes.

Lorsque l’on feuillette une montagne de fichiers, les informations sont classées du plus vague au plus précis. Le tout devrait être écrit d’une façon logique avec les données que l’on risque de chercher plus tard (type de produit, la marque, les caractéristiques physiques ou techniques, le modèle, la couleur, etc.).

Mise en situation

Nous avons fait une page web e-commerce sur laquelle se retrouveront des produits divisés en catégories. Nous parlerons de fruits pour le bien de la cause.

Alors nous avons 2 catégories de fruits qui contiennent des marques différentes et des codes spécifiques. Comment nommerions-nous ces éléments? (on dirait presque un problème mathématique de l’école primaire…)

PAS DE PANIQUE!! Nous avons des données, il ne reste qu’à les classer…

D’abord, n’ayez pas peur de faire des dossiers pour mettre vos fichiers. Commencez par le plus vague et précisez, retenez et listez les éléments pertinents :

TRUC ET ASTUCE:

• Évitez les majuscules dans les noms de FICHIERS (les dossiers peuvent être en majuscules).
• Ne mettez jamais d’espaces, d’accents ou de symboles; cela peut créer des problèmes.
• Utilisez les «–» pour séparer les mots.
• Essayez de limiter vos dossiers sur votre bureau à 5 et videz votre corbeille tous les soirs pour éviter les mouches. Ha! et videz la corbeille de l’ordinateur aussi…

Pourquoi est-ce important de bien nommer ses photos?

• C’est bon pour votre référencement
• Cela vous coutera moins cher en temps d’intégration
• Il sera plus facile de retrouver vos images dans le futur
• Vos données seront plus facilement transportables en cas de migration
• C’est plus beau, tout simplement ?