Yabawt

Saint-Astier – Maître chaufournier, l’authenticité d’un savoir-faire

Saint-Astier cultive depuis 4 générations son savoir-faire artisanal de Maître Chaufournier et sa parfaite maîtrise de la fabrication de la chaux hydraulique naturelle.
Cette entreprise familiale mise depuis près de 100 ans sur une innovation constante afin de permettre de répondre aux enjeux de demain et maintenir la chaux hydraulique naturelle comme le matériau naturel du futur.
Fort d’un gisement quasi inépuisable de ce matériau pur et inimitable sur le bassin de Saint-Astier en Dordogne, l’entreprise peut assurer une constance dans sa production et son intervention sur les besoins de rénovation, conservation, réparation et construction.Depuis maintenant 100 ans Saint-Astier perpétue son savoir-faire et sa démarche d’innovation, affirmant ainsi sa renommée mondiale et son excellence dans le domaine de la conservation du Patrimoine Bâti.

Année

2018

Mission

Analyse du besoin
Accompagnement SEO
Création de maquettes
Développement du site

Client

Saint-Astier

Prestations réalisées

Problématique et objectifs

L’étude stratégique menée en amont de la refonte du site a permis d’identifier plusieurs points bloquants qu’il fallait traiter simultanément et de manière cohérente :

  • L’ancien site de Saint Astier était un site vitrine à contenu brut sans réel discours commercial.
  • Le site n’apportait pas de solution rassurante et n’avait pas vocation à convertir
  • La prise de contact n’était pas mise en avant, ni personnalisée
  • Les produits n’étaient pas suffisamment attractifs
  • Le site ne répondait pas non plus aux normes UX actuelles
  • Le site n’était pas ou peu visible dans les résultats de recherche de Google

Pour répondre à ces problématiques, des recommandations ont été apportées en termes d’UX et de référencement naturel, basées sur une stratégie concrète. L’objectif de cette refonte était donc de replacer l’expérience utilisateur au cœur du parcours de navigation, de la phase de recherche des produits et services de la marque sur internet jusqu’à leur découverte sur le site.

Solutions mises en place

Un site actuel, dynamique et riche en contenus
Tout le design du site a d’abord été repensé pour obtenir un résultat plus moderne et moins statique. Nous avons également réalisé des maquettes en adéquation avec la charte graphique de la marque qui avait évolué.

Des produits revalorisés

Un gros travail de réflexion UX a été effectué sur les pages produits pour améliorer l’expérience utilisateur :

  • homogénéisation des visuels et caractéristiques produits
  • mise en place de filtres à facettes pour catégoriser les produits
  • mise en avant des avantages produits
  • ajout de documentations spécifiques à télécharger pour chaque produit
  • ajout d’un CTA pour inciter à l’action (prise de contact dans un premier temps)

Le site a également été pensé pour pouvoir facilement proposer un service e-commerce dans un second temps. En effet, si la première version de cette refonte de site devait uniquement permettre de trouver un produit et un distributeur, tout a été pensé pour que le site puisse facilement proposer un “ajout au panier” sans pour autant modifier l’expérience actuelle.

Des fonctionnalités mieux adaptées

Grâce à l’étude concurrentielle SEO réalisée nous avons pu hiérarchiser les différents concurrents en fonction de leur niveau de visibilité et de positionnement sur les thématiques de la chaux, des mortiers et enduits, et avons pu lister un ensemble de bonnes pratiques à appliquer pour la transition digitale de Saint Astier.

Des projections visuelles

Plusieurs éléments ont été ajoutés ou retravaillés pour améliorer la navigation comme par exemple :

  • une barre de recherche permettant d’afficher des résultats triés par catégories reprenant les différents onglets et univers du
  • site pour aider l’internaute à trouver la page la plus pertinente selon ses besoins
  • une carte dynamique des représentants qui affiche des résultats différents en fonction de la zone sélectionnée
  • des formulaires de contact spécifiques en fonction du besoin (demande de contact, inscription aux formations, etc.)

Des contenus optimisés

