Déroulé du concours photoCe document a pour but d’expliquer

à un prospect le déroulé type de notreplate-forme de concours photo

en indiquant précisément ce qui est changeable ou non dans le cadre d’un forfait budgétaire.

Toute option est réalisable après accord sur devis

Page J’aime

Page d’arrivée sur le concours.

Vous pouvez demander aux internautes de devenir FAN avant de pouvoir jouer.

Si c’est le cas, une image de 500px de large, hauteur à discrétion, doit présenter le concours et bien montrer visuellement qu’il faut cliquer sur J’aime pour aller plus loin.La création de cette image est totalement libre.Elle ne contient aucun bouton et n’est pas cliquable.

Vous n’êtes pas obligé d’exiger d’être FAN pour jouer, mais c’est une pratique courante sur Facebook et cela vous permet d’augmenter sensiblement le nombre de FANS pendant toute la durée du concours.

Page J’accepte

L’internaute doit impérativement accepter une application pour pouvoir y participer.

Le fond de page est une image de 500 px de large, hauteur à discrétion. Dans notre exemple, elle reprend la création de la page J’aime mais ce n’est pas une obligation.

Le bouton Je participe est un png, avec ou sans transparence, positionné à la feuille de style, et dont la taille est à discrétion.

En bas de page (selon la hauteur de votre image principale) : A gauche, 2 boutons, de recommandation et de

règlement. Leur ordre n’est pas changeable. La plate-forme vous propose 2 couleurs de boutons (fond et texte), ici couleur 1 pour la recommandation et couleur 2 pour le règlement, non changeable.

A droite vous pouvez faire figurer le logo de votre entreprise, et ajouter une mention dessous, directement via le backoffice (texte et lien libres).

Ce pied de page est affiché sur toutes les étapes du jeu.

Vous verrez dans les écrans suivants les déclinaisons de couleurs des différents boutons.

Validation Facebook

L’internaute donne son autorisation pour pouvoir utiliser l’application.

Obtenir ses coordonnées ne sert que pour pouvoir désigner des gagnants et les avertir par mail.

Aussi nous ne collectons que le prénom, le nom et l’adresse mail (non changeable).

En fin de concours, nous disposons donc des mails des gens qui ont participé, soit en postant des photos, soit en les commentant et les notant.

Cette base vous appartient et nous vous la remettons sur fichier Excel. Nous ne la conservons en aucun cas, et nous ne la transmettons jamais à un tiers.

Page Je participe

Une fois l’application acceptée, l’internaute est redirigé sur la page d’accueil du concours.

Elle a la même structure que la page J’accepte. Elle reprend le même visuel de fond, une image de 500px de large.

Elle fait appel au bouton Je participe, qui est lui aussi un png et qui sera positionné au même endroit (en px par rapport au haut gauche de la page) que le bouton J’accepte sur la page précédente.En revanche il peut être plus gros, de couleur différente…

Pour mémoire, c’est sur cette page que sera toujours redirigé un internaute qui est déjà FAN de votre page et qui a déjà accepté l’application, et qui reclique sur l’onglet d’accès au concours..

Accueil du concours

Sur toutes les pages suivantes du concours, une image de 500px vient en tête. Sa hauteur est à discrétion, sa création est totalement libre.

Catégories des photos :Elles sont optionnelles. Vous pouvez en créer autant que vous souhaitez et gérer leur ordre dans le backoffice.Elles s’affichent horizontalement à la suite, de manière centrée, et passent à la ligne autant que nécessaire. Cette présentation n’est pas changeable.Vous pouvez définir une couleur principale pour chaque catégorie comme ici, couleur reprise ensuite dans les pages des photos selon la catégorie à laquelle elles appartiennent.Si vous ne choisissez pas de couleur de catégorie, elles prennent la couleur 2 définie pour les boutons (cf diapo suivante).Le texte sous les photos, les libellés « participez au concours », Postez votre première photo, Invitez vos amis Facebook, Vos photos, et Toutes les photos des participants, sont administrables dans le backoffice.Le positionnement, l’ordre et la couleur des boutons n’est pas changeable.Nous remontons sur cette page les 3 photos les mieux notées du concours, non changeable.

Déclinaison de couleurs

Cette page est strictement similaire à la précédente, mais nous n’avons pas défini de couleurs pour les catégories de photos.Elles prennent donc la couleur « rose » définie comme couleur 2 dans le backoffice.

Toutes les photos

Cette page liste toutes les photos des participants.Sous les catégories, un moteur de recherche permet de trouver une photo via le nom ou le prénom de son propriétaire.Ce moteur de recherche prend par défaut la couleur 1 définie dans le backoffice, puis la couleur de la catégorie dans la page concernée.Les liens suivants permettent d’accéder aux photos de ses amis, aux plus récentes, aux mieux notées, aux plus commentées et au hasard.Ces liens (libellés et ordre) ne sont pas changeables.

En dessous, nous pouvons remonter 6, 9, 12, 24, 32, 48 ou 64 photos, ce qui déterminera la pagination.

Sous la liste de photos, le cas échéant, une pagination permet d’accéder aux suivantes.Cette pagination prend par défaut la couleur 1, puis la couleur des catégories sur les pages concernées.Si le nombre de pages dépasse la largeur de la page, une liste déroulante apparaît pour toutes les pages centrales.Ex : boutons de 1 à 5, liste déroulante de 6 à 99, boutons de 100 à 105.

Nous détaillons le gabarit de présentation des photos plus loin dans le document.

Détail d’une catégorie

Dans notre exemple, nous avons cliqué sur la catégorie Vacances au bout du monde.

Cela donne un aperçu de la déclinaison de couleurs sur les libellés et les boutons.

