[ Bottle Guys ] — Scénario Site

Le site se présentera sous forme d’une planche de bande dessinée en vue perspective comme si la planche était plaquée au sol, cette dernière sert en fait directement de sol.

Le fond est neutre, dans des tons de blanc avec un léger dégradé pour simuler un horizon.

Sur cette planche de Bd servant de sol se trouvent des immeubles, ces derniers sont comme des vignettes sorties de la planche de Bd, découpées dans du papier et posées sur la planche.
De cette façon se trouvent trois plans d’immeuble, ceux du second plan sont plus petits et ceux du troisième encore plus.

Ces immeubles forment le menu de la page d’accueil. Ils suivent le mouvement d’une barre de défilement. Ainsi, ils vont vers la gauche quand l’interactant passe la souris à droite et inversement avec la souris à gauche.
Quand un immeuble s’apprête à quitter l’écran, il se replaque contre la planche de bd comme s’il rentrait à l’intérieur. Inversement, quand un immeuble doit apparaître, il sort de la planche de bd à la façon d’une vignette.

Certains immeubles servent de bouton pour le lien vers la vidéo d’un Super-héros. Dans leur vignette se trouve le Super-héros en position d’action avec son nom posé comme un titre et des bulles étant les boutons. Par défaut se trouve la bulle : « Voir la vidéo ».
Comme cet ensemble fait partie d’une même vignette, l’ensemble rentre et ressort de la bd en un seul bloc.

En second plan, on trouvera les liens subsidiaires tels que « Que feriez-vous pour sauver le monde? ».

Enfin, devant cet ensemble sera rajouté quelques petites formes, dans le même style que le reste à savoir en dessin-vignette et dans la même idée que le reste concernant la bande dessinée. Ceci afin d’enrichir le graphisme.




Navigation

La navigation sera simple et intuitive.


La première page sera la préface avec la bande annonce du site.

Une fois passé cela (On pourra, évidemment, aller directement à l’accueil sans la visionner en entier) on se trouvera devant le menu (Avec les immeubles) où on aura tous les boutons d’accès vers les différentes vidéos ou les parties additionnelles tel que « Que feriez-vous pour sauver le monde? »

Lorsqu’on voudra aller sur l’une des vidéos pour la première fois, le lien ne nous donnera accès qu’à « Voir la vidéo » ce qui nous permettra de voir la vidéo en entier.
On verra d’abord le previously du Super héros puis débutera la vidéo jusqu’au choix de la bouteille et le packshot final.

Quand on aura fini de visionner une vidéo dans sa totalité, le lien vers cette dernière changera, on aura toujours « Voir la vidéo » mais on aura également :
« Voir sans previously » : Qui nous fera sauter directement au commencement de la vidéo sans le previously.
« Voir la fin » : Qui nous fera sauter directement au moment du choix de la bouteille.
« Caractéristiques » : Qui fera apparaître les caractèristiques du Super-Héros de cette vidéo.

Durant ces vidéos apparaîtront des questions interactives. Ces QCM mettent les vidéos en pause et proposent trois réponses possibles.
Si l’interactant répond correctement, la vidéo reprend.
Si l’interactant se trompe, il passe à une autre vidéo qu’il n’a pas déjà fini, là où il l’avait laissée après avoir vu la phrase : « Et pendant ce temps là... »
Par exemple : S’il visionne la vidéo d’Ultra-Flyer et qu’il y a une question alors qu’il est dans sa salle de bain et qu’il se trompe, il passera alors à, au hasard, Super-Naturel, dont il verra le previously, etc. Puis, s’il se trompe à une des questions de Super-Naturel, il pourra retomber sur Ultra-Flyer, directement dans la salle de bain car là où il l’avait laissé.



Lorsque l’interactant aura finit une vidéo d’un Super Héros, il embrayera sur une autre vidéo non finie là où il l’avait laissée, le but étant de terminer toutes les vidéos.

Une fois que l’interactant sera parvenu à terminer la totalité des vidéos, il aura accès à une partie bonus :
- Des petits jeux autour des bouteilles
- Un bêtisier
- Des informations sur Super-Vilain
- Le Coming-Soon (Ce qu’il se passera dans les prochains épisodes, même s’il n’y en aura pas)


Dans toutes les vidéos il se trouvera un petit module en bas de l’écran avec quelques boutons permettant :
- De régler le volume
- De mettre la vidéo en pause ou de la relancer
- De retourner à l’accueil


