Didacticiel - Calendrier Gagnant 🗓

Configurez votre calendrier gagnant/de l'avent en toute simplicité !

Simon Dubreucq avatar
Écrit par Simon Dubreucq
Mis à jour il y a plus d’une semaine

Description

La Mécanique Calendrier Gagnant propose une variété d'animations quotidiennes liées à votre marque à travers des "cases" à ouvrir, notamment :

  • Remportez chaque jour une nouvelle récompense.

  • Explorez un produit ou service inédit quotidiennement.

  • Participez à un jeu différent chaque jour.

  • Et bien plus encore !

Avec de nombreuses options de personnalisation, ce module est extrêmement adaptable. Il convient non seulement pour les fêtes de fin d'année, comme un calendrier de l'Avent, mais est également idéal pour dynamiser votre communauté tout au long de l'année. La promesse de découvrir du contenu exclusif chaque jour incite vivement vos utilisateurs à revenir quotidiennement, renforçant ainsi leur exposition à votre marque et leur engagement sur le long terme.

✍️ Note : Si votre Calendrier Gagnant implique l'utilisation de plusieurs modules de jeu successifs, assurez-vous de prendre en considération le temps requis pour préparer cette campagne (y compris la création graphique, la configuration et les tests) dans votre rétro-planning.

Design du jeu

Avant de configurer votre campagne, il vous faudra avoir créé les différents éléments graphiques nécessaires. Pour commencer, veuillez consulter cette page qui vous donnera accès à toutes les informations essentielles pour la création graphique de votre campagne : Réaliser les graphismes de vos jeux.

Vous trouverez tous les éléments en téléchargement pour votre module (dimensions standard) dans notre pack incluant un PSD aux dimensions standards et un manuel pour la création des graphismes :

Installation des pages

Cliquez sur "Nouvelle campagne" puis sélectionnez la mécanique "Calendrier Gagnant". Vous vous retrouvez ensuite dans l'éditeur de la campagne intégrant les étapes de cette mécanique : Formulaire, Calendrier Gagnant, une page Instant Gagnant de type Click & Win, les Pages Gagné et Perdu, la page Déjà joué et la page de fin de campagne. Si vous le souhaitez, vous pouvez ajouter une page de teasing ou une page d'accueil.

N'oubliez pas de configurer vos paramètres de campagne dès à présent, en indiquant notamment les dates de la campagne et en important le règlement et la politique de confidentialité.

Installation des fonds d'écran

Image de fond - Calendrier

Importez vos fonds d'écrans Desktop en cliquant sur l'icône "+" dans Image de fond. Pour connaitre les spécifications graphiques des fonds pour ce module, veuillez vous référer à la partie "Design du jeu" de cet article. Vous avez aussi la possibilité d'ajouter une couleur de fond unie qui entourera vos pages de jeu. Vous pouvez laisser la couleur de base ou choisir d'uniformiser votre campagne, avec une couleur qui rappelle votre marque ou vos pages de jeu par exemple.

Configuration du Calendrier Gagnant

  • Nombre de participations : définissez le nombre de participations par jour, semaine, mois ou campagne et par utilisateur, puis créez et sélectionnez votre page Déjà Joué. Si l’utilisateur tente de rejouer, il tombera directement sur cette page. Pour un Calendrier Gagnant, nous recommandons 2 options au choix :

  • Une participation illimitée : cela signifie que vos utilisateurs pourront accéder à votre page de Calendrier de manière illimitée (indépendamment des limitations que vous aurez configuré sur les éventuelles mécaniques derrière chacune des cases de ce Calendrier).

  • Une participation limitée à 1 fois/jour : afin que l'utilisateur soit incité à revenir tous les jours sur votre campagne pour accéder quotidiennement à votre Calendrier. Ceci créera une attente et un intérêt constant pour votre campagne. S'il revient une seconde fois sur la page de Calendrier en 24H, il sera alors redirigé vers une page "déjà joué".

  • Autoriser l'accès illimité aux cases : permet d'accéder de façon permanente à toutes les cases déjà ouvertes, dans n'importe quel ordre. Par exemple, si vous souhaitez utiliser le calendrier pour faire découvrir 30 produits ou services différents à vos utilisateurs, vous souhaiterez peut-être qu'il puisse accéder à ces 30 cases de manière illimitée et dans l'ordre qu'il souhaite. Si cette option n'est pas activée, l'accès aux cases sera conditionné par la plage de disponibilité que vous aurez paramétré sur chacune d'entre elle.

  • Ouvrir les cases des jours passés : option de personnalisation permettant de laisser "ouvertes" les cases dont la date de disponibilité est antérieure à l'instant T où l'utilisateur accède au Calendrier. À noter, il pourra quand même cliquer sur une case déjà ouverte / passée si vous avez autorisé l'accès illimité aux cases (ci-dessus).

Contenu du Calendrier Gagnant

L'onglet "Contenu" du Calendrier Gagnant permet :

  • D'importer le visuel des contenus des cases : ces visuels sont ceux qui apparaîtront respectivement à l'ouverture de chacune des cases

  • De paramétrer la page de redirection : vous permet de définir la page de votre campagne vers laquelle redirigera chaque case, quelle qu'elle soit.

  • De définir les dates d'accès de chaque case (début/fin).

