Boutique Son of Kite.

Boutique Son of kite

• Bricks Builder
• Designer
• UI/UX
• Développeur web
• Wordpress
• Stratégie
• E-commerce

Aperçu du projet

Son of Kite est une école de kitesurf et une boutique d'équipement basée au Morne, à l'île Maurice, l'un des spots de kitesurf les plus emblématiques au monde.
La mission était de construire une boutique WooCommerce haute performance capable de refléter l'identité premium et ensoleillée de la marque, tout en gérant un catalogue produits conséquent, des pics de trafic saisonniers et une clientèle internationale de kitesurfeurs.

Le défi

La présence en ligne existante ne reflétait pas la qualité et la réputation que Son of Kite s'était forgée sur l'eau. La boutique devait être aspirationnelle, le genre d'endroit où quelqu'un qui scrolle à 23h se laisse happer et a envie d'acheter, tout en restant rapide, fonctionnelle et facile à gérer pour une petite équipe qui anime simultanément une école et une boutique dans un lieu isolé au cœur de l'océan Indien. Sur le plan technique, le site devait être résilient : tournant sur une infrastructure conteneurisée, servi à une audience internationale, et capable d'absorber des pics de trafic sans dégrader l'expérience utilisateur.

Design

L'identité visuelle a été construite autour de ce que j'appelle le Premium Lagoon Minimalism, un langage graphique qui puise dans la transparence de l'eau du lagon, la géométrie des lignes de cerf-volant et l'énergie brute du vent et de l'océan. Espaces blancs généreux, palette de couleurs sobre ancrée dans des tons bleu océan profond, typographie aérée. Chaque décision d'interface a été délibérément minimaliste : laisser les visuels produits porter l'émotion, supprimer toute friction sur le chemin vers l'achat.

Le design system a été construit de zéro avec des propriétés CSS personnalisées comme design tokens, la méthodologie BEM pour tous les nommages de composants, et un dimensionnement fluide via clamp() et des unités relatives (rem/em). Le résultat est une mise en page qui s'adapte naturellement à toutes les tailles d'écran sans multiplier les breakpoints.

Développement

Le front-end a été entièrement développé avec Bricks Builder, en exploitant ses query loops et ses capacités de données dynamiques pour les listings produits, les pages catégories et les templates WooCommerce personnalisés. Le CSS a été écrit selon des standards stricts : aucun nombre magique, aucun dimensionnement en pixels, aucun code superflu.

L'infrastructure tourne sur FlyWP avec Docker, offrant un contrôle total sur l'environnement serveur. PHP-FPM a été configuré pour la performance, Redis a été intégré pour le cache objet, et Cloudflare coiffe l'ensemble pour le CDN, le cache et la sécurité. Lorsque le site a subi la pression d'un crawling bot agressif, des règles WAF personnalisées ont été déployées au niveau Cloudflare pour protéger les ressources serveur sans impacter le trafic légitime.

Plusieurs plugins WordPress sur mesure ont été développés spécifiquement pour ce projet afin de fluidifier la gestion des produits : assignation d'images à la une en masse, gestion simplifiée du catalogue et synchronisation avec Google Merchant.

Les données produits, notamment les catalogues fournisseurs des grandes marques de kite, ont été traitées via un pipeline structuré en plusieurs étapes (Excel → CSV nettoyé → format d'import WooCommerce), transformant les données brutes fournisseurs en produits correctement structurés avec attributs, catégories et tarifs prêts à l'import.

Intégrations & Écosystème

• WooCommerce pour toutes les fonctionnalités e-commerce (produits, variations, panier, paiement)
• Cache objet Redis pour les performances des requêtes base de données
• Cloudflare pour le CDN, le WAF et la protection DDoS
• FlyWP / Docker pour la gestion de l'infrastructure conteneurisée
• Développement de plugins personnalisés pour l'optimisation des workflows
• Intégration des API météo et marine Open-Meteo pour un widget météo brandé affichant en temps réel les conditions de vent et de mer directement sur le site, un outil réellement utile pour la cible

Résultats

Une boutique en ligne qui ressemble et se comporte comme si elle appartenait au même univers que les grandes marques de kite qu'elle vend, rapide, épurée, construite pour durer. L'infrastructure est suffisamment robuste pour absorber les pics de trafic et les attaques bot sans tomber, et le design system garantit une cohérence visuelle dans le temps sans avoir à tout réinventer à chaque mise à jour.

Stack

• WordPress
• WooCommerce
• Bricks Builder
• FlyWP
• Docker
• Redis
• Cloudflare
• PHP
• Développement de plugins sur mesure