[20/10/07]—[R&G] — Site || OBSOLETE ||

La description détaillée de la présentation du site sous la version qui, pour l'instant, interresse tout le monde.


Page d'accueil

La Page d'accueil du site est une page de garde comme cela se fait beaucoup sur la plupart des sites actuellement.
Il s'agit de présenter le produit graphiquement et par le biais de quelques accroche par rapport au goût du produit de façon simple et non intrusive et présenter un bouton visible centrale invitant à "rentrer" à l'intérieur du site.
Cette démarche sert à pousser l'interractant à faire la démarche de rentrer dans le site pour que, une fois à l'intérieur, il soit déjà impliqué et, par conséquent, plus ouvert à ce qu'il va y voir que si cela lui avait été imposé immédiatemment sous ses yeux.

Cette page de garde se présente comme un fond blanc version "Choississez un Mac". Les deux bouteilles apparaissent et l'une d'elle passe au premier plan alors que la seconde est visible en arrière plan en floue.
La bouteille est légérement de biais, flotte au-dessus du sol blanc sur lequel elle laisse poser son ombre qui permet de comprendre que c'est le sol et tourne lentement sur elle-même.

L'interractant pourra passer d'une bouteille à l'autre par le biais d'une bouteille à l'autre en faisant aller sa sourire sur la droite ou la gauche de l'écran, les bouteilles s'interchangeante alors comme si la caméra tournait autour de la scène de façon rapide.

La possibilité d'interractivité sur cette page d'accueil est double, le final n'ayant pas encore été délibéré :

1- La bouteille est un rollOver entier et unique. En passant son curseur dessus, l'interractant provoque l'apparition du design de la bouteille qui s'échappe du goulot et part dans tous les sens, révélant les trois accroches à différents endroits.

2- La bouteille contient trois rollOver différent de taille conséquente, les trois formants la totalité de la bouteille.
Pour chaque roll, le design autour de ce roll s'échappe de la bouteille vers l'extérieur à l'endroit où passe le curseur (J'entend dans la zone en question et non par le goulot.) et fait apparaître une des trois accroches.
Au déroll, le design re-rentre.
Sur le roll de la zone proche du goulot, le design, au lieu de sortir par là où il est, va vers le goulot puis sort du goulot.
Le tout, pour chaque roll, en rendant le fond du design de la bouteille à l'endroit du roll plus clair, afin de montrer l'étendue de la zone de roll en question à l'interractant pour qu'il se rende compte qu'il y en a trois différentes et pas plus de trois.

Pour chaque fois que le design sort par le goulot de la bouteille quel que soit la possibilité, l'une des parties du design fit apparaitre, en version neo pop, un batiment en effet contrasté-3D rouge/vert avec la phrase "Entrer"

Le lien "Entrer" de la bouteille rouge et celui de la bouteille verte emmenne au même endroit bien que sous un angle différent.


Interne

Cette fameuse page interne, quelle est-elle ?

Il s'agit d'une vue global et reculé d'un immeuble de style HLM avec la ligne d'horizon au loin comme s'il était un peu perdu au milieu d'un monde vide (On peut également imaginer qu'il soit sortie du sol blanc et donc soit blanc lui-même et que la ligne d'horizon est générée par un simple passage vers le gris du sol blanc.).
Cet HLM contient une ranger d'appartemment sur plusieurs étages, tous visibles à l'intérieur comme si la cloison avant avait été détruite.

Chaque appartement n'est, en réalité, composé que d'une seule pièce de taille petite comme un minuscule studio.
À l'intérieur de chacun d'elle se trouve une personne, homme ou femme, typé selon un type de personne version jeune adulte non ségmentant (Artiste, musicien, gamer, étudiante, etc.) faisant une activité bouclée en adéquation avec son type. Le style de décoration de son appartemant étant en rapport avec son type.

L'interractant pourra zoomer sur les différents appartemment par le biais de procédés décrit plus loin et ainsi observer ces personnes dans leur milieux.
Le plus important étant que l'interractant pourra, à tout moment, faire tourner le grad HLM sur lui-même, passant alors de la façade rouge à la façade verte et inversement.
Les deux façades comportent exactement les même appartement avec les même persones et le même décors d'appartement et les même action en cour, ce qui change, c'est leur façon de faire des actions.
Effecivemmet, sur la façade verte, toutes les actions seront faites avec détachement, recul, calme et zen, sur la façade rouge, toutes les actions seront faites avec dynamisme, entrain et volontée.

