Social Web TV
Création de site pour une Web Social TV
Le contexte
La rentrée 2014/2015 rime avec Social TV sinon rien !
Les différents acteur de l’achat d’espace sur les réseaux sociaux, lancent différents outils destinés à synchroniser en temps réel
des publicités TV avec Facebook. Ces outils sont plein de promesses pour les annonceurs !
Ces outils apportent aux agences média et aux annonceurs de nouvelles possibilités en matière d’impact et de reach des campagnes
publicitaires, en permettant par exemple d’augmenter la répétition et la couverture sur cible à un instant « T », ou de
mettre en place des stratégies de contre-attaque en réponse aux spots d’un concurrent …
Une augemntation visible de «50% à 60%» de couverture !
Étendre le process à la diffusion des 25 chaines de télévision française !
Regarder la télévision sur ses «écrans secondaires» ça éxiste, il s’agit de services payants proposés par les quatre opérateurs
sur le marché de la téléphonie / internet via les box Bouygues, SFR, Orange, Free…
Le tout à la carte !
Mais regarder la télévision en live ou en replay sur tous ses «écrans secondaires», ses séries ou ses films préférés… écouter
sa musique et la partager, ajouter au menu ses modules personnalisés, documentaires, débats politiques, reportages ou magazine…
rien de cela existe pour le moment, du moins en un seul service.
Votre mission
Le studio créatif a pour mission :
Créer l’interface web (multi plate-formes déclinaisons responsive) du service en ligne de «muster medias»
«muster medias»
Le site de tous les médias, live-replay-streaming
Le principe :
Page d’accueil du site : http://www.mustermedias.com (domaine libre, nom libre, direction libre)
Une demande d’inscription à l’accueil sur le site, via mail/password ou FB, Google+ (…)
Une interface d’accueil qui s’ouvre sur la rubique principale : télévision (+)
Déploiement de la rubrique télévision :
Clic sur l’icone et apparaisent les 25 chaines françaises (menu déroulant pictos), on choisit une chaine par glisser/déposer sur l’écran d’accueil.
Le picto de la chaine prend place sur l’interface d’accueil.
Il s’agira ici d’un service gratuit pour la télévision hors télé privées !
Ouverture de la chaine «télévision» :
Présente le programme à la journée (semaine, mois, archives…) Live sur le programme du moment, replay sur les programmes passés. Rubriques pour le replay (pour exemples : http://www.tv-replay.fr/)
Une entrée «+» qui déploie les rubriques modulaires, cinema, musique, séries, documentaires, reportages, spectacles (…)
La rubrique «cinéma/séries» :
Déploie ses items : séries, thriller, policier, action, animation, comédie, science fiction, horreur (…) en streaming.
Glisser déposer dans le panier (picto) le film choisi prend place sur l’interface d’accueil. La diffusion du film coûte «0.50 euro» à «1 euro» selon sa primeur. Certains films sont gratuits..
La rubrique «musique» :
déploie ses items : deezer, spotify, youtube (…) possibilité d’importer sa playlist ou de naviguer dans les rubriques (…) L’écoute d’un album coûte «0.50 euro» à «1 euro» selon sa primeur. Certains albums sont gratuits…
Le studio créatif a pour mission :
Créer l’interface web (multi plate-formes déclinaisons responsive) du service en ligne de «muster medias»
Créer l’expérience d’interaction utilisateur depuis l’arrivée sur le site jusqu’à l’ouverture de 3 items jusqu’auchoix du programme (…)
Réaliser les mockups et les interfaces de chacun de se sitems.
Business model
Concept visuel
LE TOUT EN UN …
Imaginer un concept visuel qui exprime l’idée du tout en un.
Par analogie, cet exemple de la campagne «tous les sports sur la même chaine»
Campagne France Télévision – JO 2012 Sotchi - http://vimeo.com/44859256
Idée du couteau suisse, mélanger ciné, musique, actus, séries etc…
L’exercice se fait sous Illustrator et le rendu est au format PDF
Trinômes
- 1) Benchmark, veille, sources images, contenus, iconographie
- 2) UX / ergonomie / utilisabilité, zoning, wireframes
- 3) Design UI / colorimétrie, typographie, logo mockups
Seront notés :
Les recherches papier (JPG)
Les mockups ou pré maquette fonctionnelle de l’expérience utilisateur (PDF)
Les planches des écrans (PDF)
Caler les plans de travail (un plan = une page dans PDF) Menu > Fichier > Format du document > Modifier plan de travail (en haut à droite de la fenêtre).
Tout ce qui est hors du plan de travail n’apparaît pas dans les pages du PDF.
Depuis illustrator > Fichier enregistrer sous PDF :
Onglet Général > Paramètre prédéfini = qualité optimale
Onglet compression > Qualité image moyen à faible si il n’y a pas de bitmap dans le composite.
Fichier PDF inférieur à 4000 Ko
Téléchargez le fichier au format PDF