Le fait d’être dans une catégorie permet de filtrer tous les liens recherche, amis, plus récentes, mieux notées…

Détail d’une photo

Le haut de page jusqu’à la photo n’est pas changeable, il conserve le gabarit générique du concours.

La photo est positionnée à gauche, au format 320x240 non changeable.

Dans la partie droite, on affiche l’avatar du posteur, son prénom et la première lettre de son nom, le nombre de votes et le nombre de commentaires.Les visuels du cœur et du commentaire sont changeables.Classement de la photo : soit vous avez une image comme ici, soit on affiche le libellé comme page suivante.Mon vote : soit vous avez une image comme ici, soit on affiche le libellé comme page suivante. Les étoiles sont changeables.Des boutons de couleur 2 permettent d’accéder aux photos précédentes et suivantes de la catégorie.

Partager cette photo : soit vous avez une image comme ici, soit on affiche le libellé comme page suivante.Commentaires : soit vous avez une image comme ici, soit on affiche le libellé comme page suivante. Le bouton Commenter n’est pas changeable, couleur 2 et libellé fixe.

Il y a deux manières de présenter les commentaires, détaillées plus loin dans le document.

Autre exemple

Dans notre exemple, nous n’avons pas d’image pour les libellés Classement, Mon vote, Partagez cette photo, Commentaires. Ils sont donc affichés en texte non modifiable, soit de couleur 1, soit de la couleur de la catégorie de la photo.

Ici la personne a déjà voté, ce qu’on lui indique avec la note et la date du vote.

Rédaction d’un commentaire

Quand l’internaute clique sur commenter, il arrive sur cette page qui reprend en petit la photo avec un lien de retour non changeable.

Il dispose d’une boîte texte pour rédiger son commentaire (non changeable en largeur et hauteur).

Il peut ensuite poster son commentaire et revenir sur la page principale de la photo comme page suivante.

Affichage des commentaires

Vous avez deux possibilités pour afficher les commentaire.Soit comme sur cette page, directement sous la photo.

Vous avez alors la liste avec ascenseur vertical de la page, et sont affichés l’avatar, le prénom, la première lettre du nom, la date et le commentaire de chaque utilisateur.

Les commentaires sont bien entendus affichés du plus récent au plus ancien, non changeable.

Commentaires page à part

Sur ce concours, nous n’affichons pas les commentaires directement sous la photo mais via un lien Lire les commentaires, qui a pour effet d’ouvrir la page de détail des commentaires, avec également possibilité d’en rédiger un.

Ce choix de présentation se fait via le backoffice et peut être changé à tout moment pendant la durée du jeu.

Un point sur le backoffice

En tant que client, vous avez accès à votre backoffice qui vous permet de régler un certin nombre de paramètres du jeu, et surtout de pouvoir modérer les réponses.Un code d’accès vous est fourni et est sécurisé pour un ou plusieurs concours (si vous en faites plusieurs dans l’année).

Détail des principales fonctionnalités sur les pages suivantes

Gestion des paramètres

Le titre permet de se repérer dans le backoffice. C’est sur l’interface développeur Facebook que nous indiquons le nom définitif du jeu.

Le mode des questions permet de typer le concours, soit quiz soit concours photo, soit concours vidéo, soit concours texte. Il est possible de limiter l’envoi de photo à une par joueur ou le laisser illimité.

La participation peut être illimitée, limitée à une, ou une chaque jour (retentez votre chance demain).

Concours actif OUI/NON, à NON il ne s’affiche plus dans Facebook, à ne pas changer vous-même !

J’aime : obligatoire ou non pour participer au concours.

Légende et description photos : OUI/NON, on peut demander à l’internaute de juste poster un visuel sans titre.

Catégories photo : attribution de l’arborescence des catégories gérée par ailleurs.

Gestion des paramètres

Photos par page : afin de générer la pagination comme bon vous semble, vous avez le choix entre 6,9,12,24,36,48 et 64 photos par page.

Commentaires sous la photo : OUI/NON, si non, les commentaires sont sur une page à part, cf précédemment dans ce document.

Concours lié : deux concours peuvent être liés l’un à l’autre, pour figurer sur 2 pages FAN différentes, mais partager les mêmes photos postées.

On peut poster : OUI/NON. A la fin du concours, vous pouvez le laisser ouvert en consultation mais on ne peut plus poster de nouvelles photos.

On peut noter / commenter : à la fin du concours, vous pouvez laisser les gens consulter les photos mais les votes et commentaires sont clos.

Site internet du client : ce sera le lien cliquable sur le logo en bas à droite de chaque page du concours si vous en avez ajouté un.

Gestion des paramètres

Les principaux libellés affichés sur le concours sont paramétrables pour chaque client.

La saisie du règlement et de l’introduction au concours se fait sur un éditeur en ligne proche de Word.

Vous pouvez à tout moment changer ces paramètres, y-compris pendant le jeu. Evolution du règlement si prolongations par exemple.

Gestion des paramètres

Vous disposez d’une interface graphique simple et ergonomique pour gérer les feuilles de style de votre concours.

Choix des couleurs des textes, des boutons, principaux styles pour positionner le bouton de participation par exemple.

A manipuler avec précaution si vous n’avez pas de connaissance HTML ou CSS

Modération des réponses

Vous pouvez à tout moment regarder dans le backoffice qui a posté quoi et au besoin supprimer des photos ne correspondant pas à l’esprit du concours.

Alerte par mail

Les administrateurs du concours reçoivent par mail une alerte à chaque nouvelle photo postée, ce qui permet d’être réactif sur la modération si la photo ne répond pas aux exigences du concours.

Quelques exemples