Accueil Projets HTH Pool Solutions

HTH Pool Solutions

Nous avons accompagné HTH marque du groupe Solenis dans la refonte de leur site internet e-commerce international.

Site internet
Industrie Urbanisme et aménagement

Enjeux du projet

La refonte du site HTH n’était pas qu’un simple chantier esthétique. C’est un projet à multiples dimensions qui a nécessité une coordination technique et stratégique de chaque instant.

  • Connexion au PIM/DAM pour une gestion centralisée et dynamique du catalogue produit
  • Création d’un espace personnel avec plusieurs niveaux de rôles et de droits (particuliers, revendeurs, distributeurs…)
  • Déploiement d’une architecture multilingue pour répondre aux marchés internationaux
  • Intégration d’un e-commerce fluide et adapté aux différents profils
  • Traduction visuelle de la nouvelle identité de marque HTH

Introduction du projet

HTH est une marque internationale incontournable dans le domaine du traitement de l’eau pour les piscines. Appartenant à la division Pool Solutions du groupe Solenis, elle s’adresse à un public large et exigeant : des particuliers soucieux de la qualité de leur eau aux professionnels qui distribuent et installent ses produits.

Après des années de notoriété construite sur la qualité de ses produits, HTH a engagé un virage stratégique majeur : refondre entièrement son site internet pour refléter sa nouvelle identité de marque, connecter son écosystème digital à ses outils métier et offrir des espaces personnels sur mesure dans une architecture multilingue pensée pour l’international.

Méthode

Pour appréhender la complexité du projet, nous avons organisé plusieurs ateliers en amont de toute production.

Atelier Workflow PIM/DAM :

L’objectif : cartographier précisément la manière dont les données produits circulent depuis le PIM (Product Information Management) et le DAM (Digital Asset Management) jusqu’aux pages du site.marché.

Atelier UX & Arborescence

Cet atelier a permis de structurer l’architecture de l’information en tenant compte de la diversité des profils utilisateurs et de la richesse du catalogue. Plusieurs niveaux de navigation ont été pensés simultanément :

  • Le site vitrine public, pensé pour inspirer et orienter les visiteurs vers les bons produits
  • L’espace particulier, centré sur l’usage, le conseil et l’achat en ligne
Hth Etude Cas Hero Homepage Desktop

Le site internet : une nouvelle identité qui prend vie

Au-delà de la mécanique technique, le site HTH devait incarner visuellement la nouvelle identité de la marque : plus moderne, plus premium, plus engagée. Chaque gabarit de page a été conçu pour refléter cette ambition.

Les choix typographiques, la palette de couleurs, le traitement des images produits issues du DAM, la mise en scène de l’univers piscine ; tout a été pensé pour créer une cohérence visuelle forte entre la communication offline de HTH et son site digital.

Le design n’est pas un vernis posé en fin de projet. C’est le fil conducteur qui relie la nouvelle identité HTH à l’expérience vécue par chaque utilisateur, quel que soit son profil ou sa langue.

L’ensemble de l’équipage a su démontrer un savoir faire aussi bien technique que marketing

Elie HUOT

Digital & Content Manager Europe chez Solenis (HTH®)

Un grand merci à l’agence Pilot’in pour l’accompagnement tout au long de la construction et de la réalisation du projet du site web HTH-pool.com.

L’ensemble de l’équipage a su démontrer un savoir faire aussi bien technique que marketing en s’adaptant de façon très professionnelle à nos différents impératifs.

Merci tout spécialement à Fred pour sa patience, merci à Estelle et aussi Valentine pour leur oeil créatif, à Karen qui a su mettre les mains dans le cambouis… et enfin à tout l’équipage, Sami, Sukru, Manon, Jonathan, Charès et j’en oublie…

Bravo à toi Julien pour le pilotage d’une si belle embarcation.

Atelier Workflow PIM/DAM :

L’objectif : cartographier précisément la manière dont les données produits circulent depuis le PIM (Product Information Management) et le DAM (Digital Asset Management) jusqu’aux pages du site.

HTH dispose d’un catalogue produit riche et évolutif avec plusieurs centaines de références, des fiches techniques détaillées, des visuels haute définition, des traductions dans de multiples langues. Autant d’informations qui ne peuvent pas être saisies manuellement sur le site sans risque d’erreur, de doublon ou de désynchronisation.

L’enjeu était de concevoir un pont fiable entre le PIM/DAM de HTH et le CMS du site, pour que chaque mise à jour produit soit répercutée automatiquement, sans intervention manuelle, sans friction.

