Création de site internet
LabEquipement
Refonte en cours
Refonte complète du site de LabEquipement, spécialiste des équipements de laboratoire reconditionnés et garantis. Le site actuel, sous WordPress, laisse place à un site sur mesure : catalogue par familles d’équipements, offres de rachat et de location FlexLoc, et quatre langues.
Le projet
Trouver le bon équipement, plus simplement.
Le site actuel, réalisé sous WordPress, a rempli son rôle. La refonte garde le même principe, sans vente en ligne et avec un contact direct, mais modernise l’image de LabEquipement et simplifie la recherche d’un équipement.
Objectifs
Conserver le principe du site actuel (pas de vente en ligne, un contact direct) et améliorer le parcours : une recherche et des filtres qui aident à trouver un équipement, le protocole de reconditionnement en six étapes, les offres de rachat et de location FlexLoc, en français, en anglais, en italien et en espagnol.
Intervention
- UX
- UI
- Webdesign
- Refonte de site
- Développement sur mesure
- Recherche et filtres
- Multilingue
Design
Ergonomie et design
Une identité claire et lumineuse, en bleu et vert, qui traduit la démarche éco-responsable de LabEquipement. La page d’accueil rassure d’emblée : garanties, chiffres clés, marques de référence et protocole de reconditionnement en six étapes.
Le catalogue est pensé pour trouver un équipement en quelques gestes : une recherche par nom, marque ou référence, des filtres cumulables avec compteurs, un tri adapté et un contact direct depuis chaque fiche. Comparez le site actuel, le wireframe et la refonte avec le sélecteur.
Technique
Développement
Le site actuel repose sur WordPress, avec WooCommerce et Elementor. La refonte est développée sur mesure, en HTML, CSS et JavaScript, sans CMS : la recherche, les filtres et le tri du catalogue, le sélecteur de langue et la gestion des cookies sont conçus pour ce projet.
Le back-office qui alimentera le catalogue est en cours de développement : la refonte présente pour l’instant un jeu de données de démonstration. Les pages s’adaptent à tous les écrans, de l’ordinateur au téléphone, et les contenus sont disponibles en quatre langues.
Technologies utilisées
- HTML
- CSS
- JavaScript
- Responsive design
- Multilingue (FR, EN, IT, ES)
- Gestion des cookies
Avant / après
Ce que la refonte change
Le principe ne change pas : pas de vente en ligne, un contact direct. Ce qui change, c’est le design et la façon de trouver un équipement dans le catalogue.
| Critère | Site actuel | Refonte |
|---|---|---|
| Design | Un habillage standard sur thème Astra et Elementor : bandeaux colorés juxtaposés, ombres marquées, photos génériques. | Une identité actuelle et cohérente : palette bleu et vert, typographie affirmée, cartes aérées et illustrations en volume. |
| Recherche | Un champ de recherche du site et une liste de catégories, avec des résultats paginés par 12 équipements. | Une recherche par nom, marque ou référence, dont les résultats se mettent à jour instantanément, sans recharger la page. |
| Filtres | Un seul critère : la catégorie d’équipement. | Des filtres cumulables avec compteurs (catégories, marques), dans un panneau refermable. |
| Tri | Popularité, notes, date ou prix : les réglages d’une boutique en ligne, alors que le site ne vend pas en ligne. | Pertinence, nouveautés, disponibilité ou ordre alphabétique, adaptés à un catalogue de contact. |
| Contact | Un contact direct par téléphone et par formulaire. | Le même principe, avec un contact direct proposé depuis chaque fiche d’équipement. |
Cette comparaison décrit les fonctionnalités observées sur le site actuel et sur la refonte. Le catalogue de la refonte présente pour l’instant un jeu de données de démonstration, en attendant le back-office.
Réalisations
