ONF - Design Graphique Numérique - Emilie Traversaz

2 419 vues

Publié le

Projet de 2ème année de BTS Design Graphique option Communication et Médias Numériques réalisé par Emilie Traversaz à Bellecour Ecole.

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

  • Soyez le premier à aimer ceci

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

Aucune remarque pour cette diapositive

ONF - Design Graphique Numérique - Emilie Traversaz

  1. 1. ITINÉRAIRE DÉCOUVERTE / Carnet de balade Une application qui permet à l’utilisateur de créer son propre carnet de ballade, de répertorier les lieux intéressants dans la forêt de la Grande Chartreuse. Cette application est communautaire et participative, chaque nouveau témoignage vient l’enrichir. Les internautes peuvent poster leurs parcours, anecdotes, photos... Din Cond - Bold Connifères Balisation Animaux Monts Campement Cours d’eau Din Cond - Light Un choix typographique sans empattements, moderne et simple. Travail sur une série de pictogrammes représentant les différentes étapes du parcours de l’utilisateur dans la forêt. Le cercle symbolise, l’endroit ou l’utilisateur touche l’écran pour accéder à la page suivante L’application comporte 3 grandes rubriques, elle est basée sur une notion de partage. En choisissant expérience, l’utilisateur accède aux diverses balades partagées. L’application est construite sur une succession de pages. Ajoutez un itinéraire Les utilisateurs par leur expérience se font les guides des uns et des autres. Page ou l’internaute retranscrit sa propre expérience. Page personnelle de l’utilisateur, contenant son parcours, les photos de ce qu’il y a trouvé et ses propres commentaires. 1
  2. 2. ITINÉRAIRE DÉCOUVERTE Cette application, calcule à partir des points choisis par l’utilisateur, le trajet à travers les chemins disponibles. Il est possible de choisir le niveau d’accessibilité en fonction des attente de cette marche : ballade en famille, marche sportive... / Retracer un parcours d’envies Col & Monts Se baigner Connifères Pique Niquer Repères Dormir Cueillir Animaux Ponts Balisation Univers - Light ultra condensed Une typographie condensée et sans empattement correspondant à des données de plans. Un univers graphique vectoriel, pour simplifier au maximum la vision des parcours à emprunter. L’utilisateur choisit les activités et les découvertes qui l’intérèsse en touchant les pictogrammes. Un chemin aléatoire est généré, l’utilisateur peut maintenant choisir la difficulté de sa balade en fonction de ses aptitudes. L’application est construite sur une succession de pages. Le chemin est recalculé en fonction du niveau selectionné. Accès à un résumé du parcours avec les informations principales. Pour plus de précision l’application donne accès à l’itinéraire en détails, étape par étape le randonneur découvre se qui l’attend sur le chemin. 2
  3. 3. ESCAPADE IMMERSIVE Application qui fonctionne comme un jeu de piste, découverte de la forêt au travers de sa faune. Partir à la recherche d’un type d’animal, suivre les chemins qu’il emprunte, comprendre et appréhender son habitat naturel. Une application modulable, l’utilisateur à presque une liberté totale quant à la disposition des photographies. / Sur la piste de la Grande Chartreuse Futura T - Book Futura T - Light O.N.F Massif De La Grande Chartreuse Une typographie claire et simple pour une lecture efficace des informations. Le Lapin L’utilisateur peut intervenir sur les bulles les agrandir, les retrécir en fonction des photos qu’il souhaite mettre en avant. Choisissez un animal C’est grâce au choix de l’utilisateur sur un élément spécifique de la faune, que l’application va se developper. O.N.F Sequi simusam, sa inusdaerit aut omniend issinus. Epratus ent re net moluptaqui volorro coribus eve. Suivez le ... Ferspici urerspe lectorepedi voluptus, volut lit aspienim re none dolorit lacid qui quas nus nobiscit En choisissant un animal (ici le lapin), on va le suivre de page en page, aux travers des chemins empruntés, de ses habitudes. Massif De La Grande Chartreuse A partir du moment ou l’internaute à choisit l’animal à suivre, la navigation se fait par scroll horizontal. Son habitat Sequi simusam, sa inusdaerit aut omniend issinus. Epratus ent re net moluptaqui volorro coribus eve. Ferspici urerspe lectorepedi voluptus, volut lit aspienim re none dolorit lacid qui quas nus nobiscit Son habitat Sequi simusam, sa inusdaerit aut omniend issinus. Epratus ent re net moluptaqui volorro coribus eve. Ses habitudes Ferspici urerspe lectorepedi voluptus, volut lit aspienim re none dolorit lacid qui quas nus nobiscit L’application permet donc de mieux comprendre la faune par des éléments qui lui sont propres. Sequi simusam, sa inusdaerit aut omniend issinus. Epratus ent re net moluptaqui volorro coribus eve. Où le trouver Ferspici urerspe lectorepedi voluptus, volut lit aspienim re none dolorit lacid qui quas nus nobiscit Sequi simusam, sa inusdaerit aut omniend issinus. Epratus ent re net moluptaqui volorro coribus eve. Ferspici urerspe lectorepedi voluptus, volut lit aspienim re none dolorit lacid qui quas nus nobiscit L’utilisateur peut aussi géolocaliser l’espèce concernée pour la retrouvé dans une balade. 3
  4. 4. ESCAPADE IMMERSIVE Une approche plus encyclopédique dans cette application, qui permet de s’immerger au coeur de la nature par effets de superposition. Un graphisme par trames qui créer un parallèle entre la forêt et l’application, parallèle entre réel et virtuel. Ajouration dans les trames, laisse apparaître la photo telle qu’elle est réellement, rapelle la vue comme brouillée par le feuillage. / Un répertoire naturel Les couches d’images se succèdent. Lorsque l’internaute touche un élément, les page se décomposent pour laisser place à la page où se trouve l’élément recherché. Din Cond - Black Din Cond - Regular Une typographie sans empattements qui permet d’accéder à un côté moderne et moins attendu au niveau de l’encyclopédie. L’accueil laisse apparaître l’alphabet qui permettra de diriger la recherche de l’utilisateur. Après avoir choisi le mot correspondant à sa recherche l’application laisse apparaître le calque concerné. Toutes les espèces du parc sont répertoriées dans cet alphabet, présence d’un outil de recherche supplémentaire pour faciliter la navigation. Arrivé sur l’article de sa recherche, l’utilisateur peut consulter plusieurs pages d’informations, comme : comment les habitudes, le lieux de vie, l’histoire de l’espèce et comment la préserver. L’utilisateur peut aussi géolocaliser l’objet de sa recherche sur une carte du parc. 4
  5. 5. UN CADRE A PRÉSERVER Une application proposant chaque jour un panel de nouvelles situations où l’internaute se retrouve immergé au coeur de la forêt avec des choix à effectuer. Ses choix sont analysés et permettent de mettre en place des statistiques prévisionnelles. L’internaute est aussi analysée en fonction de ses capacité dans les réponses. / L’Effet Papillon Raisonnement Calme Respect Rapidité Ecologie Précision Reflex Silence Frutiger - Bold Condensed Frutiger - Light Condensed Graphique permettant l’analyse de l’utilisateur, ses réactions, ses habitudes, son comportement dans la forêt permet aussi de prévoir l’état de cette dernière dans le futur. L’accueil permet à l’utilisateur de comprendre le fonctionnement de l’application , il débute avec des consignes qui se révèlent au toucher des photos Testez les gestes et choisi En vous baladant dans la forêt vous trouvez une un déchet, que faites vous ? O.N.F Veuillez choisir une situation, et tester vos capacités à préserver la nature. Massif De La Grande Chartreuse Pour ouvrir les différentes situations, faire glisser. Ouverture d’une des situations journalières. O.N.F Testez les gestes et choisissez le bon En vous baladant dans la forêt vous trouvez une un déchet, que faites vous ? Raisonnement Calme Rapidité Testez les gestes et choisissez le bon En vous baladant dans la forêt vous trouvez une un déchet, que faites vous ? Respect Ecologie Précision Reflex Silence Shooter Shooter Ramasser Shooter Ramasser Ramasser Enterrer Cit, temquosania vidus. Ebist, ut aut omnisquat ium aped que sum fuga. Et minciaEcepeliqui nam dem ipsuntium imolupt aturest possimentur am, corrovid que nonserciam Enterrer En reproduisant les gestes, l’utilisateur peut voir les effets de ceux ci sur l’environnement proposé, avant de choisir sa réponse. Page d’analyse, concernant l’utilisateur, ses reflexs, ses comportements... L’opacité des cercles symbolise le pourcentage de réussite. 5
  6. 6. UN CADRE A PRÉSERVER Une application qui tend à préserver la nature en sensibilisant les utilisateurs. Avec ses doigts l’utilisateur reproduit sur la colonne de droite une sorte de marche, et se balade ainsi aux travers des différentes photos, de tous les éléments qui constitue le parc de la Chartreuse. Mais en fonction de la rapidité du geste, du bruit ou encore de l’endroit ou l’internaute pose les doigts des informations supplémentaires vont apparaîtrent. / Des gestes à adopter. O.N.F La Grande Chartreuse La Grande Chartreuse Vivez l’expérience ! Vivez l’expérience ! Vivez l’expérience ! / Faune / Mammifère : - Cerf / Biche - Sanglier - Renard - Loup - Lièvre - Hérisson - Ecureuil / Batraciens : - Granouille - Crapaud - Salamandre / Ovipares : - Aigle - Buse - Vautour / Flore : / Arbres - Connifère - Feuillus /Fleurs: - Polénisation / Faune / Mammifère : - Cerf / Biche - Sanglier - Renard - Loup - Lièvre - Hérisson - Ecureuil / Batraciens : - Granouille - Crapaud - Salamandre / Ovipares : - Aigle - Buse - Vautour / Flore : / Arbres - Connifère - Feuillus /Fleurs: - Polénisation L’accueil permet à l’utilisateur de comprendre le fonctionnement de l’application , il débute avec des consignes qui se révèlent au toucher des photos O.N.F La Grande Chartreuse Vivez l’expérience ! / Faune / Mammifère : - Cerf / Biche - Sanglier - Renard - Loup - Lièvre - Hérisson - Ecureuil / Batraciens : - Granouille - Crapaud - Salamandre / Ovipares : - Aigle - Buse - Vautour / Flore : / Arbres - Connifère - Feuillus /Fleurs: - Polénisation O.N.F La Grande Chartreuse Mise en place de pictogrammes visant à expliquer l’utilisation de l’application, en fonction des sections. O.N.F Ralentir le pas !!! Certains animaux ont besoin de silence si vous voules les apercevoir. On suit la progression dans l’application par le menu et la scroll bar qui permettent à l’utilisateur de se repérer. / Faune / Mammifère : - Cerf / Biche - Sanglier - Renard - Loup - Lièvre - Hérisson - Ecureuil / Batraciens : - Granouille - Crapaud - Salamandre / Ovipares : - Aigle - Buse - Vautour / Flore : / Arbres - Connifère - Feuillus /Fleurs: - Polénisation Si le bruit autour de l’utilisateur est trop fort ou qu’il passe trop vite ses doigts sur des photos d’animaux, apparition de consignes pour lui la conduite à adopter. O.N.F O.N.F La Grande Chartreuse Vivez l’expérience ! / Faune / Mammifère : - Cerf / Biche - Sanglier - Renard - Loup - Lièvre - Hérisson - Ecureuil / Batraciens : - Granouille - Crapaud - Salamandre / Ovipares : - Aigle - Buse - Vautour / Flore : / Arbres - Connifère - Feuillus /Fleurs: - Polénisation O.N.F O.N.F La Grande Chartreuse La Grande Chartreuse La Grande Chartreuse - Loup - Lièvre - Hérisson - Ecureuil / Batraciens : - Granouille - Crapaud - Salamandre / Ovipares : - Aigle - Buse - Vautour / Flore : / Arbres - Connifère - Feuillus /Fleurs: - Polénisation -Fleurs Grasses / Espèces protégées - Loup - Lièvre - Hérisson - Ecureuil / Batraciens : - Granouille - Crapaud - Salamandre / Ovipares : - Aigle - Buse - Vautour / Flore : / Arbres - Connifère - Feuillus /Fleurs: - Polénisation -Fleurs Grasses / Espèces protégées - Loup - Lièvre - Hérisson - Ecureuil / Batraciens : - Granouille - Crapaud - Salamandre / Ovipares : - Aigle - Buse - Vautour / Flore : / Arbres - Connifère - Feuillus /Fleurs: - Polénisation -Fleurs Grasses / Espèces protégées / ONF / Cartes / ONF / Cartes Au contraire, lorsque l’utilisateur respecte les bon gestes, l’application lui livre plus d’informations sur les photos consultées. La violette : Faccusti squisse prae. Sequibusam, sequam faccus eosam ullaccaborem voluptas accum fugia sundebis estion natus sum nos doluptas sit pro blabori ationse quatur, te venest, qui tem faccus et ventio dolorendi nonse officabo. Nem essitiur asit accus. Ebis alit ea pore, nulluptae porate alibere volut plam, ex expla nam. En fonction, des catégories consultées, les bons gestes sont différents. Ici, l’internaute doit effleurer les plantes protégées si il veut obtenir plus d’informations. Attention où vous marchez !!! L’Edelweiss est une espèce protégée. Pour reprendre le balade effleurez l’image. / ONF / Cartes 6

×