En ce qui concerne la partie « Que feriez-vous pour sauver le monde? »
L’interactant se trouvera simplement sur un nouvel endroit où il pourra visionner, telle une galerie, les différentes vidéos sur le thème et pourra, bien évidemment, retourner à l’accueil quand bon lui semblera.




Le résultat final

En premier lieu il tombe sur la vidéo de la bande-annonce qu’il peut choisir de passer ou de regarder. Cela permet aux internautes ayant eut l’addresse du site par un amis de comprend son thême.


Il arrive ensuite sur la page d’accueil avec les vignettes d’immeubles défilantes.
Autour de ces immeubles passeront divers éléments graphiques tels que des pigeons (sous forme de vignette également mais animés) qui feront apparaître une onomatopée «Flap!» A chaque coup d’ailes.
Des voitures en vignette passent également au sol puis tournent, révélant qu’elles sont plates, etc.


Il fait défiler les immeubles et tombe sur certains d’entre eux avec un Super-Héros dessus et une bulle indiquant « Voir la vidéo ».


Pour la transition avec la vidéo, tous les immeubles se plaquent contre la planche de bd du sol puis l’oeil de l’interactant viend se placer face à cette planche de bd qui deviend la bd de previously du Super-Héros.
Durant le Previously, l’interactant voit la façon dont le Super-Héros a été amené à boire la bouteille et découvre son pouvoir.


Après avoir vu le previously où l’interactant voit environ cinq-six cases racontant l’histoire de ce Super-Héros, la planche de Bd se tourne, telle une page d’un livre, pour laisser place à la planche de Bd de la vidéo elle-même.
Durant cette vidéo, l’internaute tombe sur des passages interractifs qui mes la vidéo en pause. Une question sous forme de QCM humorisitque lui est posé. S’il se trompe, il change de vidéo, sinon, il poursuit.


L’interactant voit le Super-Héros vivre sa petite journée avec son pouvoir et l’humour décalé prévu jusqu’à ce que ce dernier rencontre Super-Vilain et se fasse battre par lui.
L’interactant arrive sur le choix de la bouteille.
Il voit la façon dont le Super-Héros bat Super-Vilain, de façon dynamique avec la bouteille rouge ou de façon calme avec la bouteille verte.

Puis, l’interactant voit le packshot de la bouteille qu’il a choisi et va sur une autre vidéo. Et ainsi de suite.


Par ces différents procédés, l’interactant est amené à revoir plusieurs fois les mêmes vidéos. Les questions interactives ont parfois des résultats burlesques qu’il voudra constater. De plus, il voudra voir quelles seront les deux fins possibles selon la bouteille choisit.


À côté de ça, l’interactant peut aller dans la partie «Que feriez-vous pour sauver le monde? » où il pourra visionner des vidéos de trente secondes où des personnes habillées en Super-Héros donnent leurs procédés absurdes pour sauver le monde.
Comme, techniquement, ce n’est pas très difficile pour lui de faire pareil puisqu’il lui suffit d’une webcam et d’habits ridicules, l’interactant peut chercher à faire son propre « Que feriez-vous pour sauver le monde? ».



Truc en plus

Dans le menu se trouve un lien pour commander le produit.
L'internaute doit envoyer un formulaire à partir de cet endroit, il recevra en retour un maïl qui l'informera de la joke qu'est ce site ainsi qu'un code produit lui permettant d'accéder à une partie bonus du site.

Il y aura, de cette façon, deux conpteurs (Invisible) dans le site, un qui comptabilisera les passages et un qui comptabilisera les commandes.

Ce afin de savoir principalement si nous avons réussit notre coup et qu'un nombre suffisant d'internaute veulent tester le produit.

coucou, donc j'ai lu le scénario pour Ultra-Flyer et je trouve l'ensemble plutôt bien, j'ai une seule question à poser, c'est au niveau de la page 55 est-il necessaire d'inclure le policier, car à la base, ils découvrent leur nouveau pouvoir et je trouve un peu illogique le fait que la police soit au courant....voilà sinon c'est bon pour moi!!

Merci d'avoir répondu mais la prochaine foisessaye de le mettre sur le bon topic


Le policier c'est simplement un clin d'oeil, comme beaucoup d'autre de notre projet, aux comics. À l'occurence, le lien entre Batman et le Sergent Gordon qui l'appel lorsque la police a besoin d'aide, c'est un peu le même principe.

C'est sûr que si l'on avait eu des vidéos de 5 minutes on aurait fait gaffe à la logique, mais sur des vidéos d'à peine une minute, je doute que quelqu'un cherche à savoir si c'est logique où non sur un truc aussi mineur.