Une étude SEO a permis de livrer une arborescence complète du site avec la liste des pages à créer pour capter du trafic qualifié sur plusieurs expressions clés en adéquation avec le métier de Saint Astier.La refonte du site a par ailleurs permis de présenter aux internautes un très grand nombre de contenus de natures diverses :

  • informations produits et services dédiés
  • conseils d’application et supports techniques
  • réalisations et références de l’entreprise
  • formations proposées

Afin de présenter l’ensemble de ces pages de manière claire et structurée, un mega menu à trois niveaux a été mis en place, ce qui permet d’avoir une vue d’ensemble sur les grandes catégories du site et ce qu’elles contiennent sans trop alourdir la navigation.

Résultats obtenus

  • Le site de Saint Astier est désormais plus fluide, plus fonctionnel et reflète parfaitement les valeurs de l’entreprise.
  • Il est un bon support pour la commercialisation de ses produits et permet de capter de nouveaux prospects.

année

2019

mission

Refonte du site web

client

Gueuleton
Le repaire des Bons vivants
Créer une application de gestion complète et évolutive

Gueuleton, la nouvelle communauté des bons vivants, ceux “qui aiment la vie et le bon gras ! ”. Ainsi le décor est posé !

Le concept a vu le jour à Agen en 2013 par 3 copains ayant comme passion commune les produits du terroir, les repas à la bonne franquette et l’authenticité des vieilles traditions. Aujourd’hui, Gueuleton, c’est : 9 bars à vin dont le petit dernier s’est implanté dans la région Bordelaise, la réservation de tournebroche Gueuleton pour vos événements privés ou professionnels et un élevage de porcs Noirs gascons. Mais ce n’est pas tout, ils ont depuis peu une websérie intitulée “Terroirs de Gueuletons” où nous pouvons suivre leurs folles aventures à travers les campagnes françaises à la rencontre de bons vivants qui partagent leur goût du bien vivre et des bons gueuletons.

Les créateurs de Gueuleton ont fait appel à YABAWT pour la refonte de leur site internet pour une meilleure communication sur leur enseigne et une optimisation de leurs différents outils de gestion.

Analyse du besoin

La communauté des bons vivants ne fait qu’accroître, il est temps pour Gueuleton d’avoir un site web qui reflète leur état d’esprit : convivialité, authenticité et bien manger. Mais avant toute chose, la clé d’un projet réalisé dans les règles de l’art est l’élaboration d’un cahier des charges. C’est pourquoi, lors de notre échange avec les créateurs nous avons défini les périmètres du projet suivants :

  • Avoir un site qui illustre à la fois le savoir-faire de la gastronomie française et l’authenticité des produits de terroir
  • Optimiser l’expérience utilisateur pour réserver facilement en ligne une table dans un de leurs bars à vin
  • Mettre en place un tunnel de conversion pour développer la partie vente en ligne de leurs accessoires et fidéliser leur communauté
  • Illustrer les différents services à l’aide d’une galerie d’images et de vidéos, l’aspect visuel étant le point fort de la marque
  • Étendre leur visibilité et être davantage présents sur les réseaux sociaux
  • Élargir sa communauté à l’international en proposant un site multilingue
  • Performance et rapidité d’affichage du site pour favoriser la navigation de l’internaute et éviter toute forme de frustration
  • Concevoir un site compatible avec tous les types de navigateurs et en priorisant la version mobile (utilisateurs avec un usage de +50 % en mobile)

Mise en place de solutions adaptées

Suite aux problématiques soulevées précédemment, l’ensemble de l’équipe a travaillé à la mise en place de solutions optimales pour atteindre les objectifs établis pour la refonte du site Gueuleton.

Dans un premier temps, avant de faire l’état des lieux des solutions mises en place étape par étape, nous avons choisi le CMS (Content Management System ou Système de management de contenu) WordPress pour intégrer le site. Pour la bonne raison que son utilisation y est simplifiée et intuitive pour la personne qui animera le site par la suite et permet d’y intégrer bon nombre de modules complétaires (système de réservation, boutique en ligne…).

Une discours adapté à la cible

