Catch-Relax.com

Survol du projet

À la suite du rachat de la compagnie de location et d’expédition en yacht Catch & Relax, le nouveau propriétaire m’a mandaté pour améliorer l’apparence du site web, analyser les performances du domaine et optimiser le SEO.

Nous avons convenu d’une approche évolutive, en ajustant le site progressivement afin d’optimiser sa visibilité sans compromettre les acquis du domaine.

Cependant, un différend avec le créateur du site original nous a obligés à repartir de zéro, en réutilisant uniquement le contenu existant.

Le projet s’est principalement déroulé sur deux semaines, avec un focus sur l’accessibilité, la rapidité de chargement et la sécurité du site WordPress. Les améliorations visuelles sont prévues dans une prochaine phase, juste à temps pour la haute saison touristique au Costa Rica.

L’image de marque actuelle est solide et inspirante, offrant une excellente base pour la future évolution du projet.

Objectifs et défis du projet

L’ancien site web présentait plusieurs problèmes techniques majeurs. Les pages affichaient des temps de chargement élevés et l’accessibilité était insuffisante. Aucun système de cache n’était en place, ce qui entraînait un rechargement constant des feuilles de style, des images et des éléments répétitifs tels que les en-têtes et les pieds de page.

Sur le plan du contenu, bien que la qualité de l’information soit présente, le site n’était pas optimisé pour le référencement naturel. Par exemple, les mots-clés étaient pertinents, mais les titres n’étaient pas correctement balisés avec les balises structurantes (<h1> à <h6>) et leur hiérarchie laissait à désirer, ce qui nuisait à la visibilité sur les moteurs de recherche.

Interventions réalisées

J’ai repris le contenu existant et procédé à une refonte complète de la mise en page. Cette décision audacieuse a rapidement porté ses fruits. Quelques semaines seulement après la mise en ligne — en pleine basse saison touristique — le site a généré suffisamment de trafic organique pour que le client puisse cesser ses campagnes de SEM et s’appuyer uniquement sur le SEO. L’impact a été notable, au point où le propriétaire a constaté une augmentation importante de la demande.

Un autre objectif clé était de simplifier la gestion du contenu pour le responsable de l’entreprise. J’ai donc choisi WordPress comme plateforme, permettant une mise à jour rapide et facile, une sécurité renforcée et une optimisation efficace grâce aux plugins adaptés.

Gestion technique

J’ai également assuré la migration complète du projet vers les serveurs du client :

  • Transfert du registrar
  • Création et migration des adresses courriel
  • Configuration des DNS
  • Mise en ligne rapide et efficace

Ces actions ont permis de centraliser l’ensemble des éléments liés au projet et d’offrir une solution stable, performante et facile à maintenir.

Recherches et stratégies

Analyse de la concurrence

Les informations recueillies proviennent principalement des échanges avec le client, qui possède une connaissance approfondie du marché local. Bien que la région présente une certaine concurrence, celle-ci reste indirecte. Plusieurs entreprises offrent des services similaires, mais avec des distinctions notables en termes de prix et de type d’expéditions.
Par exemple :

  • Un concurrent propose uniquement des sorties en catamaran, sans offrir de croisières en yacht.
  • Un autre organise des croisières de grande capacité, pouvant accueillir jusqu’à 100 personnes par sortie.

À l’inverse, le service de mon client se distingue par des expéditions privées destinées à de petits groupes, offrant une expérience plus exclusive et personnalisée.

Personas et parcours utilisateur

Le développement des personas et des parcours utilisateurs en est actuellement à ses débuts. L’installation de Google Analytics permet déjà de récolter des données pertinentes sur les visiteurs du site : leur provenance, leur comportement de navigation, leurs clics et leurs interactions. Toutefois, aucune carte de chaleur (heatmap) ni analyse comportementale approfondie n’ont encore été mises en place à ce stade.

Branding et identité visuelle

L’identité de marque était déjà bien définie au moment de la refonte du site. Le logo et la palette de couleurs existants ont servi de base pour établir la nouvelle direction visuelle. J’ai veillé à conserver une cohérence visuelle forte tout en adaptant le design aux nouvelles exigences fonctionnelles.

Priorité au SEO et à l’accessibilité

Comme dans la majorité des projets sur lesquels je collabore, le référencement naturel (SEO) et l’accessibilité ont été placés au cœur de la stratégie. Pour un site offrant des services touristiques, il est essentiel de maximiser la visibilité sur les moteurs de recherche tout en assurant une expérience inclusive et accessible au plus grand nombre d’utilisateurs.

Processus de design

Le processus de design a débuté par la création de wireframes réalisés à la main, de manière simple et rapide. Étant donné la structure relativement légère et intuitive du site, je n’ai pas jugé nécessaire d’investir beaucoup de temps à cette étape. L’objectif était avant tout de valider rapidement l’arborescence et l’organisation des contenus.

