Portfolio de nos réalisations design | Make the Grade

Refonte du site web de LockSelf pour unifier son écosystème digital sur HubSpot

Rédigé par Admin | Jan 12, 2026 8:47:24 AM

Structurer un socle digital cohérent et évolutif

La refonte a débuté par la construction d’une base solide, pensée pour durer. L’enjeu n’était pas uniquement de refaire des pages, mais de créer un cadre modulaire capable de s’adapter aux futurs besoins de LockSelf.

Ce travail s’est traduit par :

  • La conception d’une bibliothèque de 24 modules HubSpot, combinant ergonomie et design.
  • La définition d’un guide de style web, garantissant une cohérence visuelle sur l’ensemble du site.
  • La rédaction de spécifications techniques pour encadrer l’utilisation et l’évolution des modules dans le temps.

Cette approche modulaire permet aujourd’hui de créer ou faire évoluer des pages rapidement, tout en conservant une identité homogène et une maintenance simplifiée.

Clarifier les messages et moderniser l’interface

L’identité graphique a été repensée pour mieux refléter l’univers technologique de LockSelf, tout en restant accessible et lisible.

L’objectif était d’aider les visiteurs à comprendre rapidement les solutions proposées et à identifier la valeur ajoutée de la plateforme.

Le travail sur l’interface s’est concentré sur :

  • Une structuration plus claire des pages solutions.
  • Une mise en avant renforcée des cas clients, élément clé du site.
  • Une hiérarchisation plus efficace de l’information.
  • Un design plus dense et mieux équilibré, sans surcharge visuelle.

Le site gagne ainsi en crédibilité et en lisibilité, aussi bien pour les prospects que pour les clients existants.

Un développement pensé pour la performance

L’ensemble du site repose désormais sur un thème HubSpot sur mesure, développé pour répondre aux besoins spécifiques de LockSelf.

Les principaux éléments mis en place :

  • Le développement des modules personnalisés.
  • L’intégration des pages structurantes.
  • La création d’un formulaire API.
  • La mise en place d’un plan de redirection structuré, accompagné d’un nettoyage et d’une rationalisation des slugs, afin de repartir sur une base plus saine et optimisée pour le référencement, tout en posant un cadre clair pour la création des futures pages.
  • Mini-formation pour prendre en main les modules, conseils et bonnes pratiques.

Grâce à ce socle, LockSelf a pu reprendre la main sur l’intégration des pages complémentaires et la gestion du multilingue (anglais, espagnol…) en toute autonomie.

Une gestion du multilingue facilitée grâce à HubSpot et à l’IA

La refonte a également été l’occasion de structurer la gestion du multilingue directement dans HubSpot CMS.

LockSelf souhaitait pouvoir décliner rapidement ses pages en plusieurs langues, notamment en anglais et en espagnol, tout en conservant une cohérence entre les versions.

Grâce aux fonctionnalités natives de HubSpot et à l’intégration d’outils de traduction assistée par l’IA (notamment DeepL), les équipes ont pu :

  • Dupliquer facilement les pages existantes dans différentes langues.
  • Accélérer considérablement la traduction des contenus.
  • Conserver une structure identique entre les versions.
  • Réduire les efforts manuels liés à la gestion du multilingue.

Cette approche a permis un gain de temps significatif dans la création et la mise à jour des pages multilingues, tout en offrant à LockSelf une autonomie complète dans le déploiement international de son site.

Un projet mené dans une logique de co-construction

La collaboration s’est appuyée sur un périmètre clairement défini dès le départ : nombre de modules, niveau de reprise de l’existant, attentes graphiques et contraintes techniques. Cette clarté a permis d’avancer efficacement et de limiter les allers-retours.

La centralisation de l’ensemble des contenus dans HubSpot a profondément simplifié la gestion du site : cohérence de marque renforcée, meilleure lisibilité des pages et base stable pour toutes les évolutions à venir.

Ce que cette refonte change concrètement

Cette refonte a permis à LockSelf de transformer son site en un véritable levier stratégique.

Le nouveau site offre désormais :

  • Une identité visuelle modernisée, alignée avec le positionnement cybersécurité.
  • Une navigation plus fluide, facilitant l’accès aux contenus clés.
  • De meilleures performances techniques, notamment sur mobile.
  • Une gestion centralisée des pages, des langues et des conversions dans HubSpot.
  • Une autonomie renforcée pour les équipes marketing.

LockSelf dispose aujourd’hui d’un site vitrine plus crédible, plus cohérent et évolutif, capable d’accompagner la croissance de l’entreprise et ses ambitions commerciales et internationales.