WWW.                              .COM Dossier de production               Site Internet:   Site de l’association Extrem E...
Présentation du projet• Le projet est de faire un site présentant une  association de l’ESSEC, Extrem’ et ses activités, a...
Présentation de l’associationLe but de l’association est de faire découvrir des sports extrêmes (raids,parachutisme, saut ...
Public Visé :1. Les étudiants de l’ESSEC2. Les préparationnaires qui préparent les concours et   sont de futures recrues p...
Diffusion et Accessibilité• Disponibilité à l’adresse www.extrem-essec.com,  référencement sur les moteurs de recherches• ...
Etude de la « concurrence »:• Le nombre d’associations à l’Essec (plus de 100)  introduit un phénomène de concurrence entr...
Etude de la concurrence:      Logo de l’association                                                      Côté ludique appo...
Etude de la concurrence:
Etude de la concurrence:
Architecture du site                                                   Introduction                Apparition au fur et à ...
Charte graphique• Général: Les tons dominants sont le noir, le rouge et le  blanc, couleurs de l’association• Les Menus: S...
Scenario: Introduction / page d’accueil      Ecran             Animations         Son / Musique        Texte/ effetsEcran ...
Page Introduction / page d’accueil
Scenario: Main Event     Ecran           Animations         Son / Musique        Texte/ effets Page superposéepar transpar...
Page Main Event
Scenario: Agenda     Ecran            Animations        Son / Musique        Texte/ effetsDeux modules de                 ...
Page Agenda
Scenario: Palmarès      Ecran             Animations         Son / Musique        Texte/ effets  Page superposéepar transp...
Page Palmarès
Scenario: Nos vidéos      Ecran              Animations        Son / Musique        Texte/ effets  Page superposée par tra...
Page Nos vidéos
Scenario: Nos Sponsors     Ecran           Animations        Son / Musique    Texte/ effets Page superposéepar transparenc...
Page Nos Sponsors
Scenario: Contact      Ecran            Animations        Son / Musique    Texte/ effets Carte googlemapavec localisation ...
Page Contact
Scenario: Games     Ecran           Animations         Son / Musique     Texte/ effets Page superposéepar transparence à l...
Page Games
Prochain SlideShare
Chargement dans…5
×

Presentation création de site internet

453 vues

Publié le

0 commentaire
0 j’aime
Statistiques
Remarques
  • Soyez le premier à commenter

  • Soyez le premier à aimer ceci

Aucun téléchargement
Vues
Nombre de vues
453
Sur SlideShare
0
Issues des intégrations
0
Intégrations
18
Actions
Partages
0
Téléchargements
3
Commentaires
0
J’aime
0
Intégrations 0
Aucune incorporation

Aucune remarque pour cette diapositive

Presentation création de site internet

  1. 1. WWW. .COM Dossier de production Site Internet: Site de l’association Extrem Essec Salim Jernite
  2. 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. 3. Présentation de l’associationLe but de l’association est de faire découvrir des sports extrêmes (raids,parachutisme, saut à lélastique, sports deaux vives, snow et ski freestyle, wakeboard,kitesurf...) à un large public tout en créant un partenariat avec desentreprises. Lassociation comprend divers pôles :• Le WEPN : Commencé en 2011, lESSEC se joint à HEC et à lESCP pour organiser un Week-End Premières Neiges• Le Surf Trip: séjour dune semaine de surf sur les côtes dAgadir• 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 lannée: paintball, escalade, saut à lélastique, ski nautique et wakeboard aux étangs de Cergy
  4. 4. Public Visé :1. Les étudiants de l’ESSEC2. Les préparationnaires qui préparent les concours et sont de futures recrues potentielles3. Les entreprises, qui sont de potentiels sponsors4. Le grand public pour faire connaître notre activité
  5. 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. 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. 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. 8. Etude de la concurrence:
  9. 9. Etude de la concurrence:
  10. 10. Architecture du site Introduction Apparition au fur et à mesure des éléments de la page d’accueil Accueil * Main Nos NosAccueil * 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 arrivedirectement sur la page d’accueil
  11. 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. 12. Scenario: Introduction / page d’accueil Ecran Animations Son / Musique Texte/ effetsEcran noir pendant Chargement de Lecteur audio Effet Grossissantle 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. 13. Page Introduction / page d’accueil
  14. 14. Scenario: Main Event Ecran Animations Son / Musique Texte/ effets Page superposéepar 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. 15. Page Main Event
  16. 16. Scenario: Agenda Ecran Animations Son / Musique Texte/ effetsDeux 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 pagedifférentes dates à page principale retenir Arial 44 Visible sur toutes les pages
  17. 17. Page Agenda
  18. 18. Scenario: Palmarès Ecran Animations Son / Musique Texte/ effets Page superposéepar 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 etdiffé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. 19. Page Palmarès
  20. 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 lecteurplaylist (We are: nos incorporée dans audio général Pas de Texte vidéos, We loved: les pages pour écouter leles vidéos que nous son des vidéos aimons sur les sports extrêmes)
  21. 21. Page Nos vidéos
  22. 22. Scenario: Nos Sponsors Ecran Animations Son / Musique Texte/ effets Page superposéepar transparence à la page d’accueil Pas d’animation Lecteur audio Pas de Texte Logos de nos sponsors
  23. 23. Page Nos Sponsors
  24. 24. Scenario: Contact Ecran Animations Son / Musique Texte/ effets Carte googlemapavec 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. 25. Page Contact
  26. 26. Scenario: Games Ecran Animations Son / Musique Texte/ effets Page superposéepar 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. 27. Page Games

×