Refonte site Terräng et Terräng Armurerie

La mission

Dans un monde où le mobile prend de plus en plus de place dans les habitudes de consommation, Terrang avait un beosin de mettre à jour leurs sites internet terrang.fr et terrang-armurerie.fr afin de s’adapter aux nouvelles habitudes de consommation. 

Une étude sur Google Analytics nous a démontré que plus de 70% de la clientèle Terrang passaient commande sur mobile.

Présentation de la société

Terräng MP-Sec France est une société qui vend du matériel militaire pour équiper le fantassin de la tête aux pieds. La société est spécialisée dans l’import de matériel pour le revendre en France et en Europe. Elle est revendeuse exclusive de plus de 50 marques et en revend plus de 200 aujourd’hui. La clientèle de la société est répartie sur trois axes : B2B (Business to Business), B2C (Business to Customers) et B2G (Business to Government).

Terräng MP-Sec France possède 3 sites internet distinct : Terrang Equipement, Terrang Armurerie et MP-Sec France. 
Terrang Equipement est le site B2C principale de la société, on y retrouve l’ensemble du catalogue en excluant les produits d’armement. 
Terrang Armurerie, quant à lui, regroupe seulement le matériel destiné aux tireurs sportifs. 
MP-Sec France est notre site orienté pour les revendeurs et les administrations. 

Pourquoi avoir séparé Terrang en 2 entités ? 
Nous avons décidé de créer un site Terrang Armurerie car nous souhaitons faire de la publicité sponsorisée sur Terrang via Google et Méta. Seulement, ces 2 sociétés ont des règles très strict concernant la mise en avant d’arme. C’est pour ça que les sites Terrang Equipement et Terrang Armurerie sont simialires avec une ambiance propre à chacun. 

Approche et objectifs

L’objectif principal de cette refonte UI était clair : adopter une stratégie mobile-first, en reconsidérant chaque aspect du site sous l’angle d’une utilisation sur smartphone. Nos principaux axes de travail :

  1. Fluidifier la navigation :
    • Simplifier l’architecture des menus pour un accès rapide aux catégories principales.
    • Ajouter une barre de recherche visible et rapide d’accès.
  2. Moderniser l’apparence visuelle :
    • Mettre en place un design épuré, avec des visuels immersifs et des animations légères pour guider l’utilisateur sans alourdir l’expérience.
    • Respecter les codes de la marque tout en modernisant son image.
  3. Optimiser les interactions :
    • Agrandir les boutons et espaces cliquables pour les rendre adaptés aux écrans tactiles.
    • Introduire des fonctionnalités comme le swipe pour faciliter l’exploration des produits.
  4. Améliorer les performances techniques :
    • Réduire les temps de chargement grâce à l’optimisation des images et des scripts.
    • Rendre le site compatible avec les dernières normes de performance web (Core Web Vitals).
  5. Maximiser les conversions sur mobile :
    • Repenser le tunnel d’achat pour qu’il soit plus rapide et intuitif.
    • Simplifier les formulaires en minimisant les champs obligatoires.

Méthodologie

La refonte s’est déroulée en plusieurs étapes pour garantir un alignement constant entre les besoins des utilisateurs et les objectifs commerciaux :

  1. Audit et analyse des données : Nous avons étudié les statistiques existantes (via Google Analytics) pour identifier les points faibles de l’expérience mobile : pages à forte sortie, temps de session, etc. 

  2. Design UI : Le design a été pensé pour être à la fois esthétique et fonctionnel, avec une mise en avant des promotions et des produits phares via des visuels immersifs. La charte graphique a été modernisée pour renforcer l’identité visuelle et la rapprochée de notre cible principale.

  3. Développement et tests : Le développement s’est concentré sur l’optimisation mobile, avec une attention particulière aux performances et à l’accessibilité (navigation clavier, compatibilité avec les lecteurs d’écran). Des tests rigoureux sur différents appareils et systèmes d’exploitation ont permis de garantir une expérience homogène.

Conclusion

Cette refonte UI a permis au site de rattraper son retard technologique et de s’imposer comme un acteur compétitif sur le marché de vente d’équipement militaire. Ce projet illustre parfaitement l’importance d’adapter son e-commerce à une clientèle en perpétuelle évolution, en plaçant l’expérience utilisateur au centre des décisions. Un site performant sur mobile n’est plus un bonus, mais un prérequis essentiel pour toute entreprise souhaitant rester compétitive dans l’écosystème digital actuel.