Vous pouvez ainsi rediriger l'utilisateur sur : un Instant Gagnant pour distribuer des dotations sur votre campagne, un Jeu à Score pour dynamiser votre campagne, une page Basique de promotion de votre marque via une vidéo ou un bon de réduction,... les exemples de possibilités sont nombreux et font du Calendrier Gagnant un module extrêmement personnalisable pour donner une réelle identité à votre campagne et prolonger l'exposition de l'utilisateur à votre marque.

Personnalisation de l'apparence

  • Visuel de fond de jeu : Lors de l'importation du fond sur l'interface desktop, il est important de noter que le même visuel sera utilisé au format mobile. Il n'est pas possible de dissocier les deux visuels. Assurez-vous que le fond que vous importez inclut les visuels des cases en mode "fermé", car c'est ce visuel que l'utilisateur verra en arrivant sur la page du Calendrier, que ce soit sur desktop ou sur mobile. Cela garantit une expérience utilisateur cohérente sur les deux plateformes.

  • Afficher le contour des cases : vous pouvez entourer vos cases d'un contour continu ou en pointillé, ainsi que choisir l'épaisseur et la couleur de contour afin de faire ressortir votre visuel sur votre fond de jeu.

  • Animation d'ouverture : vous avez plusieurs options d'ouverture pour vos cases (voir le paragraphe ci-dessous).

  • Couleur intérieure des cases : permet de mettre un filtre de couleur sur la partie intérieure des cases. Ceci est surtout visible sur les animations "volets en bois" et "portes" :

Volet en bois

Portes

  • Les paramètres d'options avancées vous permettent de configurer les détails de votre barre de chargement ainsi que l'animation de la case du jour : vous pouvez inciter l'utilisateur à cliquer sur la case du jour en déclenchant une animation "Pulse" ou "Buzz" sur celle-ci :

Pulse

Buzz

Animations d'ouvertures :

Volet

Store

Disparition

Porte en bas

Porte gauche

Porte droit

Porte haut

Paramètres d'édition et de prévisualisation du module

Pour faciliter la configuration des moteurs de jeu en un clic, les paramètres d'édition sont accessibles dans un menu contextuel accessible à la sélection du jeu dans la preview, regroupant :

  • L'édition du moteur de jeu : permet de placer sur le fond de jeu les éléments visuels importés dans la partie "Contenu". Il vous faut donc positionner les visuels des cases en mode "ouvert" par dessus les visuels des cases en mode "fermé" qui sont présents sur votre fond de jeu. N'oubliez pas qu'il est toujours possible de scénariser votre calendrier en plaçant les cases dans l'ordre que vous souhaitez, ou même en remplaçant le principe de "cases" par du texte par exemple.

  • L'édition des dimensions du jeu : profitez de dimensions optimales avec le mode "classique" (sélectionné par défaut) ou choisissez des dimensions manuelles pour intégrer votre jeu dans votre application mobile ou votre site en adaptant ses dimensions aux contraintes de votre webview

Installation de la partie Mobile

Une fois votre campagne Desktop configurée, passez en vue Mobile afin d'importer les images de fond et de mettre en forme vos différentes pages pour ce support.

✍️ À savoir : lorsque l'utilisateur arrive sur la page Calendrier Gagnant de la version mobile, un effet de zoom le fait passer d'une vue globale de toutes les cases à une vue rapprochée. Il faudra qu'il scroll horizontalement ou verticalement son écran pour accéder à toutes les cases qu'il/elle souhaite. Enfin, le moteur de jeu effectuera automatiquement un recentrage sur la case et/ou l'animation du jour pour inciter au clic.

Publication et test de la campagne

Lorsque les versions Desktop et Mobile sont finalisées, vous pouvez prévisualiser votre campagne pour la tester. Pour connaitre les choses indispensables à vérifier, consultez cet article. Une fois que vos tests sont terminés, vous pouvez publier votre campagne sur votre domaine personnalisé et la diffuser auprès de votre audience.

Autres options disponibles

Exemples de campagnes

Découvrez des exemples de scénarisation du module ci-dessous et dans notre espace "Inspiration".

Exemple : Cyrillus scénarise son Calendrier Gagnant en remplaçant les cases par du texte : le fond de jeu comporte un texte avec des emplacements vides numérotés de 1 à 16, et les cases "ouvertes" sont en réalité les parties de texte manquantes.

Oui.sncf met en avant ses services de location de voiture via iDAvis pendant le temps fort des vacances d'été via un calendrier. Scénarisé de manière estivale, il invite l'utilisateur à découvrir chaque jour s'il remporte une location de voiture prestige... ou des vacances prolongées pour la rentrée.

McDonald's médiatise ses produits à l'occasion des fêtes de fin d'année par le biais d'un calendrier dont chacune des cases met en avant ces derniers, produits pouvant être remportés sous la forme de bons d'achat via l'instant gagnant, accessible quotidiennement à l'ouverture d'une case.

Bonduelle médiatise ses fêtes de fin d'année par le biais d'un calendrier, où l'utilisateur est chaque jour exposé à sa gamme de conserves et peut tenter de remporter un lot.

Cyrillus scénarise ses fêtes de fin d'année par le biais d'un calendrier prenant la forme dune composition de cadres décomptant les jours jusqu'au 25 Décembre.

Avez-vous trouvé la réponse à votre question ?