Florent Le Page
Mini purificateur d'air R-Flow blanc

Site produit

R-Flow

Le site d'un mini purificateur d'air, branché sur Shopify par API.

En ligne

5 langues
0 dépendance : générateur maison
3 fonctions Cloudflare

Un site sur mesure, en cinq langues, pour vendre un mini purificateur d'air : le panier est intégré à la page et passe par l'API de Shopify, sans thème. C'est aussi là que je pousse l'animation le plus loin : défilement piloté en CSS, transitions de vue, mouvement réduit respecté.

Outils : HTML, CSS, JavaScript, Shopify Storefront API, Cloudflare Pages.

Page d'accueil du site R-Flow

Animations pilotées par le défilement

Le site

  • Générateur statique maison, sans aucune dépendance.
  • Panier dans la page, branché sur Shopify par l'API Storefront.
  • Cinq langues.

Côté serveur

  • Trois fonctions Cloudflare : géolocalisation, mesure Meta côté serveur, liste d'attente par coloris.

Le mouvement

  • Animations pilotées par le défilement en CSS, avec un repli pour les navigateurs qui ne les ont pas.
  • Transitions de vue entre les pages, apparitions au défilement.
  • Tout s'arrête quand l'appareil demande moins d'animations.