Ainsi, par exemple, le musicien, dans une action où il joue de la musique, sur la façade verte, aura tendance à jouer du raggae tranquille et de façon cool et détachée, avec la façade rouge, il virra plutôt rock avec une plus forte gesticulation.

L'interractant pourra, ainsi, faire tourner que ce soit lors d'une vue zoom ou dézoom l'immeuble.

Le but de voir différentes personnes typés différemments tout en conservant une même base d'âge permettra à l'interractant de s'identifier au moins à l'un d'entre eux et donc de se sentir viser par le produit.
Le fait de tourner l'immeuble pour voir une même action en rouge et vert renforcera cette identification puisque, par exemple, un joueur de raggae s'identifiera facilement au musicien en vert et donc, penchera pour l'achat de la bouteille verte, un joueur rock inversement pour la bouteille rouge et simplement un amateur de musique quelle qu'elle soit penchera pour les deux et donc se sentira tenter par les deux boissons.

L'autre interrêt de ce volt face est qu'il permet à l'interractant de sentir l'interrêt de curiosité de visiter les immeubles et voir comment réagisse une personne dans une même activité selon deux façons de faire totalement différentes et pouvant générer de l'humour tout en restant positive afin de ne pas rabaisser le produit.

En ce qui concerne la navigation, les liens vers les différentes publicités de la bouteille se trouveront ainsi éparpillées dans les différentes pièces de l'immeubles de façon logique mais pas nécessairement organisés. Cependant, les liens vers ces derniers seraient suffsemment apparant pour que l'interractant n'aient pas à chercher où il se trouve.
De plus, pour faciliter la navigation et son ergonomie, l'interractant bénéficiera d'une petite lisete de mots-clés ayant des rapports avec les différentes pubs, sois pour le support, sois pour le message, etc.
Le fait de passer en roll sur ses mots-clés permettra de faire apparaître les appartemments contenant des liens vers les pubs en question en illuminés (Comme par un plus grand allogène dans l'appartement) de façon à ce que l'on voit dessuite qui contient quoi.
Et, de la même façon, en étant dans un appartement, on pourra faire apparaîre les liens que l'on sougaite en lumineuxen passant le roll sur le mot-clé.

Un autre interrêt de cet ensemble de tranche de vie dans diverse appartement et le fait de rendre cela dynamique par le biais de deux choses :
La première s'agit de générer un temps dans le site (Plus rapide que la normale), ce temps feraient apparaître aurore, jour, crépuscule et nuit et, surtout, ferait changer de comportement les personnes selon l'heure.
L'interractant ayant la possibilité d'accélérer ou de ralentir le déroulement du temps à tout moment.
La seconde est que les différentes personnes pourraient avoir des agissements et des actions interrargissant entre elle.
Par exemple : Le musicien écoute de la musique, mais trop fort, la personne dans l'appartement d'en dessous va frapper avec son balais au plafond.

En ce qui concerne l'ergonomie est la navigation, il serait offert à l'interractant ue double possibilité que ce dernier choisirait en fonction de ce qui l'arrange selon le cas :
1- L'utilisation du zoom/dézoom. Lors de la vue global de l'HLM, en faisant glisser la roulette vers le haut, la vue se magnétisera sur l'appartement sur lequel se trouve la souris et zoomera sur cet appartement en qustion.
Puis, en zoom, le glissement de la roulette dans l'autre sens permettra le dézoom (La barre espace permettra la même chose pour les personnes n'ayant pas de roulette.)
2- Le drag & drop. Lors des zooms sur un appart, en appuyant sur la roulette, l'interractant fera apparaître la main qui lui permettra de saisir l'appart sur lequel il est et de le faire basculer vers la droite / la gauche / le haut / le bas selon son choix et ce de façon à changer d'appartement sans repasser par le dézoom (Shift permettra la même chose pour ceux, one more time, qui n'ont pas la roulette.)