Retour aux références

Alfaflor

Création d’une boutique en ligne WooCommerce

La société Alfaflor SARL est spécialisée dans la commercialisation de solutions anti-feu pour le bois, le textile et les plantes artificielles. Elle possédait un site vitrine qui n’avait que très peu évolué depuis sa mise en ligne au début des années 2000. Elle m’a sollicité en octobre 2020 pour développer un nouveau site permettant à ses clients professionnels de commander ses produits ignifuges en ligne.

WordPress & WooCommerce, le duo gagnant

Avec un catalogue restreint à quelques produits et l’objectif d’associer vente en ligne et contenus, le duo WordPress + WooCommerce est apparu comme une évidence. Fidèle à mon approche tournée vers la web performance, nous avons opté pour le thème Shoptimizer qui offre une interface moderne tout en étant particulièrement léger et optimisé pour le SEO. Ce dernier a été personnalisé aux couleurs du client grâce au Customizer et à une feuille de style dédiée dans le thème enfant.

Pour concevoir la page d’accueil sans alourdir le poids de la page, j’ai opté pour l’excellent plugin GenerateBlocks. Associé à des styles spécifiques et configuré selon les contraintes du thème, il a permis d’obtenir un rendu professionnel qui correspond aux gabarits fournis par le client. Et cela tout en conservant l’interface d’édition Gutenberg, avec une légèreté et une simplicité de mise à jour à des années lumière de ce que proposent les gros page builders type Elementor ou WPBakery.

Le score Page Speed de la home est plutôt bon (testez vous-même)

Des outils d’aide à la commande sur-mesure

Pour guider ses clients dans le process de commande, Alfaflor a demandé la réalisation de 2 outils spécifiques. Le premier, affiché en page d’accueil, permet de trouver le produit ignifuge qui correspond au besoin du client selon le matériau tout en proposant une liste de suggestions. Il repose sur le moteur de recherche de WordPress et des éléments html natifs, pour une expérience de qualité sur mobile comme sur desktop.

Cet outil de suggestion repose sur du html simple et les fonctionnalités natives de WordPress

Le second outil, plus complexe, permet de connaître la quantité de pulvérisateurs nécessaire pour traiter contre le feu telle ou telle surface. Spécifique à chaque produit, il est parfaitement intégré aux pages produits avec lesquelles il interagit en temps réel. Le curseur horizontal (surface en m2 ou quantité d’objets) fait ainsi évoluer le champ quantité et les informations tarifaires lorsqu’on le déplace, pour une parfaite transparence.

Cet encart d’aide est un développement spécifique qui utilise jQuery pour mettre à jour les informations

Poursuivre l’aventure en autonomie

Lorsque je développe un site WordPress, je fais toujours en sorte de réduire à son strict minimum la dépendance technologique. Cela se vérifie côté plugins, où je cherche à limiter le nombre d’extensions au minimum. Ou encore côté thème où, grâce à la création d’un thème enfant, j’offre au client la possibilité de profiter des futures mises à jour sans risque de tout briser.

Je travaille systématiquement avec un thème enfant, ici Shoptimizer

Mais cela concerne également les développements spécifiques, pour lesquels je me repose dès que possible sur des éléments modifiables dans l’administration. Que ce soit grâce à des blocs réutilisables, à des shortcodes ou à des custom post types/taxonomies, l’objectif est de laisser au client la main sur un maximum d’éléments. Alfaflor a bénéficié de cette démarche et est ainsi en mesure de gérer son nouveau site en autonomie. De quoi rendre un client heureux ;)

Dernière mise à jour

Reposez-vous sur mon expertise

Vous rencontrez des problématiques de web performance et souhaitez un accompagnement sur-mesure ?

Contactez-moi maintenant