SARL Hervé Père & Fils : Création d’un site vitrine

Votre site idéal ressemble à celui-ci ?

Faites appel à PG Concept pour la réalisation d'un site WordPress professionnel, attrayant, sécurisé et performant.

Parlons-en !

Contexte

Magali et Stéphane gèrent SARL Hervé Père & Fils, une entreprise de plomberie, électricité et chauffage dans le Morbihan. Il s’agit d’une entreprise familiale établie depuis près de 50 ans, mais à laquelle il manquait une véritable visibilité sur le web. Cela devenait de plus en plus crucial considérant un déménagement récent des locaux du Bono vers Baden et donc une réelle nécessité de toucher une nouvelle clientèle locale.

Cahier des charges

Magali et Stéphane souhaitaient un site web vitrine pour :

• Présenter l’entreprise de façon claire
• Détailler les services proposés (plomberie, électricité, chauffage)
• Faciliter la prise de contact par les clients

De plus, Magali et Stéphane n’ayant aucune connaissance en administration de site web, il était essentiel de mettre en place une interface simple et intuitive.

Enfin, un design cohérent sur l’ensemble des pages était demandé.

Déroulement du projet

Choix techniques

Comme souvent, j’ai proposé de créer le site sous WordPress. De plus, le lancement officiel de Divi 5 étant annoncé comme imminent, c’était l’occasion de mettre à profit les améliorations et nouveautés de cette version.

Afin de simplifier au maximum la modification de contenus, j’ai également utilisé mon plugin maison PG Encarts.

Structure du site

Le site adopte une structure optimale pour une entreprise locale :

• Une page d’accueil destinée à être le point d’entrée principal et incluant des liens vers les autres pages.
• 3 pages Services (Plomberie, Electricité, Chauffage) sur un modèle identique incluant le détail des prestations, des preuves sociales ainsi qu’un appel à action clairement identifiable.
• Une page A propos destinée à la réassurance.
• Une page Contact pour générer des leads.
• Et bien sûr les pages RGPD obligatoires : Mentions légales et Politique de confidentialité (+ Politique de cookies).

L’en-tête (header) et le pied de page (footer) sont quant à eux conçus de façon à faciliter la navigation.

Charte graphique

J’ai proposé à Magali et Stéphane une palette de couleur volontairement restreinte à 3 couleurs principales, cohérentes avec le logo de l’entreprise.

Ces couleurs se retrouvent aussi bien dans le menu de navigation qu’en fond de certaines sections ayant vocation à être mises en avant.

D’autre part, des polices de caractères libres de droits facilement lisibles ont été retenues : Montserrat pour les titres et Poppins pour les corps de texte.

Sécurité

Comme à mon habitude, j’ai appliqué les mesures suivantes pour limiter au maximum les risques de piratage :

• Mise en place d’un pare-feu applicatif (WAF : Web Application Firewall)
• Définition des entêtes HTTP de sécurité
• Déport des URL de connexion au tableau de bord WordPress
• Mise en place d’un “pot de miel” pour le formulaire de contact afin de limiter le spam par robots

Performances

La vitesse de chargement des pages est un facteur crucial, aussi bien pour retenir les visiteurs que pour optimiser le référencement naturel.

Les mesures réalisées sont le reflet des efforts déployés.

Référencement naturel

Magali et Stéphane n’ont pas souhaité bénéficier d’une optimisation SEO avancée. Mais il était hors de question pour moi de livrer un site ne respectant pas a minima les bonnes pratiques en la matière :

• Méta-données optimisées
• Structure de titres
• Utilisation de balises ALT pour les images
• Maillage interne
• Travail de mots-clés locaux tels que “plombier à Baden”

Bien sûr, le site n’ayant été mis en ligne qu’il y a quelques jours, il n’apparaît actuellement pas en 1^ère page des résultats de recherche. Mais il y a fort à parier que cela viendra à brève échéance.

RGPD

J’ai comme d’habitude mis en place une conformité RGPD stricte :

• Page Mentions légales
• Page Politique de confidentialité
• Page Politique de cookies
• Bannière de consentement aux cookies, avec respect du non-consentement

Bonus

A l’occasion de ma première rencontre avec Magali et Stéphane, mon véhicule est tombé en panne et rentrer chez moi s’avérait compliqué. Stéphane a eu la gentillesse de me proposer spontanément de me déposer à mon domicile.

J’ai tenu à gratifier ce beau geste d’un bonus qui n’était pas inclus dans mon devis. En plus des pages et fonctionnalités demandées, j’ai ainsi mis en place des développements spécifiques permettant la publication d’offres d’emplois. Les Hervé m’avaient en effet fait part de leurs difficultés récurrentes à recruter.

Cette fonctionnalité a été pensée pour être le plus simple possible. Il suffit de renseigner le titre du post, le texte de l’annonce et les champs personnalisés.

La page Recrutements n’apparaît dans le menu de navigation que s’il y a au moins 1 recrutement en cours. Dans le cas contraire, elle est masquée.

Un aperçu du site

Voici comment se présentent les principales pages du site (survolez-les pour les faire défiler) :

Suites du projet

Comme à mon habitude, j’ai proposé à Magali une formation à l’utilisation du site. Cette dernière s’est déclarée agréablement surprise de la facilité de prise en main, notamment grâce au système d’encarts. Et le bonus “Recrutements” a été extrêmement bien accueilli !

Pendant 1 mois, je reste à la disposition des Hervé pour tout besoin éventuel d’assistance ou de dépannage.