Déroulé du concours photo        Ce document a pour but d’expliquer       à un prospect le déroulé type de notre          ...
Page J’aimePage d’arrivée sur le concours.Vous pouvez demander aux internautes de devenir FAN avantde pouvoir jouer.Si c’e...
Page J’accepteL’internaute doit impérativement accepter une applicationpour pouvoir y participer.Le fond de page est une i...
Validation FacebookL’internaute donne son autorisation pour pouvoir utiliserl’application.Obtenir ses coordonnées ne sert ...
Page Je participeUne fois l’application acceptée, l’internaute est redirigé sur lapage d’accueil du concours.Elle a la mêm...
Accueil du concoursSur toutes les pages suivantes du concours, une image de500px vient en tête. Sa hauteur est à discrétio...
Déclinaison de couleursCette page est strictement similaire à la précédente, maisnous n’avons pas défini de couleurs pour ...
Toutes les photosCette page liste toutes les photos des participants.Sous les catégories, un moteur de recherche permet de...
Détail d’une catégorieDans notre exemple, nous avons cliqué sur la catégorieVacances au bout du monde.Cela donne un aperçu...
Détail d’une photoLe haut de page jusqu’à la photo n’est pas changeable, ilconserve le gabarit générique du concours.La ph...
Autre exempleDans notre exemple, nous n’avons pas d’image pour leslibellés Classement, Mon vote, Partagez cette photo,Comm...
Rédaction d’un commentaireQuand l’internaute clique sur commenter, il arrive sur cettepage qui reprend en petit la photo a...
Affichage des commentairesVous avez deux possibilités pour afficher les commentaire.Soit comme sur cette page, directement...
Commentaires page à partSur ce concours, nous n’affichons pas les commentairesdirectement sous la photo mais via un lien L...
Un point sur le backofficeEn tant que client, vous avez accès à votre backoffice qui vous permet de régler un certin nombr...
Gestion des paramètresLe titre permet de se repérer dans le backoffice. C’estsur l’interface développeur Facebook que nous...
Gestion des paramètresPhotos par page : afin de générer la paginationcomme bon vous semble, vous avez le choix entre6,9,12...
Gestion des paramètresLes principaux libellés affichés sur le concours sontparamétrables pour chaque client.La saisie du r...
Gestion des paramètresVous disposez d’une interface graphiquesimple et ergonomique pour gérer lesfeuilles de style de votr...
Modération des réponsesVous pouvez à tout moment regarder dans le backoffice qui a posté quoi et au besoin supprimer desph...
Alerte par mailLes administrateurs du concours reçoiventpar mail une alerte à chaque nouvellephoto postée, ce qui permet d...
Quelques exemples
Prochain SlideShare
Chargement dans…5
×

Concours photo facebook fb-injection

1 494 vues

Publié le

Déroulé type de notre plate-forme de jeux concours

Publié dans : Design
0 commentaire
0 j’aime
Statistiques
Remarques
  • Soyez le premier à commenter

  • Soyez le premier à aimer ceci

Aucun téléchargement
Vues
Nombre de vues
1 494
Sur SlideShare
0
Issues des intégrations
0
Intégrations
16
Actions
Partages
0
Téléchargements
12
Commentaires
0
J’aime
0
Intégrations 0
Aucune incorporation

Aucune remarque pour cette diapositive