Le site s’adresse majoritairement aux particuliers il est donc primordial d’adapter son discours à leur égard tout en gardant leur ton très “franchouillard”. La cible est une clientèle de personnes attachées aux traditions, aux choses simples de la vie, leur budget est largement dédié à l’achat de produits alimentaires qualitatifs. Les objectifs des clients et/ou prospects sont : de pouvoir réserver facilement une table dans un des bars à vin, acheter des produits dérivés en ligne, recevoir rapidement un devis pour la réservation d’un tournebroche. Mais il ne faut pas pour autant lésiner les professionnels qui eux ont pour vocation de devenir une franchise. Le point commun entre tous reste omniprésent : la passion de la cuisine et l’art de vivre gastronomique.

Une navigation interactive

A l’ère où l’expérience utilisateur est au coeur des projets numériques, il était essentiel pour nous d’optimiser l’ergonomie du site de Gueuleton. Adapter l’interface aux besoins de l’utilisateur reste primordial si nous souhaitons l’accompagner dans sa navigation et lui donner les clés pour qu’il trouve facilement les informations souhaitées. Nous avons pour cela réfléchi à des éléments interactifs simples et intuitifs :

  • Un double menu qui comprend : un menu principal illustrant les services à mettre en avant (réservation, espace client, boutique, réseaux sociaux) et le menu burger pour les plus curieux ayant besoin d’informations complémentaires et une liste détaillée des autres catégories du site.
  • Une carte de la France graphique et esthétique, avec la géolocation des différents bars à vin. Les différents marqueurs sont interactifs afin d’inciter l’utilisateur à cliquer et qu’il puisse avoir une fiche descriptive de chaque lieu de vie. La simplicité de la carte a été pensée pour l’évolution de l’entreprise et facilite l’ajout des futurs bars à vin.
  • Des contenus vidéos pour plonger l’internaute dans l’univers Gueuleton et comprendre, grâce à l’image, leur activité. Cela permet également de réduire les contenus trop textuels qui peuvent ennuyer l’internaute qui souhaite être “diverti” et plus en adéquation avec l’essence de la marque (simplicité, authenticité, partage). Nous sommes là dans une expérience sensorielle afin de donner envie à l’internaute d’aller jusqu’à une action de conversion (réservation, achat, contact) avec plus de subtilité que l’omniprésence de call-to-actions (boutons).
  • Une navigation animée permet de faciliter la compréhension de l’internaute s’il doit cliquer sur un élément pour en découvrir son contenu. Il est préférable d’éviter de proposer des sites statiques à l’internaute afin d’apporter une expérience ludique du site.

Des fonctionnalités personnalisées

Après l’élaboration d’une étude SEO réalisée par notre équipe marketing, nous avons défini les grandes sections présentes sur le site en incluant les fonctionnalités principales qui y découlent. Voici la liste des fonctionnalités créées sur-mesure pour le site Gueuleton :

  • Un blog afin d’alimenter et partager du contenu pour la communauté et d’augmenter le référencement naturel du site
  • Une carte regroupant l’ensemble des bars à vins et leur géolocalisation
  • Une application de réservation en ligne
  • Des outils de gestion de base de données pour la gestion des leads pour les restaurants et les tournebroches afin de booster le nombre de visites et de réservations
  • Des formulaires de prise de contact contextualisés (devenir une franchise, demander un devis…)
  • Un espace client sécurisé via une boutique en ligne : historique commande, panier client, suivi de facturation et possibilité d’une inscription newsletter afin de fidéliser les internautes

Gueuleton – les bars-restaurants des bons vivants

L’histoire de Gueuleton c’est celle de trois amis partageant une même passion pour la gastronomie et le terroir. C’est de cette passion commune qu’est né Gueuleton. Pour la partager, quoi de mieux que d’ouvrir des bars à vin et des restaurants dans tout le sud-ouest ? Le premier bar à vin ouvre à Agen en 2013 et aujourd’hui, Gueuleton c’est 7 établissements dans le sud-ouest, un à Reims, une activité de rôtisseur à domicile et même un élevage de porcs noirs Gascons.

Les prestations réalisées

