Cliquer pour passer

Projet agence · Artefact 30002024

Aéroports de Paris (Groupe ADP)

Next.jsMongoDBCanvasStorybookLottiei18next

Jeu à gratter virtuel — Sweetime Factory

Pour Extime, la marque de luxe travel retail des Aéroports de Paris, j'ai développé un jeu concours digital qui a touché des centaines de milliers d'utilisateurs en quelques semaines seulement. Les voyageurs recevaient un bon physique avec QR code à l'achat en boutique — en le scannant, ils accédaient au jeu et pouvaient gratter un ticket virtuel pour remporter une récompense : sucette ou code de réduction valable dans les boutiques de l'aéroport.

Vue d'ensemble01

Un ticket virtuel à gratter avec le doigt.

Un jeu concours déployé sur l'ensemble des terminaux de Roissy pendant deux semaines. QR code remis en boutique, grattage tactile sur Canvas, récompense instantanée — tout joué debout, avant l'embarquement.

Fig.01 — Mobile, en aéroportCanvas

Un ticket, une chance. Le voyageur arrive sur l'écran d'accueil, invité à tenter sa chance. Il saisit son email — la carte se retourne alors pour révéler sa zone de grattage. Tout est pensé pour être joué en quelques secondes, debout, avant d'embarquer.

Gratter pour révéler. La récompense est cachée sous une surface tactile dessinée sur canvas. Le joueur gratte avec le doigt — et le gain apparaît automatiquement : sucette, réduction -5% ou réduction -20%.

Une expérience en six étapes. Accueil → saisie email → flip de carte → grattage → résultat gagnant ou écran dommage. Chaque transition est animée, chaque étape se succède sans rechargement — une expérience fluide du début à la fin.

L'opération en chiffres

× 100k+

Joueurs en 2 semaines

6 étapes

Du QR code au gain

FR · EN

Sans création de compte

0 fraude

Cookie + vérif email serveur

Section02

Le parcours, en quatre captures.

En quelques secondes, le voyageur saisit son email, retourne la carte et gratte pour révéler son lot. Chaque étape s'enchaîne sans rechargement — de l'inscription au bon de réduction, tout est fluide et pensé pour être joué debout, avant l'embarquement.

01Saisie email
Jeu à gratter virtuel — Sweetime Factory — étape 01 Saisie email
02Flip de carte
Jeu à gratter virtuel — Sweetime Factory — étape 02 Flip de carte
03Grattage tactile
Jeu à gratter virtuel — Sweetime Factory — étape 03 Grattage tactile
04Récompense
Jeu à gratter virtuel — Sweetime Factory — étape 04 Récompense
Côté technique03

Cinq décisions qui ont fait le projet.

Pour les développeurs et les recruteurs : pourquoi Canvas pour le grattage, comment sécuriser MongoDB côté serveur, comment garantir l'anti-fraude avec une double couche, et comment distribuer des récompenses à stocks limités.

01

Carte à gratter sur canvas et cadre responsive

Le grattage tactile repose entièrement sur Canvas — le seul moyen d'effacer progressivement une surface dessinée sous le doigt. Le tracé doit rester fluide même à grande vitesse, et la révélation se déclenche automatiquement dès qu'un seuil de surface grattée est atteint. Le cadre décoratif (style bonbon) est lui aussi dessiné sur canvas : ses dimensions s'adaptent dynamiquement au container pour rester proportionnel sur tous les formats d'écran, du téléphone à la tablette.

02

Funnel en état machine et flip de carte

L'expérience suit 6 étapes séquentielles (accueil, saisie email, flip, grattage, gain, dommage). La récompense est attribuée côté serveur avant que la carte ne se retourne — le joueur ne peut pas savoir à l'avance ce qu'il va gagner. Chaque transition est animée pour rendre le funnel fluide sans rechargement.

03

Anti-fraude : QR code physique et double vérification

L'accès passe par un QR code remis physiquement en boutique — sans ce bon, impossible de jouer. Une première vérification côté client bloque les tentatives répétées depuis le même appareil. Si cette barrière est contournée, une vérification serveur via l'email prend le relais. La personne ne peut pas rejouer, qu'elle ait gagné ou non.

04

Distribution probabiliste avec stocks limités

Trois récompenses avec des probabilités différentes. Si une tranche est tirée mais son stock est épuisé, le joueur atterrit sur 'Dommage' — pas de rebond vers une autre récompense. Cela garantit une distribution strictement contrôlée sur toute la durée de l'opération.

05

Animations : fond rotatif, Lottie et Framer Motion

Le fond tourne en continu à deux vitesses selon l'étape. La pluie de bonbons au gain est une séquence Lottie fournie par le design, jouée en une seule passe. Les décorations candy apparaissent progressivement dès que l'utilisateur quitte l'écran principal.

Stack du projet04

Les outils qui font tenir l'opération.

01Next.js (App Router)App + API routes · proxy serveur sécurisé pour MongoDB
02MongoDBCharge d'écriture intense · structure flexible par boutique
03Canvas APIGrattage tactile · effacement progressif sous le doigt
04StorybookComposants graphiques validés en isolation
05Lottie + Framer MotionPluie de bonbons design + transitions programmatiques
06i18nextFR / EN sans changement d'URL · terminal identifié par UTM
Équipe05

Avec qui j'ai travaillé.

Projet mené chez Artefact 3000, avec une équipe design Extime et un manager produit côté Artefact.

01Mathieu CrochetManager & architecture backend · Artefact 3000
02Vincent BlacherHead of Design · Artefact 3000
03Pauline ChapelleDesigner · Artefact 3000
Après l'opération06

En deux semaines, sur tous les terminaux.

L'opération a attiré plusieurs centaines de milliers de participants sur une à deux semaines, avec un taux d'engagement supérieur aux attentes. Le jeu a contribué à augmenter le trafic dans les boutiques Extime pendant la période.

Une opération digitale à imaginer ?

Je conçois et développe des expériences gamifiées en marque blanche, du QR code à l'envoi du gain.

Canvas tactile, MongoDB sécurisé, anti-fraude double couche, multi-langue : ce projet a posé les briques que je peux remettre en œuvre ailleurs.

Voir mes formules

Projet suivant

Artefact

Outil de formation au prompting IA