presentation création de site internet
Post on 08-Jul-2015
133 Views
Preview:
TRANSCRIPT
Dossier de production
Site Internet:
Site de l’association Extrem Essec
Salim Jernite
WWW. .COM
Présentation du projet
• Le projet est de faire un site présentant une association de l’ESSEC, Extrem’ et ses activités, afin de faire connaître aux étudiants ce que nous faisons
• Le site devra être facile d’utilisation, respecter les couleurs et l’esprit de l’association
• Il sera aussi un outil pour nous faire connaître auprès d’entreprise et pouvoir avoir plus de poids pour rechercher des sponsors
Présentation de l’association
Le but de l’association est de faire découvrir des sports extrêmes (raids, parachutisme, saut à l'élastique, sports d'eaux vives, snow et ski freestyle, wakeboard, kitesurf...) à un large public tout en créant un partenariat avec des entreprises. L'association comprend divers pôles :
• Le WEPN : Commencé en 2011, l'ESSEC se joint à HEC et à l'ESCP pour organiser un Week-End Premières Neiges
• Le Surf Trip: séjour d'une semaine de surf sur les côtes d'Agadir
• Le Week-End Kitesurf Invitational: Compétition étudiante de Kite-surf organisée par l’association
• Le X-trek : une ascension du Mont Blanc avec un guide
• Les compétitions sportives: Trophée Terre de la CCE organisé par l’Edhec, Altigliss Challenge organisé par Grenoble…
• Les animations tout au long de l'année: paintball, escalade, saut à l'élastique, ski nautique et wakeboardaux étangs de Cergy
Public Visé :
1. Les étudiants de l’ESSEC
2. Les préparationnaires qui préparent les concours et sont de futures recrues potentielles
3. Les entreprises, qui sont de potentiels sponsors
4. Le grand public pour faire connaître notre activité
Diffusion et Accessibilité
• Disponibilité à l’adresse www.extrem-essec.com, référencement sur les moteurs de recherches
• Le lien est accessible sur la page Facebook de l’association et la page Esseclive de l’association
• Projet d’éditer des flyers et autocollant pour faire la promotion du site internet
Etude de la « concurrence »:
• Le nombre d’associations à l’Essec (plus de 100) introduit un phénomène de concurrence entres elles. Chaque association est obligée de faire de gros efforts sur sa communication pour attirer les étudiants à ses événements.
• Le site devra donc avoir un coté ludique en plus d’une esthétique attrayante pour les associations
Etude de la concurrence:
Le site présente les actualités de l’association
Lien direct à la page Facebook
Logo de l’association
Côté ludique apporté par les jeux
Information pour les entreprises
Etude de la concurrence:
Etude de la concurrence:
Architecture du site
Introduction
Accueil *
Accueil *Main
Events
WEPN
Surf Trip
Weki
XTREK
Agenda Palmarès
Altigliss
Adhémar
Autre
Nos Vidéos
We are
We loved
Nos Sponsors
Contact Games
Snowhill
Jeux 2
Jeux 3
Apparition au fur et à mesure des éléments de la page d’accueil
* Les deux pages sont les mêmes, l’utilisateur arrive directement sur la page d’accueil
Charte graphique
• Général: Les tons dominants sont le noir, le rouge et le blanc, couleurs de l’association
• Les Menus: Sobres, mêmes couleurs que le reste. La police est Arial taille 12
• L’aspect du site: Chaque page se superpose sur l’image de fond de la page d’accueil, pour une meilleure homogénéité dans l’utilisation du site et la circulation entre les différentes pages
Scenario: Introduction / page d’accueil
Ecran Animations Son / Musique Texte/ effets
Ecran noir pendant le chargement puis
transition vers la page d’accueil
Chargement dechaque module, hélicoptère flash
Lecteur audiopasse une playlist
prédéfinie
Effet Grossissant sur la phrase
d’accueil
Page Introduction / page d’accueil
Scenario: Main Event
Ecran Animations Son / Musique Texte/ effets
Page superposéepar transparence à
la page d’accueilSous menu pour
accéder aux différents events
Module texte déroulant et photos
Diaporama en cliquant sur les
photosBouton d’action
pour passer d’une page de photos à
une autre
Lecteur audiopasse une playlist
prédéfinie sur page principale
Visible sur toutes les pages
Menu et texte Arial 15
Titre de la page Arial 44
Page Main Event
Scenario: Agenda
Ecran Animations Son / Musique Texte/ effets
Deux modules de texte côte à côte
présentent les différentes dates à
retenir
Pas d’animation
Lecteur audiopasse une playlist
prédéfinie sur page principale
Visible sur toutes les pages
Texte Arial 6Titre de la page
Arial 44
Page Agenda
Scenario: Palmarès
Ecran Animations Son / Musique Texte/ effets
Page superposéepar transparence à
la page d’accueilSous menu pour
accéder aux différents palmarès (Altigliss/Adhémar/
autre)Article à gauche et
photo à droite
Agrandissementde la photo en
passant la souris dessus, photo plein écran en
cliquant dessus
Lecteur audiopasse une playlist
prédéfinie sur page principale
Visible sur toutes les pages
Menu Arial 15Texte Arial 6 etTitre de la page
Arial 44
Page Palmarès
Scenario: Nos vidéos
Ecran Animations Son / Musique Texte/ effets
Page superposéepar transparence à
la page d’accueilSous menu pour
accéder aux deux playlist (We are: nos
vidéos, We loved: les vidéos que nous
aimons sur les sports extrêmes)
Playlist youtubeincorporée dans
les pages
Possibilité de stopper le lecteur
audio général pour écouter le son des vidéos
Pas de Texte
Page Nos vidéos
Scenario: Nos Sponsors
Ecran Animations Son / Musique Texte/ effets
Page superposéepar transparence à
la page d’accueilLogos de nos
sponsors
Pas d’animation Lecteur audio Pas de Texte
Page Nos Sponsors
Scenario: Contact
Ecran Animations Son / Musique Texte/ effets
Carte googlemapavec localisation de
l’associationInfo ContactPossibilité de télécharger la plaquette de
l’association pour les sponsors
Pas d’animation Lecteur audio Texte Arial 13
Page Contact
Scenario: Games
Ecran Animations Son / Musique Texte/ effets
Page superposéepar transparence à
la page d’accueilSous menu pour
accéder aux différents jeux
Incorporation de jeux (code HTML provenant de site
de jeux flash)
Le jeu, bien sûr Lecteur audioMenu Arial 15
Texte Arial 16 gras
Page Games
top related