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

Description

La mécanique du Face Filter permet à vos utilisateurs d’uploader une photo d’eux et de la personnaliser avec des éléments de votre marque ou des stickers. Présentez vos produits qui peuvent être utilisés pour personnaliser la photo et les utilisateurs n’ont plus qu’à utiliser ceux qu’ils préfèrent. Ce module est idéal pour vos objectifs de qualification et pour obtenir des informations cruciales sur vos produits/services/collections. Le Face Filter est un mode du module Shopping List.

Sommaire

Design du jeu

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 le graphisme de vos jeux. Pour créer les éléments spécifiques au Face Filter, veuillez consulter cet article : Spécifications graphiques du module Face Filter.

Installation des pages

Tout d'abord, cliquez sur Nouvelle campagne puis sélectionnez la mécanique Shopping List. Vous vous retrouvez ensuite dans l'éditeur de la campagne intégrant les 5 étapes de cette mécanique : Formulaire, Galerie Médias, Shopping List, et la Page Résultat. Si vous le souhaitez, vous pouvez ajouter une page d'accueil et/ou une page de teasing.

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'écrans

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.

Paramètres du module

  • 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. Idéalement, nous recommandons un paramétrage sur 1 participation/jour afin d'inciter l'utilisateur à revenir sur votre campagne régulièrement.

  • Activer la limite de prix : cette option n'est pas à activer, elle est réservée à une utilisation classique du module Shopping List.

  • Affichage aléatoire des articles : vous permet de faire apparaître de façon aléatoire les éléments contenus dans les différentes catégories. Ainsi, tous les filtres et éléments décoratifs peuvent être mis en avant de manière équitable.

  • Limiter l'utilisation à un item par catégorie : peut être utile si vous souhaitez par exemple proposer aux utilisateurs de gagner une tenue complète en ne choisissant qu'un élément parmi tous ceux proposés dans les catégories (1 haut, 1 bas, 1 paires de chaussures, 1 accessoires etc.).

  • Texte d'incitation à l'utilisation des items : ce texte viendra s'afficher avant toute première action de l'utilisateur sur le Face Filter et aura pour but de lui indiquer comment bien commencer sur le module. Exemple sur le screenshot ci-dessus : Déposez un élément pour commencer

Activer l'upload du fond : activez cette option pour que l'utilisateur puisse importer la photo de son choix depuis les fichiers de son ordinateur / tablette ou téléphone. Utilisez le texte d'incitation pour lui expliquer la démarche à suivre, comme dans l'exemple ci-dessous :

Contenu du module

Cliquez sur "Afficher le menu avancé" pour accéder à l'édition des catégories et des éléments de personnalisation qui seront proposés à l'utilisateur :

Liste des catégories : Importez un visuel pour chaque catégorie et nommez-la. Toutes les catégories seront affichées sur la côté gauche de l'image à éditer. Cliquez sur "OK" lorsqu'une catégorie est créée pour passer à la suivante.

Liste des produits : importez un visuel pour chaque élément et choisissez ensuite un nom : nous recommandons de privilégier les noms simples pour faciliter l'identification dans vos exports utilisateurs. Ensuite, vous pouvez insérer une brève description de l'élément (optionnel) puis vous devrez fixer son prix à "0€" (le prix est valable seulement en mode "Shopping List") et finalement indiquer dans quelle catégorie il devra être rangé.

Cliquez sur "OK" lorsqu'un élément est créé pour passer au suivant.

✍️ À savoir : Lorsque l'utilisateur choisit ses éléments, il peut gérer la mise en place de ces derniers sur le fond du Face Filter en changeant leur taille, leur position et/ou leur orientation afin de créer une photo personnalisée.

Personnalisation du module

Version de l'affichage : vous pouvez choisir entre deux types de visualisation différentes pour les catégories, qui s'afficheront sur la gauche de l'écran

Version 1

Version 2

  • Position des boutons : vous devez choisir une position pour les boutons de validation et d'annulation des actions utilisateur entre "haut" et "bas" de l'écran, ainsi que entre "gauche", "milieu" et "droite".

  • Largeur du jeu sur desktop : vous pouvez choisir entre avoir une largeur de 810 px standard ou bien afficher votre écran de jeu en 1200 px, ce qui laissera de la place sur la droite pour afficher des informations par exemple.

  • Nombre d’éléments sur mobile : cette option va jouer sur le nombre de produits qui seront affichés sur l'écran mobile.

Nombre d'éléments : 4

Nombre d'éléments : 1

Affiche 4 éléments sur une ligne horizontale.

L'utilisateur devra scroller verticalement pour voir la ligne de 4 éléments suivants.

Affiche 1 élément à la fois, de façon centrée sur le bas de l'écran.

L'utilisateur devra scroller verticalement pour voir l'élément suivant.

Vous pouvez modifier la couleur des différents éléments suivants pour obtenir un affichage optimal : fond des menus, loaders (qui apparaissent au chargement des catégories/éléments si la connexion internet est lente), nom des catégories, boutons "valider" et "annuler", texte d'introduction incitatif et texte de description.

Vous pouvez aussi personnaliser la barre de chargement en cliquant sur “Option avancée”.

Compatibilité avec le module Galerie Médias

L'une des options possibles du module Face Filter est la mise en valeur de la création des listes utilisateurs à des fins de recrutement et de visibilité de votre campagne sur les réseaux sociaux et autres liens de partage. En effet, avec la configuration telle qu'elle est présentée dans la template (Formulaire > Galerie > Shopping List > Remerciements), chaque visuel de planche créée sera ajouté dans la Galerie automatiquement.

Vos utilisateurs peuvent donc par exemple partager le lien de la campagne à leurs amis/proches afin de les inciter à voter pour leur création et potentiellement gagner une récompense si celle-ci est désignée parmi les meilleurs choix de sélections.

Pour en savoir plus sur l'installation d'un concours photo, veuillez vous référer à l'article dédié.

Installation de la partie Mobile

Une fois votre campagne Desktop configurée, il vous faut passer en vue Mobile afin d'importer les fonds dédiés et de mettre en forme vos différentes pages pour ce support. Pour importer des fonds Mobile, suivez la même procédure que pour les fonds Desktop.

Publication et test de la campagne

Pour tester et prévisualiser votre campagne, consultez cet article. Lorsque les deux versions Desktop et Mobile sont finalisées, vous pouvez lancer la publication de la campagne. N'oubliez pas d'effectuer la vérification de la campagne.

Exemples de campagnes

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

Autres options disponibles


Besoin d'aide ?

Obtenez de l'aide auprès du support en ligne en cliquant sur la bulle 💬

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