Concours photo facebook fb-injection

  1. 1. Déroulé du concours photo Ce document a pour but d’expliquer à un prospect le déroulé type de notre plate-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
  2. 2. Page J’aimePage d’arrivée sur le concours.Vous pouvez demander aux internautes de devenir FAN avantde pouvoir jouer.Si c’est le cas, une image de 500px de large, hauteur àdiscrétion, doit présenter le concours et bien montrervisuellement 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, maisc’est une pratique courante sur Facebook et cela vous permetd’augmenter sensiblement le nombre de FANS pendant toutela durée du concours.
  3. 3. Page J’accepteL’internaute doit impérativement accepter une applicationpour 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 lapage 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 decouleurs des différents boutons.
  4. 4. Validation FacebookL’internaute donne son autorisation pour pouvoir utiliserl’application.Obtenir ses coordonnées ne sert que pour pouvoir désignerdes gagnants et les avertir par mail.Aussi nous ne collectons que le prénom, le nom et l’adressemail (non changeable).En fin de concours, nous disposons donc des mails des gens quiont participé, soit en postant des photos, soit en lescommentant et les notant.Cette base vous appartient et nous vous la remettons surfichier Excel. Nous ne la conservons en aucun cas, et nous nela transmettons jamais à un tiers.
  5. 5. Page Je participeUne fois l’application acceptée, l’internaute est redirigé sur lapage d’accueil du concours.Elle a la même structure que la page J’accepte. Elle reprendle même visuel de fond, une image de 500px de large.Elle fait appel au bouton Je participe, qui est lui aussi un png etqui sera positionné au même endroit (en px par rapport auhaut gauche de la page) que le bouton J’accepte sur lapage 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 auconcours..
  6. 6. Accueil du concoursSur toutes les pages suivantes du concours, une image de500px vient en tête. Sa hauteur est à discrétion, sa création esttotalement libre.Catégories des photos :Elles sont optionnelles. Vous pouvez en créer autant que voussouhaitez et gérer leur ordre dans le backoffice.Elles s’affichent horizontalement à la suite, de manièrecentrée, et passent à la ligne autant que nécessaire. Cetteprésentation n’est pas changeable.Vous pouvez définir une couleur principale pour chaquecatégorie comme ici, couleur reprise ensuite dans les pagesdes photos selon la catégorie à laquelle elles appartiennent.Si vous ne choisissez pas de couleur de catégorie, ellesprennent la couleur 2 définie pour les boutons (cf diaposuivante).Le texte sous les photos, les libellés « participez au concours »,Postez votre première photo, Invitez vos amis Facebook, Vosphotos, et Toutes les photos des participants, sontadministrables dans le backoffice.Le positionnement, l’ordre et la couleur des boutons n’est paschangeable.Nous remontons sur cette page les 3 photos les mieux notéesdu concours, non changeable.
  7. 7. Déclinaison de couleursCette page est strictement similaire à la précédente, maisnous n’avons pas défini de couleurs pour les catégories dephotos.Elles prennent donc la couleur « rose » définie comme couleur2 dans le backoffice.
  8. 8. Toutes les photosCette page liste toutes les photos des participants.Sous les catégories, un moteur de recherche permet de trouverune photo via le nom ou le prénom de son propriétaire.Ce moteur de recherche prend par défaut la couleur 1 définiedans le backoffice, puis la couleur de la catégorie dans la pageconcerné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 auhasard.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 permetd’accéder aux suivantes.Cette pagination prend par défaut la couleur 1, puis la couleur descatégories sur les pages concernées.Si le nombre de pages dépasse la largeur de la page, une listedé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 dansle document.
  9. 9. Détail d’une catégorieDans notre exemple, nous avons cliqué sur la catégorieVacances au bout du monde.Cela donne un aperçu de la déclinaison de couleurs sur leslibellés et les boutons.Le fait d’être dans une catégorie permet de filtrer tous les liensrecherche, amis, plus récentes, mieux notées…
  10. 10. Détail d’une photoLe haut de page jusqu’à la photo n’est pas changeable, ilconserve le gabarit générique du concours.La photo est positionnée à gauche, au format 320x240 nonchangeable.Dans la partie droite, on affiche l’avatar du posteur, son prénom etla première lettre de son nom, le nombre de votes et le nombre decommentaires.Les visuels du cœur et du commentaire sont changeables.Classement de la photo : soit vous avez une image comme ici, soiton affiche le libellé comme page suivante.Mon vote : soit vous avez une image comme ici, soit on affiche lelibellé comme page suivante. Les étoiles sont changeables.Des boutons de couleur 2 permettent d’accéder aux photosprécédentes et suivantes de la catégorie.Partager cette photo : soit vous avez une image comme ici, soit onaffiche le libellé comme page suivante.Commentaires : soit vous avez une image comme ici, soit onaffiche le libellé comme page suivante. Le bouton Commentern’est pas changeable, couleur 2 et libellé fixe.Il y a deux manières de présenter les commentaires, détaillées plusloin dans le document.
  11. 11. Autre exempleDans notre exemple, nous n’avons pas d’image pour leslibellé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 laphoto.Ici la personne a déjà voté, ce qu’on lui indique avec la noteet la date du vote.
  12. 12. Rédaction d’un commentaireQuand l’internaute clique sur commenter, il arrive sur cettepage qui reprend en petit la photo avec un lien de retour nonchangeable.Il dispose d’une boîte texte pour rédiger son commentaire (nonchangeable en largeur et hauteur).Il peut ensuite poster son commentaire et revenir sur la pageprincipale de la photo comme page suivante.
  13. 13. Affichage des commentairesVous 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, etsont affichés l’avatar, le prénom, la première lettre du nom, ladate et le commentaire de chaque utilisateur.Les commentaires sont bien entendus affichés du plus récentau plus ancien, non changeable.
  14. 14. Commentaires page à partSur ce concours, nous n’affichons pas les commentairesdirectement sous la photo mais via un lien Lire lescommentaires, qui a pour effet d’ouvrir la page de détail descommentaires, avec également possibilité d’en rédiger un.Ce choix de présentation se fait via le backoffice et peut êtrechangé à tout moment pendant la durée du jeu.
  15. 15. Un point sur le backofficeEn tant que client, vous avez accès à votre backoffice qui vous permet de régler un certin nombre deparamè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 plusieursdans l’année).Détail des principales fonctionnalités sur les pages suivantes
  16. 16. Gestion des paramètresLe titre permet de se repérer dans le backoffice. C’estsur l’interface développeur Facebook que nousindiquons le nom définitif du jeu.Le mode des questions permet de typer le concours,soit quiz soit concours photo, soit concours vidéo, soitconcours texte. Il est possible de limiter l’envoi dephoto à une par joueur ou le laisser illimité.La participation peut être illimitée, limitée à une, ouune chaque jour (retentez votre chance demain).Concours actif OUI/NON, à NON il ne s’affiche plusdans Facebook, à ne pas changer vous-même !J’aime : obligatoire ou non pour participer auconcours.Légende et description photos : OUI/NON, on peutdemander à l’internaute de juste poster un visuel sanstitre.Catégories photo : attribution de l’arborescence descatégories gérée par ailleurs.
  17. 17. Gestion des paramètresPhotos par page : afin de générer la paginationcomme bon vous semble, vous avez le choix entre6,9,12,24,36,48 et 64 photos par page.Commentaires sous la photo : OUI/NON, si non, lescommentaires sont sur une page à part, cfpré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, maispartager les mêmes photos postées.On peut poster : OUI/NON. A la fin du concours, vouspouvez le laisser ouvert en consultation mais on nepeut plus poster de nouvelles photos.On peut noter / commenter : à la fin du concours,vous pouvez laisser les gens consulter les photos maisles votes et commentaires sont clos.Site internet du client : ce sera le lien cliquable sur lelogo en bas à droite de chaque page du concours sivous en avez ajouté un.
  18. 18. Gestion des paramètresLes principaux libellés affichés sur le concours sontparamétrables pour chaque client.La saisie du règlement et de l’introduction auconcours se fait sur un éditeur en ligne proche deWord.Vous pouvez à tout moment changer ces paramètres,y-compris pendant le jeu. Evolution du règlement siprolongations par exemple.
  19. 19. Gestion des paramètresVous disposez d’une interface graphiquesimple et ergonomique pour gérer lesfeuilles de style de votre concours.Choix des couleurs des textes, desboutons, principaux styles pourpositionner le bouton de participation parexemple.A manipuler avec précaution si vousn’avez pas de connaissance HTML ouCSS
  20. 20. Modération des réponsesVous pouvez à tout moment regarder dans le backoffice qui a posté quoi et au besoin supprimer desphotos ne correspondant pas à l’esprit du concours.
  21. 21. Alerte par mailLes administrateurs du concours reçoiventpar mail une alerte à chaque nouvellephoto postée, ce qui permet d’êtreréactif sur la modération si la photo nerépond pas aux exigences du concours.
  22. 22. Quelques exemples

×