Les premières maquettes fonctionnelles ont ensuite été développées sur Figma. J’ai délibérément opté pour une mise en page épurée et aérée, afin de laisser toute la place au contenu et d’offrir une expérience utilisateur claire et agréable. Dès le départ, j’ai adopté une approche mobile-first, ce qui m’a permis de concevoir une interface optimale pour les petits écrans, avant de la faire évoluer graduellement pour les formats plus larges.

Comme je l’ai mentionné dans l’introduction de cette étude de cas, l’image de marque de l’entreprise était déjà bien définie et solidement implantée. Il n’était donc pas nécessaire de revoir cet aspect. Cependant, je m’en suis inspiré tout au long du processus afin d’assurer une cohérence visuelle et de renforcer l’identité de la marque à travers le design des différentes pages.

Dans une perspective d’efficacité et de gain de temps, j’ai choisi d’utiliser Bootstrap comme système de design de base. Ce cadre m’a permis de structurer rapidement le projet et d’accélérer le développement. J’ai ensuite personnalisé les composants et les styles afin de répondre précisément aux besoins et aux spécificités du site.

Développement

Le site a été développé sur la plateforme WordPress, choisie pour sa flexibilité, sa robustesse et la facilité de gestion qu’elle offre au client. Afin de garantir la performance et la sécurité du site, j’ai intégré plusieurs plugins stratégiques. Parmi eux, WordFence a été installé pour renforcer la sécurité et protéger le site contre les tentatives d’intrusion. J’ai également configuré Yoast SEO afin d’optimiser le référencement naturel des pages et d’assurer une meilleure visibilité sur les moteurs de recherche. Enfin, Contact Form 7 a été mis en place pour la gestion des formulaires, notamment celui dédié aux demandes de réservation.

Le thème du site a été entièrement conçu sur mesure, développé from scratch afin de répondre précisément aux besoins du projet, sans les contraintes souvent imposées par les thèmes préfabriqués. Pour la mise en page et la structure visuelle, j’ai utilisé Bootstrap comme base. Ce framework m’a permis de construire un système responsive et modulaire, que j’ai ensuite personnalisé pour assurer une parfaite cohérence avec la direction artistique du projet.

Tout le développement a été pensé dans une approche mobile-first, en priorisant l’affichage et la performance sur les appareils mobiles. Une attention particulière a également été portée à l’accessibilité du site afin de le rendre utilisable par le plus grand nombre, ainsi qu’à l’optimisation du SEO et de la vitesse de chargement des pages, pour offrir une expérience fluide et efficace à tous les visiteurs.

Résultats et impact

Il est encore un peu tôt pour observer des tendances claires et mesurer avec précision l’impact global des nombreuses améliorations apportées au projet. De plus, aucun indicateur de performance n’était disponible concernant l’ancien site, ce qui rend les comparaisons directes difficiles.

Cependant, certains résultats concrets se sont déjà manifestés. Nous avons constaté une augmentation significative des appels et des prises de contact par courriel de la part des clients. Cette hausse a été suffisamment marquée pour que le client décide de cesser toutes ses campagnes SEM afin de concentrer ses efforts exclusivement sur le référencement organique (SEO), jugé plus efficace et rentable. Fait intéressant, malgré la période correspondant à la basse saison touristique, le client a connu une fréquentation bien au-delà de ses attentes, réalisant pratiquement des sorties quotidiennes.

Pour l’instant, les bénéfices les plus mesurables concernent la performance technique du site, notamment une nette amélioration des temps de chargement des pages ainsi qu’une meilleure accessibilité pour tous les utilisateurs. Ces optimisations contribuent directement à une expérience utilisateur plus fluide et plus agréable, en plus de renforcer la crédibilité et la visibilité du site auprès des moteurs de recherche.

Leçons acquises

Ce projet a été extrêmement enrichissant à plusieurs niveaux. Il m’a permis de consolider et de rafraîchir mes connaissances avec Google Ads, tout en m’offrant l’opportunité d’approfondir mes connaissances sur le secteur des expéditions maritimes et sur la région du Costa Rica. Un autre aspect dont je suis fier est d’avoir réussi à livrer l’ensemble du projet dans des délais plus courts que mes mandats habituels, tout en maintenant un haut niveau de qualité.

J’ai particulièrement apprécié travailler sur un projet pensé dès le départ pour être évolutif. Avoir la liberté de construire et de faire évoluer un design system progressivement, tout en l’améliorant au fil des besoins et des étapes, a été une expérience très motivante et formatrice.

Le client a d’ailleurs souligné son appréciation pour le style minimaliste que j’ai adopté, qui permet de mettre en valeur le contenu et les visuels, notamment les superbes photos de bateaux naviguant sur des eaux bleu azur. D’ailleurs, après avoir travaillé si étroitement sur ce projet, je dois avouer que l’envie m’a traversé l’esprit d’aller découvrir cette magnifique région en personne !

Pour un aperçu du projet, visitez le https://catch-relax.com