DrSanté – un logiciel de gestion médicale innovant pour les professionnels de santé
DrSanté est un logiciel de gestion médicale à destination des professionnels de santé, adapté pour des médecins généralistes ou spécialistes, les maisons santé et centres paramédicaux. DrSanté simplifie la gestion médicale avec une solution clé en main pour optimiser le temps des professionnels de santé. A la pointe de la technologie, DrSanté propose un système particulièrement intuitif et modulable pour permettre aux médecins d’avoir une grande souplesse dans leur gestion quotidienne.

Prestation réalisée

Année

2019

Mission

Refonte site web

Client

Loisiréo

Site web

Loisiréo – Créateur d’évasion depuis 3 générations

Loisiréo est une entreprise familiale spécialisée dans la distribution de camping-cars, fourgons aménagés et caravanes présente dans le sud de la France avec 11 concessions et 30 marques différentes de véhicules de loisirs distribués.

Loisiréo propose ainsi de nombreux produits et services :

  • Vente de véhicules de loisirs neufs
  • Vente de véhicules de loisirs d’occasion
  • Location de véhicules de loisirs
  • Accessoires de camping-cars (sous l’enseigne Narbonne Accessoires ou Loisiréo Accessoires)
  • Ateliers d’entretien, réparation, carrosseries, contrôles d’humidité
  • Service après-vente
  • Proposition de financements personnalisés

Problématique et objectifs

Le groupe bénéficie déjà d’un positionnement de distributeur reconnu et historique sur le marché national. Grâce à l’investissement de ses équipes qui donnent le meilleur chaque jour pour apporter conseils et un large choix de véhicules à ses clients, Loisiréo a acquis une belle notoriété. Soutenue par un travail de fond depuis plusieurs années pour optimiser sa visibilité sur les moteurs de recherche, l’image du groupe a bénéficié d’une portée améliorée. Afin de maintenir son positionnement et de permettre à la marque de continuer à grandir, nous nous sommes concentrés sur de nouveaux sujets avec une roadmap stratégique incluant une optimisation du principal support, son site internet.

En effet, face à une concurrence nationale agressive ainsi qu’au développement de l’entreprise qui nécessite de nouveaux outils et une plus grande visibilité, il est devenu essentiel pour Loisiréo de refondre son site internet, un canal indispensable à son développement commercial.

Suite à des ateliers menés en collaboration avec l’équipe Loisiréo en amont du projet nous avons pu identifier plusieurs problématiques :
  •         Manque de modernité sur le site précédent, sur le fond mais également sur la forme
  •         Absence de responsive sur le site, ce qui donnait lieu à des erreurs en mobile
  •         Difficultés de mise à jour du site pour les équipes Loisiréo
  •         Manque d’interaction  à cause d’une expérience utilisateur désuète
  •         Nouvelle législation sur le camping sauvage restreignant le choix des visuels
  •         Manque de liberté de mise en page et de vidéos mettant en avant les produits sur le site
  •         Absence de pages qualifiées pour améliorer la performance des campagnes SEA déjà en place
  •         Gestion du flux de véhicules pouvant être complexe
Face à ces enjeux, plusieurs objectifs ont été retenus :
  •         Modernisation de l’image de l’entreprise
  •         Réflexion design orientée utilisateur
  •         Administration d’un maximum d’éléments présents sur le site pour permettre des mises à jour
  •         Mise en place de fiches produits qualitatives et complètes
  •         Facilitation de la recherche de produits
  •         Ajout de pages optimisées et performantes
  •         Choix de visuels adaptés à la nouvelle législation
  •         Optimisation de la gestion du flux de véhicules pour l’intégrer aux pages produits

Les solutions mises en place

Un site moderne offrant une expérience utilisateur réussie

Pour répondre aux différents besoins exprimés par Loisiréo, nous avons mis en place une stratégie de refonte globale autour de deux grands axes : l’immersion dans l’univers du groupe et la performance du site.  

