Ceméa Boutique
La boutique officielle des Ceméa
Ceméa Boutique
Une boutique en ligne pour les ressources pédagogiques des Ceméa. L'association souhaitait moderniser la vente de ses livres, revues, fichiers d'activité et abonnements, jusqu'ici portée par sa médiathèque Yakamédia sous Drupal.
AIOA a conçu et développé la boutique cemea-boutique.com — SvelteKit, Directus, Stripe, Meilisearch — adossée à l'API de services partagée avec l'application mobile Yakamédia et synchronisée avec l'outil de gestion GRAF.
Le contexte
Les Ceméa vendaient leurs ressources pédagogiques — livres, revues (VEN, VST, Dossiers des Cahiers de l'Animation), fichiers d'activité, abonnements, jeux et outils de communication — via leur médiathèque Yakamédia, servie par un site Drupal historique. L'association nationale souhaitait une boutique dédiée et moderne : catalogue clair, tunnel de commande complet, réutilisation des comptes existants de l'écosystème Yakamédia et prise en compte de tous ses publics — particuliers, associations et entreprises, collectivités.
La solution
AIOA a conçu et développé cemea-boutique.com sur un socle SvelteKit / Svelte 5 et Directus, avec recherche Meilisearch et paiement Stripe Checkout. Le front ne parle jamais directement aux briques métier : tout passe par l'API de services SvelteKit partagée avec l'application mobile Yakamédia, et l'authentification réutilise les comptes de l'écosystème via l'OAuth du Drupal en place. Les données clients — tiers, adresses, facturation — sont synchronisées avec GRAF, l'outil de gestion des Ceméa.
Le périmètre e-commerce est complet : variantes et badges produit, gestion et validation de stock, produits numériques et abonnements, codes promo avec restrictions par produits et catégories, checkout multi-étapes (transporteur, point relais, retrait sur place, détection de zone TVA et exonérations) et un parcours de devis en ligne parallèle au panier. Côté back-office : éditeur enrichi avec nettoyage automatique des collages Word, versionnage des contenus (brouillons, prévisualisation, restauration), duplication de produits avec référence automatique et outillage de migration des produits Drupal vers Directus. Le suivi e-commerce Matomo et le bandeau de consentement Klaro complètent la conformité.
Fiche technique
- Année : 2025 – 2026 (évolutions en cours)
- Client : Ceméa — Association nationale
- Équipe : AIOA (conception et développement), direction artistique confiée à un designer externe
- Stack : SvelteKit 2 / Svelte 5, Directus, Meilisearch, Stripe Checkout, Mailgun, TailwindCSS
- Intégrations : OAuth Drupal (comptes de l'écosystème Yakamédia), synchronisation GRAF, Matomo e-commerce, Klaro
- Périmètre : boutique e-commerce complète (catalogue, variantes, stock, codes promo, devis en ligne, espace client), back-office éditorial versionné, outillage de migration Drupal → Directus
Résultats
Développée à l'automne 2025, la boutique est en production sur cemea-boutique.com depuis le tournant 2025-2026 et évolue en continu : restrictions de codes promo par produits et catégories (février 2026), versionnage des contenus et suivi e-commerce Matomo (printemps 2026), correctifs et affinages du tunnel de commande (juin – juillet 2026). Le catalogue en ligne compte près de 300 pages entre catégories et fiches produit — livres, revues, fichiers d'activité, abonnements et outils de communication. Son architecture éprouvée — authentification, tunnel Stripe, codes promo — sert aujourd'hui de socle à la refonte du site Yakamédia, engagée en 2026 : la mutualisation des services entre l'application mobile et la boutique, complétée par l'outillage de migration intégré au back-office, réduit d'autant les coûts de cette migration.