Refonte du site web de Sfel : fabricant français de luminaires pour professionnels, avec un catalogue produit qui se met à jour en un clic depuis un fichier Excel.
Sfel a fait appel à nous pour :
→ Remplacer un site vieillissant qui ne reflétait plus son expertise
→ Avoir un site simple à prendre en main et à gérer au quotidien
→ Mettre en avant son catalogue de luminaires et ses réalisations
→ Importer son catalogue produit directement depuis l’export Excel de son outil métier
Une palette franche et industrielle. Le bleu Sfel porte la marque, le noir profond met en valeur les photos de chantiers et de luminaires, et le jaune rappelle la lumière sur les éléments à mettre en avant.
– Circular Std pour les titres : une typographie géométrique et lisible qui donne au site un ton moderne et technique.
– Inter pour les paragraphes : sobre et très lisible, idéale pour les fiches produits chargées en caractéristiques.
Des photos réelles de leurs installations, de grands aplats bleus et des boutons arrondis. Un style industriel mais accueillant, pensé pour donner envie de demander un devis.
Une charte qui rassemble le logo et ses déclinaisons, les couleurs et les typographies. Elle garde le site cohérent à chaque nouvelle page, même quand l’équipe Sfel l’enrichit elle-même.
Comme sur tous nos projets, nous avons d’abord prototypé chaque page sans design. Particularité ici : nous avons prototypé une première version du catalogue et de la fiche produit.
L’enjeu : décider, parmi plus de 200 colonnes, ce qui devait remonter dans les filtres et sur les fiches, et ce qui devait rester dans l’outil métier.
Sfel savait ce qu’il voulait. Nous avons décliné sa page d’accueil en 3 pistes, avec et sans éléments graphiques.
Le choix s’est porté sur la plus sobre : la plus élégante aujourd’hui, et la plus facile à faire évoluer demain.
Direction validée, nous avons maquetté l’ensemble du site, desktop et mobile. Avec une attention particulière au catalogue et ses filtres, et à la fiche produit unique : chaque information devait être reliée à une colonne du fichier Excel.
Document rappelant les choix élémentaires (couleurs, typographies) et les éléments interactifs assemblés à partir de ces choix (boutons, champs de saisie, menus, cartes). La base pour faire évoluer le site sans le dénaturer.
C’était le cœur du projet. L’outil métier de Sfel exporte un fichier Excel de plus de 200 colonnes pour une cinquantaine de luminaires. Plutôt que de saisir chaque produit à la main, nous avons fait de ce fichier la source unique du catalogue.
Un export brut : une ligne par famille de produits et plus de 200 colonnes (gamme, type de montage, applications, IP, IK, efficacité, température de couleur, IRC, UGR…). C’est ce fichier que l’équipe dépose dans le plugin.
Dans WordPress, une page « Import SFEL » développée sur mesure. L’équipe dépose l’export CSV de l’onglet produits et clique sur « Lancer l’import ». Le plugin crée les nouveaux produits, met à jour les existants grâce à la colonne Id, relie les médias déposés en FTP et vide le cache. Aucun mapping à faire.
Chaque colonne utile devient un filtre : type de montage, gamme, application, indice de protection, résistance aux chocs… Les 57 luminaires du catalogue se filtrent instantanément.
Photos, caractéristiques techniques en pictogrammes, types de montage, données techniques, documentation et tableau des options : tout est généré depuis la ligne du fichier, ici pour l’APPA Ø340/550/830.
Notre outil de prédilection pour la gestion des pages WordPress, alliant flexibilité et design soigné.
Le CMS que nous utilisons pour développer des sites performants et évolutifs.
Utilisé pour la création et validation des designs, des maquettes aux interfaces interactives.
Vous avez un projet en tête (site web, landing page, identité visuelle) ? Prenez rendez-vous avec Keziah pour qu’on voit ensemble comment on peut vous accompagner.
