That 70s Radio - Intranet | IUT de Troyes

Projet tuteuré n°3
That 70s Radio
Raison sociale
That 70s Radio
Radio musicale d’une maison d’édition basée à New York et spécialisée dans la réédition et la remastérisation d’albums des
années 1970. Une radio du même nom filiale de la première a son siège à Paris et se spécialise dans la diffusion du
répertoire français de la même période.
* vous devrez opter pour la réalisation de la version américaine ('lyrics' exclusivement en anglais) ou française (groupes et
chanteurs exclusivement francophones).
Objectifs
Le site diffusera en permanence de la musique pop, rock et folk anglophone (version anglaise) ou francophone (version
française) des "Seventies". Une version franco-française axée sur les chanteurs et les groupes de la période est
envisageable. L'auditeur trouvera sur le site tout un ensemble d'information et de contenus documentaires en lien avec la
période (biographies d'artiste et de groupes, "portrait" d'un tube, présentation d'un événement, concert, festival, actualités,
mode, design d'objets, publicité). Il pourra se créer un espace personnel avec ses propres playlists, écouter les programmes
en live, regarder les vidéos liées aux articles, etc.
Contraintes - identité visuelle
Le site devra tirer parti des ingrédients de la Pop Culture et du design des années 70. L'identité visuelle s'inscrira dans la
mouvance vintage des tendances actuelles du web design (cf. articles en référence). Une recherche assez fine sur les
couleurs, les typos, les illustrations, les photographies permettra d'éviter toute approximation ou anachronisme. Le design
des pochettes d'albums, la publicité, le Pop Art seront des sources d'inspiration assez sûres. Le ton sera volontiers décalé
tout en restant accessible.

Contraintes techniques et ergonomiques
• Site HTML5 / CSS2 et CSS3 / javascript, en fonction de ce qui aura été vu et mis en pratique dans les cours
d'intégration web;
• Certaines fonctionnalités faisant appel à des technologies non maitrisées (PHP, AJAX ou autres), seront
représentées mais non intégrées (ex: on intégrera des boutons de formulaire dans la page HTML, mais ils ne
fonctionneront pas);
• Affichage optimal sur écran PC en résolution 1024/768;
• Logiciels requis: Photoshop et Dreamweaver (éventuellement Illustrator);
• Importance de l'architecture de l'information (mise en page et typographie - TD ECR130 #4 et #5);
• Le site devra prendre en compte les tendances actuelles de l'architecture de l'information, des fonctionnalités et du
visuel (en-têtes, pied-de-pages, réseaux sociaux, typographie, nuages de tags, fil RSS) – importance de l'analyse
sectorielle!
• Intégration vidéo et son;
Contenus
Texte: pour les paragraphes, vous emploierez les textes éventuellement fournis ou des textes de remplissage (lipsum.com),
mais vous rédigerez tous les titres, sous-titres, légendes, étiquettes et indices de navigation, invitations et incitations à
interagir avec l'interface, etc. Pour la quantité de texte à intégrer en fonction des rubriques, vous vous appuierez sur
l'analyse sectorielle. Les pages ne devront donner l'impression ni d'un vide, ni d'une surcharge.
Images: elles devront être téléchargées sur des banques d'images, et libres de droits (vous trouverez des images de très
bonne qualité sur Flickr, mais attention, elles ne sont pas toutes libres de droits).
Les contenus suivants devront impérativement être disponibles pour l'utilisateur.
Pour vous aider, vous vous appuierez sur une analyse sectorielle pertinente.
• Intro - The Biggest Hits of the 70's and More - Your Number One Concert of the seventies - Page "The artist of the
week";
• Article "The 70s song of the week";
• Article "The 70s band/singer of the week";
• Article "The 70s movie of the week";
• Article "The 70s headline of the week".
• Gros plan sur le vocabulaire, une expression des 70s ;
• Programmation;
• Links to quality blogs and websites about the seventies;
• The 70s on the social networks;
• Seventies fashion and memorabilia;
• Vidéos, contenus sonores, photos de bonne qualité;
• Tout autre contenu que vous jugerez approprié.
Sites où puisez des contenus pour la version anglaise: Youtube: Reflections of 1970, 1971, 1972, 1973, etc. (pour
simuler une programmation – très courts extraits donc pas de problème de copyright), Tribute To The Music Of The
60s & 70s, 70s Disco Hits - A Video Compilation of Disco Music from the 70's. The Great Seventies Ces sites ne
doivent pas être utilisés pour l'analyse sectorielle.

Fonctionnalités
• Formulaire d'identification (possibilité de créer sa propre programmation);
• Formulaire de contact;
• Listen Live;
• Radio on demand: Playing Your Rock, Pop, Soul and Disco Favorites!
• Toute autre fonctionnalité que vous jugerez appropriée (vous vous reporterez à l'analyse sectorielle).
La localisation de l'association revêt une importance particulière (s'agit-il du siège, à San Francisco, de la branche française
à Paris, ou de la branche espagnole à Barcelone. On s'efforcera de tirer parti des outils de géolocalisation en ligne.
Livrables pour le 3 décembre 2012
Cahier des charges comprenant:
• Une présentation de l'agence;
• Un rappel des enjeux du projet (objectifs généraux, attentes du client et de l'utilisateur);
• Un planning avec les dates clés du projet;
• Une analyse sectorielle de 4 à 5 sites choisis avec soin (cf. TD ECR130 #2);
• Une présentation du public cible – 3 à 4 personas (cf. TD ECR130 #3);
• Une arborescence simple du site;
• Un gabarit de la page d'accueil (cf. TD ECR130 #4 et #5);
• Un logotype et un "look & feel".
Un site d'agence comprenant une page de présentation du projet – une page de présentation de l'agence – une page de
téléchargement des livrables qui seront mis en ligne au fur et à mesure de leur réalisation, comportant un lien vers le site
réalisé.
N'oubliez pas de consulter régulièrement la page des projets tutreurés!
Quelques exemples de groupes et tubes des années 70 à retrouver sur Youtube, Dailymotion ou autre…
Stairway to Heaven , Led Zeppelin – Imagine, John Lennon - What's Going On, Marvin Gaye - Let's Stay Together, Al Green
- Maggie May, Rod Stewart - Won't Get Fooled Again,The Who - Brown Sugar, Rolling Stones - Just My Imagination,
Temptations - Family Affair, Sly and the Family Stone - Me and Bobby McGee, Janis Joplin - Riders On the Storm, Doors -
Bang a Gong (Get It On), T. Rex – Changes, David Bowie - Respect Yourself, Staple Singers - Tiny Dancer, Elton John - A
Horse With No Name, America - Slipping into Darkness, War - Gypsies, Tramps & Thieves, Cher - Hot Pants, James Brown -
Spanish Harlem, Aretha Franklin - Wild Night, Van Morrison - Never Can Say Goodbye, Jackson 5 - Peace Train, Cat
Stevens - How Can You Mend a Broken Heart, Bee Gees - Hotel California, Eagles - Anarchy In the UK, Sex Pistols…..