Lors de cet atelier, nous avons travaillé avec les équipes HTH pour documenter :
– Les flux de données entrants depuis le PIM (nomenclature produits, attributs, catégories, traductions)
– La gestion des assets visuels via le DAM (images, vidéos, documents techniques, datasheets)
– Les droits d’accès selon les profils utilisateurs

Cette cartographie a permis de définir l’architecture technique de l’API de connexion et de garantir une cohérence totale entre les données métier et l’affichage sur le site, quelle que soit la langue ou le marché.

Un vrai défi de gestion de projet

Fred

Fred Graziano

Pilote de projet

Le vrai défi sur HTH, c’était d’anticiper très tôt la rencontre entre le design, les contenus et la donnée.

Dès la phase de maquettes, il fallait se demander : quelles informations viennent du PIM ? Comment elles s’affichent ? Est-ce que la structure côté client permet une exploitation claire et rationnelle sur le site ?

Avec la pluralité des contenus, des langues et des usages, l’enjeu n’était pas seulement technique. Il était aussi organisationnel : poser un cadre suffisamment solide pour que chaque donnée trouve sa place, sans complexifier l’expérience côté utilisateur comme côté administration.

Résultats

Le projet HTH est la démonstration qu’un site internet peut être à la fois un outil marketing puissant, une plateforme commerciale performante et un hub de gestion de l’information produit, le tout dans une expérience utilisateur fluide et cohérente.

La clé du succès ? Une phase de cadrage rigoureuse avec des ateliers ciblés, une architecture pensée pour durer, et une collaboration étroite avec les équipes HTH à chaque étape du projet.

  • Connexion PIM/DAM opérationnelle et fiable
  • Espace personnel adaptatif selon 3 profils distincts
  • Architecture multilingue SEO-friendly
  • Parcours e-commerce personnalisé par profil
  • Identité visuelle renouvelée et cohérente

Outils et technologies

  • Figma
  • Pilo’Blocks
  • GridBuilder
  • WooCommerce
  • PIM/DAM Interactiv’

L’équipage derrière cette belle réussite

Fred
Pilote de projet | Facilitateur process

Fred Graziano

Ateliers – Cadrage – Pilotage de projet

Fred Graziano
Karen
Développeuse web full-stack

Karen Iafrate

Développeuse ecommerce et connexion PIM/DAM

Karen Iafrate
Estelle Scalzo
Directrice de la création – Responsable du pôle design

Estelle Scalzo

Ateliers – Cadrage – UX UI design

Estelle Scalzo
Portrait de Charès Charlemoine, développeur full-stack chez Pilot'in
Développeur web full-stack

Charès Charlemoine

Développement front and back

Charès Charlemoine
Valentin
Développeur web full-stock | Product Owner

Valentin Bardet

Cadrage technique

Valentin Bardet

Nos derniers projets

Projet Pompotes réalisé par l'agence Pilot'in
Site internet
Alimentaire

Pom’Potes®

Pom'Potes®, c'est une marque que tout le monde connaît depuis l'enfance. Pour la refonte du site, le brief était clair : un site aussi vivant que la marque elle-même. Un vrai terrain de jeu digital, où chaque gamme a son propre monde, sa propre façon de raconter une histoire.
Pom’Potes®
Projet SBE réalisé par l'agence Pilot'in
Accompagnement Suivi de site internet
Loisirs

SBE – Séminaire Business Event

Depuis 2022, Pilot'in fait évoluer la plateforme SBE. Dernier chantier : un moteur de recherche de prestataires reconstruit en React, avec filtrage instantané et carte repensée.
SBE – Séminaire Business Event
Serfim Montagne
Site internet
Industrie

Serfim Montagne

Pilot'in a accompagné Serfim pour créer un nouveau site internet afin de présenter leurs expertises montagne.
Serfim Montagne
Configurateur produit SIC Marking développé par Pilot'in
Accompagnement Suivi de site internet
Industrie

SIC MARKING – Configurateur produit

SIC Marking avait besoin de proposer un configurateur de produits sur son site afin d’accompagner au mieux ses clients dans leurs recherches.
SIC MARKING – Configurateur produit
Solution e-commerce URPS MK ARA réalisée par Pilot'in
Accompagnement Suivi de site internet
Santé

URPS MK ARA – Solution e-commerce

Nous avons accompagné URPS MK ARA dans la mise en place d'une solution e-commerce : SureCart.
URPS MK ARA – Solution e-commerce

Prêt à co-construire ?