Sports Aériens - Design Graphique Numérique - Frédéric Bernard

3 193 vues

Publié le

Projet de 2ème année de BTS Design Graphique option Communication et Médias Numérique réalisé par Frédéric Bernard.

Publié dans : Marketing
0 commentaire
0 j’aime
Statistiques
Remarques
  • Soyez le premier à commenter

  • Soyez le premier à aimer ceci

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

Aucune remarque pour cette diapositive

Sports Aériens - Design Graphique Numérique - Frédéric Bernard

  1. 1. Liberté et légereté L’idée est de créer un site interactif par le scroll avec effet de parallaxe entre différents plans pour symboliser la légerté/liberté que l’on peut éprouver dans le sport aérien. UN MOMENT D’ÉVASION Page d’accueil En scrollant, les éléments des différents plans intéragissent entre eux par effet de parallaxe Le but de cet axe est de mettre en avant les sensations que procurent les sports aériens La page selectionné apparait au fur et à mesure du scroll avec apparition du menu en haut du site. L’onglet actif apparaît en rouge, couleur complémentaire du bleu.
  2. 2. UN MOMENT D’ÉVASION Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est lab laborum. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non Liberté et légereté Les différents plans : Texte en premier plan, bloc en transparence en second plan et image en dernier plan La dernière page du site met en avant les contacts et la localisation Le site forme une boucle avec le fond d’écran qui change en fonction de celui de la dernière page Navigation du site
  3. 3. Une communauté sportive L’idée est de créer un site réunissant une communauté autour du sport aériens. UN MOMENT D’ÉVASION Page d’accueil La partie visiteur permet d’accéder uniquement aux informations liées aux sports aériens Possibilité de se loguer ou d’accéder à la partie visiteur Possibilité de se loguer ou de créer un compte
  4. 4. UN MOMENT D’ÉVASION Une communauté sportive L’utilisateur enregistré peut partager son expérience de sports aériens via l’ajout de photos/vidéos... De plus l’internaute peut interagir avec d’autres membres de la communauté ... Et peut accéder aux contenus d’autres internautes. Et accéder à leur profil en ligne
  5. 5. Un département riche en relief L’idée est de mettre en avant le relief particulier de l’Isère, par la représentation de formes géomtriques triangulaires symbolisant la montagne AUTOUR DU RELIEF Le but de cet axe est de mettre en avant les sports aériens dans un département particulier Lorsque l’on arrive sur la page d’accueil, une vidéo démo nous ai proposé pour mettre en avant le sport aérien. En choisissant l’onglet département dans le menu à gauche, on accède à une page avec des formes triangulaires pointées vers le haut symbolisant les montagnes, celles-ci correspondent aux sous-onglets de navigation. Lors du survol, le sous-onglet apparaît plus clair. En choisissant le sous-onglet voulu, la forme triangulaire se développe et le contenu apparaît.
  6. 6. AUTOUR DU RELIEF Contrairement à l’onglet département, l’onglet Sports Aériens fait apparaître des triangles pointés vers le bas, symbolisant la descente de ces sports aériens. Au survol, la forme triangulaire retrouve ses couleurs et le nom du sport apparaît. Un département riche en relief Forme triangulaire pointée vers le haut symbolisant la montagne Forme triangulaire pointée vers le bas symbolisant la descente. La forme triangulaire se développe après avoir choisit son sport voulu. Différenciations de plans entre la structure du site et des sous-onglets
  7. 7. Une cartographie particulière L’idée est de créer un site mettant en avant la cartographie particulière de l’Isère AUTOUR DU RELIEF Le site est divisé en 2 parties : Une partie (gauche) avec uniquement le menu ainsi que le texte descriptif et une partie (droite) avec uniquement les images. Le motif de la page de droite rappelle le relief de l’Isère. L’internaute a la possibilité d’avoir accès à une carte de l’Isère et de sélectionner la ville qu’il désire pour y voir quels sports aériens y sont présents. Le site est divisé en 2 parties : Une partie (gauche) avec uniquement le menu ainsi que le texte descriptif et une partie (droite) avec uniquement les images. Le motif de la page de droite rappelle le relief de l’Isère. En choisissant son sport, il accède à un diaporama d’images à droite et à un texte explicatif à gauche.
  8. 8. AUTOUR DU RELIEF Au survol de l’image, celle-ci est mise en avant et le motif de la page d’accueil apparaît pour isoler l’image. En la sélectionnant, l’image occupe toute l’espace de droite. Lorem ipsum dolor sit amet, consectetur adipisicing elit, Une cartographie particulière sed do eiusmod A l’aide du scroll vertical on peut accéder à davantage de photos. Navigation
  9. 9. La Roulette Iséroise L’idée est de créer une application interactive et informative sur les sports aériens sous la forme d’une ‘‘roulette de choix’’ UNE EXPÉRIENCE SINGULIÈRE SPORTIVE Le but de cet axe est de créer des applications smartphone intéractives autour du sport aérien. La navigations se fait par des glissés horizontaux comme lorsque l’on feuillette un .pdf sur notre smartphone/tablette. Page d’accueil La roulette permet de choisir son sport, une option ‘‘choix aléatoire’’ est disponible en bas à droite. L’application est basé sur un système de calques qui se superpose, plus il y a de pages (donc de calques) plus l’image de fond sera floue. Une fois le sport choisit, on accède à la page d’information et par glisser vers la droite... ... On accède à la galerie d’image. Pour plus d’image, il faut glisser la galerie vers le bas.
  10. 10. Typographie et géométrie L’idée est de créer une application interactive avec des jeux de typographies et de formes géométriques symbolisant les élements des légende des cartes de reliefs. UNE EXPÉRIENCE SINGULIÈRE SPORTIVE L’application fonctionne par un défilement vertical. Grâce à l’accéléromètre de la tablette, les formes géométriques agissent indépendemment. Plus on descend dans l’application, plus l’altitude est faible. L’application joue sur le système d’altitude. Une altitude = un sport aérien correspondant. Une navigation rapide est propsoé par le menu situé à gauche de l’écran. Navigation
  11. 11. DÉVELOPPEMENT J’ai choisis de développer l’idée de la création d’un site pour regrouper une communauté autour d’une passion. Une communauté sportive Page d’accueil avec présence du logo En ayant cliquer sur le logo, on accède à une page ou l’on peut s’identifier, s’inscrire ou accéder à la partie visiteur. La partie ‘‘Visiteur’’ du site permet à l’internaute de se renseigner sur les sports aériens mais aussi sur le département de l’Isère. Un membre inscrit peut s’identifier et accéder à plus de contenus tels que la possibilité de partager ses photos/vidéos, de discuter avec d’autres membres du site. Dans la section partager, l’utilisateur peut accéder à une galerie photos ou vidéos en fonction du sport choisit préalablement. Au survol d’une photo, celle-ci se détache des autres et retrouve ses couleurs.
  12. 12. DÉVELOPPEMENT Une communauté sportive L’utilisateur peut accéder au système de discussion et peut retrouver des personnes selon son centre d’intérêt via une sélection de filtres en bas à droite. Au survol d’un connecté, un aperçu de sa fiche de profil apparaît. Un système de messagerie permet de rester en contact avec les utilisateurs connectés L’utilisateur peut modifier sa page de profil et ses informations par le menu en bas à gauche du site.
  13. 13. DÉVELOPPEMENT Typographie utilisée : Quicksand Regular Code couleur : #e19655 Une communauté sportive #303030 Mise en situation

×