Afin d’immerger le client dans un univers propre à la marque, nous avons revu l’ensemble du site et son aspect UX design, puis modernisé les outils utilisés afin de rajeunir l’image de Loisiréo afin de rajeunir l’image de Loisiréo. Plusieurs choix ont été opérés comme la mise à jour du logo, permettant de l’intégrer plus efficacement sur les différents supports digitaux. Nous avons également opté pour une animation originale appliquée sur la page d’accueil. Au-delà de ces changements, rien n’a été laissé au hasard afin que cette refonte permette de créer un ensemble cohérent et performant.

La performance du site était d’ailleurs un sujet au cœur de cette refonte. Nous avons tout d’abord eu une réelle réflexion stratégique et design afin de créer un site mobile-first sans pour autant délaisser les autres formats.

La formation et l’accompagnement de l’équipe Loisiréo à la mise à jour du site a été une des dernières étapes de cette refonte. En effet, ce site est entièrement administrable et permet aux équipes de l’actualiser facilement. Nous avons choisi de travailler avec WordPress et avons développé des éléments sur-mesure et intuitifs dans le back-office du site afin de simplifier le travail quotidien des équipes Loisiréo. Des sessions de formation ont également été organisées et nous poursuivons notre accompagnement encore aujourd’hui pour que l’équipe reste autonome dans sa gestion quotidienne du site.

Loisireo_Page-produit
Loisireo_VersionMobile

Résultats obtenus

Le site Loisiréo a été livré le 30 octobre 2019, après une refonte globale qui a permis de mettre en avant son plein potentiel.
Loisiréo – Distributeur d’évasion depuis 3 générations.
Grâce à ses 11 concessions de véhicules de loisirs réparties dans le Sud de la France, Loisiréo peut aujourd’hui offrir le choix à ses clients parmi les plus grandes marques de camping-cars, vans et fourgons aménagés tous tous les budgets. A travers ses services de vente, location ou encore réparation de véhicules de loisirs, Loisiréo apporte un niveau de savoir-faire complet et satisfait plus de 90% de ses clients.

Prestation réalisée

Année

2019

Mission

Refonte du site web

Client

Gabardos

Site web

Problématique et objectifs

Malgré un bon positionnement sur le marché, la concurrence nationale reste importante dans le milieu des véhicules d’occasion qui se veut très large. Dans ce contexte, il est devenu essentiel pour le client de repenser un site vieillissant et peu ergonomique. Christophe Gabardos, a également fait appel à nos services dans l’objectif d’augmenter le turnover de véhicules d’occasion et rentabiliser les investissements futurs pour sa société.

Nous avons alors mis en évidence les problématiques suivantes : 

  • Manque de modernité sur le site précédent tant sur le fond que dans la forme 
  • Une expérience utilisateur obsolète et une ergonomie de site délaissée 
  • Peu d’interaction entre l’utilisateur et l’interface
  • Une communication trop peu soutenue sur l’offre de véhicules d’occasion

Face à ces enjeux, plusieurs objectifs ont été retenus : 

  • Modernisation de l’image de l’entreprise
  • Travail sur le contenu et le discours
  • Création d’un moteur de recherche plus engageant
  • Présentation des véhicules par le biais de fiches produits plus qualitatives 
  • Optimisation du référencement

Les solutions mises en place

Une identité visuelle impactante 

Nous avons souhaité redynamiser l’image de l’entreprise en privilégiant l’aspect visuel pour toucher un public plus large, plus dans l’ère du temps et créer un impact plus fort afin d’ancrer dans la mémoire de l’utilisateur l’entreprise, ses valeurs et ses produits.

  • Refonte du logo actuel plus moderne
  • Parti pris d’un site sur fond noir pour apporter de la clarté et un aspect plus classieux à l’entreprise
  • Colorimétrie rouge et noir qui inspire confiance, sûreté et qui rassure l’utilisateur
  • Contraste et lisibilité de l’ensemble du contenu par le jeu de couleur
  • Visuels soignés et professionnels pour illustrer l’entreprise 
  • Actualisation et personnalisation du contenu textuel

Une ergonomie réfléchie 

