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