risole.fr
Client : Risole | Mission : refonte, sauvetage technique, WooCommerce sur mesure | Stack : Divi 5 bêta
Clément Fabries a racheté une cordonnerie à Toulouse et l'a transformée pour cibler les 21-25 ans qui n'avaient jamais mis les pieds chez un cordonnier. Deux semaines de développement, opérationnel dès le lancement.
Divi 5 bêta
Constructeur de pages
Le client connaissait déjà Divi grâce à son ancien site, ce qui lui permet de mettre à jour le contenu lui-même sans solliciter de développeurs pour la moindre modification. Aucune formation n'a été nécessaire.
Squirrly Premium
Sans surcoût
L'un des meilleurs plugins SEO pour WordPress. Optimisation SEO en temps réel lors de la rédaction et des centaines d'autres fonctions boostées à l'IA.
Wordfence
Édition Premium
Surveillance des menaces en temps réel, détection des logiciels malveillants et protection par pare-feu. Les mises à jour de sécurité sont automatiques. Inclus via nos licences d'agence sans surcoût.
Google Site Kit
Idéal pour débuter
Statistiques de trafic, performance de recherche et comportement utilisateur visibles directement dans le tableau de bord WordPress. Pas besoin d'apprendre à utiliser Google Analytics. Tout est centralisé au même endroit.
WooCommerce
Fonctions e-commerce
Gère le catalogue produit, le panier et la validation de commande. CSS personnalisé pour une esthétique brutaliste. L'e-boutique a été lancée avec un stock complet de dix produits, prête à l'emploi dès le premier jour.
Performances
LiteSpeed et Redis
LiteSpeed et Redis créent une synergie haute performance. LiteSpeed gère le cache des pages au niveau du serveur, tandis que Redis assure le cache d'objets pour soulager les requêtes de la base de données.
Comment nous travaillons
Du site coupé par son hébergeur à la boutique WooCommerce sur mesure, voici comment nous avons remis Risole sur pied.
LA REPRISE : FAIRE D'UNE CRISE UN NOUVEAU DÉPART
Le projet partait d'une demande classique : rafraîchir un site B2C conventionnel, mais il s'est vite transformé en opération de sauvetage numérique. Au moment précis où nous lancions l'audit, l'hébergeur du client (OVH) a brutalement coupé le site en ligne, en invoquant une infection virale critique. L'activité s'est arrêtée net. Nous sommes intervenus immédiatement pour une analyse forensique, qui a révélé un faux positif causé par une infrastructure laissée à l'abandon. Plutôt que de poser un correctif provisoire, nous avons repris en main tout l'écosystème numérique : migration du domaine, sécurité de niveau entreprise avec Wordfence Premium, hébergement transféré sur nos serveurs infogérés. La refonte est devenue une remise à plat des fondations, pour garantir au client la souveraineté et la sécurité de son outil.
STRATÉGIE VISUELLE : L'AUDACE NÉO-BRUTALISTE
Le néo-brutalisme est un mouvement de conception web qui rejette l'esthétique lisse et raffinée des entreprises. Pour toucher la cible du client, le citadin de 21 à 25 ans, nous savions que l'esthétique devait rompre avec les codes traditionnels et discrets de la cordonnerie. Nous avons proposé une direction radicalement « néo-brutaliste » : bordures franches de 4 px, aucun arrondi, et des ombres portées dures pour un rendu tactile, proche du sticker. Nous sommes restés souples dans la collaboration : lorsque le client a signalé que le surlignage jaune « Stabilo » initial manquait de contraste, nous avons basculé sur un bleu électrique pour maximiser l'impact. Nous avons enrichi l'expérience en codant des micro-interactions sur mesure, comme l'effet de translation « snap » au survol, une couche de finition premium qui ne figurait même pas au cahier des charges.
E-COMMERCE : UNE UX INVISIBLE ET EFFICACE
Hors de question d'utiliser un template WooCommerce standard et lourd. Nous avons dépouillé la plateforme et reconstruit le frontend avec un CSS sur mesure conséquent, afin d'intégrer la boutique sans couture dans le système de design néo-brutaliste. Le panier « fantôme » : notre obsession du détail s'étend à l'UX comportementale. Nous avons implémenté une logique de « panier invisible » : l'icône du panier reste entièrement masquée pour réduire le bruit visuel. Elle n'apparaît qu'au moment où l'utilisateur ajoute un article, ce qui garde l'interface épurée, concentrée et purement fonctionnelle jusqu'à ce que l'intention d'achat soit confirmée.
PROUESSE TECHNIQUE : LE PARI DIVI 5
La consigne était « Mobile First » au sens le plus strict : le site devait se charger instantanément pour quelqu'un qui marche dans la rue. Pour atteindre ce niveau de performance sans sacrifier la complexité visuelle, nous avons pris le parti audacieux de bâtir sur le moteur Divi 5 bêta. Cela nous a permis de contourner la lourdeur héritée des versions précédentes. En combinant cette architecture de nouvelle génération à nos protocoles d'optimisation maison, nous avons livré une expérience de « web app de poche ». Le résultat a été immédiat : la nouvelle plateforme affiche un score PageSpeed de 97/100 et tourne trois fois plus vite que la version précédente, malgré une identité visuelle chargée.