1. WWW. .COM
Dossier de production
Site Internet:
Site de l’association Extrem Essec
Salim Jernite

2. 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

3. 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 wakeboard
aux étangs de Cergy

4. 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é

5. 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

6. 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

7. Etude de la concurrence:
Logo de l’association
Côté ludique apporté
Lien direct à la page
par les jeux
Facebook
Le site présente les
actualités de l’association
Information pour les
entreprises

8. Etude de la concurrence:

9. Etude de la concurrence:

10. Architecture du site
Introduction Apparition au fur et à mesure des
éléments de la page d’accueil
Accueil *
Main Nos Nos
Accueil * Agenda Palmarès Contact Games
Events Vidéos Sponsors
WEPN Altigliss We are Snowhill
Surf Trip Adhémar We loved Jeux 2
Weki Autre Jeux 3
XTREK
* Les deux pages sont les mêmes, l’utilisateur arrive
directement sur la page d’accueil

11. 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

12. Scenario: Introduction / page d’accueil
Ecran Animations Son / Musique Texte/ effets
Ecran noir pendant
Chargement de Lecteur audio Effet Grossissant
le chargement puis
chaque module, passe une playlist sur la phrase
transition vers la
page d’accueil hélicoptère flash prédéfinie d’accueil

13. Page Introduction / page d’accueil

14. Scenario: Main Event
Ecran Animations Son / Musique Texte/ effets
Page superposée
par transparence à Diaporama en
Lecteur audio
la page d’accueil cliquant sur les
passe une playlist Menu et texte
Sous menu pour photos
prédéfinie sur Arial 15
accéder aux Bouton d’action
différents events page principale Titre de la page
pour passer d’une
Module texte Visible sur toutes Arial 44
page de photos à
déroulant et photos les pages
une autre

15. Page Main Event

16. Scenario: Agenda
Ecran Animations Son / Musique Texte/ effets
Deux modules de Lecteur audio
texte côte à côte passe une playlist
Texte Arial 6
présentent les prédéfinie sur
Pas d’animation Titre de la page
différentes dates à page principale
retenir Arial 44
Visible sur toutes
les pages

17. Page Agenda

18. Scenario: Palmarès
Ecran Animations Son / Musique Texte/ effets
Page superposée
par transparence à
la page d’accueil Agrandissement Lecteur audio
Sous menu pour de la photo en passe une playlist Menu Arial 15
accéder aux
passant la souris prédéfinie sur Texte Arial 6 et
différents palmarès
(Altigliss/Adhémar/ dessus, photo page principale Titre de la page
autre) plein écran en Visible sur toutes Arial 44
Article à gauche et cliquant dessus les pages
photo à droite

19. Page Palmarès

20. Scenario: Nos vidéos
Ecran Animations Son / Musique Texte/ effets
Page superposée
par transparence à
la page d’accueil
Sous menu pour Possibilité de
accéder aux deux Playlist youtube stopper le lecteur
playlist (We are: nos incorporée dans audio général Pas de Texte
vidéos, We loved: les pages pour écouter le
les vidéos que nous son des vidéos
aimons sur les
sports extrêmes)

21. Page Nos vidéos

22. Scenario: Nos Sponsors
Ecran Animations Son / Musique Texte/ effets
Page superposée
par transparence à
la page d’accueil Pas d’animation Lecteur audio Pas de Texte
Logos de nos
sponsors

23. Page Nos Sponsors

24. Scenario: Contact
Ecran Animations Son / Musique Texte/ effets
Carte googlemap
avec localisation de
l’association
Info Contact
Possibilité de
Pas d’animation Lecteur audio Texte Arial 13
télécharger la
plaquette de
l’association pour
les sponsors

25. Page Contact

26. Scenario: Games
Ecran Animations Son / Musique Texte/ effets
Page superposée
par transparence à
la page d’accueil
Sous menu pour
accéder aux
Menu Arial 15
différents jeux Le jeu, bien sûr Lecteur audio
Incorporation de Texte Arial 16 gras
jeux (code HTML
provenant de site
de jeux flash)

27. Page Games