Il est important pour l’entreprise de se digitaliser en offrant une réelle expérience sur mesure aux visiteurs en terme de performance, d’ergonomie, de lisibilité et d’accessibilité afin d’améliorer l’engagement et la conversation de la marque.

  • Elaboration d’une étude UX afin de définir les meilleures pratiques à adopter 
  • Présentation claire et détaillée des véhicules et des différents services proposés
  • Moteur de recherche de véhicules performant et intuitif avec une présentation efficace de l’essentiel des critères de sélection (catégories de véhicules, marques, modèles, budget,…)
  • Création d’un module de réservation de véhicule en ligne 
  • Adaptabilité sur tous les supports digitaux (desktop, mobile et tablette)

Résultats obtenus

Garbados – Digitaliser le secteur de l’automobile par une expérience utilisateur réussie.
A la fois mandataire auto et concessionnaire Suzuki, les établissements Gabardos sont spécialisés dans la vente de véhicules neufs et d’occasion. Entreprise familiale avec 45 ans d’expérience à son actif dans le milieu de l’automobile, la société dispose de 4 points de vente (Tournay-Charente, Orléans, Saintes et Cognac) et prévoit prochainement une nouvelle ouverture de site à Tours.

Prestation réalisée

Année

2019

Mission

UX Design

Client

Nuances Gourmandes

Pourquoi cette refonte ?

Lors de nos échanges avec les créateurs de Nuances Gourmandes, nous avons soulevé les problématiques suivantes :
  • Le site existant ne permettait pas à l’internaute de réaliser l’achat de produits en ligne, ce qui constituait un frein à leur développement commercial 
  • Le design du site manquait de modernisme et devait être repensé pour mettre en avant la diversité et la qualité des produits proposés    

Des choix graphiques adaptés

Afin de proposer un site e-commerce simple et intuitif avec un design actuel qui met en avant le produit, plusieurs axes graphiques ont été retenus : 
  • Mise en avant de visuels qui occupent une grande part de l’espace sur les différentes pages du site avec un choix de photos travaillées pour souligner l’aspect « coloré » et « gourmand » des produits
  • La couleur beige en fond a été choisie pour habiller les pages et rappeler l’univers « doux et crémeux » des macarons
  • Plusieurs éléments font écho à la forme du macaron et à la « rondeur » qui va de pair avec cet univers de « douceur » : la forme des boutons d’appel à l’action, les formes rondes en fond de titres, le choix d’une police sans Serif (=sans empattement)
  • Pour traduire de l’aspect artisanal du produit, nous avons fait le choix d’utiliser une seconde typographie, Inknut Antiqua, pour le menu principal. Cette dernière a une forme travaillée et manuscrite et apporte de la personnalité à l’univers de Nuances Gourmandes et souligne le côté « fait-maison »
  • Les codes du e-commerce ont été repris pour permettre à l’utilisateur de rapidement identifier les informations importantes et commander en toute sérénité tout en allégeant au maximum les pages pour ne pas perturber l’esprit « épuré » du site

Au-delà de la simple refonte graphique, nous avons également repensé toute l’expérience utilisateur afin de guider l’internaute dans sa navigation et la réalisation de ses commandes en ligne.

Les pôles Design, Marketing et Technique ont ainsi travaillé ensemble à la mise en place de solutions appropriées pour générer du trafic qualifié et optimiser les conversions sur ce site.  

Zoom sur la confection d’une box sur mesure

Cette fonctionnalité permettant à l’internaute de réaliser une box entièrement personnalisée en choisissant la taille de la boîte (pour 8, 16 ou 32 macarons) mais également sa composition parmi tous les macarons disponibles est un vrai plus pour le site. 

Nous avons ainsi voulu mettre l’accent sur l’ergonomie de ce module, notamment grâce aux éléments suivants :

  • Nombre d’étapes de confection de la box limité à 3
  • Ajout de comportements dynamiques au survol des produits pour apporter plus de fluidité et d’interactivité 
  • Pour la sélection des produits, le drag & drop a été proscrit, au profit du clic plus pratique et plus intuitif
  • Ajout d’une option de tri par famille de produits
  • Affichage en pop-up de fiches produits détaillées pour alléger le contenu fixe sur la page

Résultats obtenus

Boutique Nuances Gourmandes