ONF - Design Graphique Numérique - Emilie Traversaz

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

Ajoutez un itinéraire

L’application comporte 3 grandes rubriques, elle est basée sur une notion de partage.

Travail sur une série de pictogrammes représentant les différentes étapes duparcours de l’utilisateur dans la forêt.

Un choix typographique sans empattements, moderne et simple.

L’application est construite sur une succession de pages.

Le cercle symbolise, l’endroit ou l’utilisateur touche l’écran pour accéder à la page suivante

En choisissant expérience, l’utilisateur accède aux diverses balades partagées.

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.

Connifères

Monts Campement

Balisation Animaux

Cours d’eau

Din Cond - BoldDin Cond - Light

2

ITINÉRAIRE DÉCOUVERTE/ Retracer un parcours d’envies

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

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.

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.

L’application est construite sur une succession de pages.

Un univers graphique vectoriel,pour simplifier au maximum la vision des parcours à emprunter.

Une typographie condensée et sans empattement correspondant à des données de plans.

Univers - Light ultra condensedCol & Monts Se baigner

Pique Niquer

Dormir

Animaux

Balisation

Connifères

Repères

Cueillir

Ponts

3

ESCAPADE IMMERSIVE/ Sur la piste de la Grande Chartreuse

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.

O.N.FFutura T - BookFutura T - Light

O.N.F

Massif De La Grande Chartreuse


Choisissez un animal

Suivez le ...Le Lapin

Son habitat Ses habitudes Où le trouver

Sequi simusam, sa inusdaerit aut om-niend 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



A partir du moment ou l’internaute à choisit l’animal à suivre, la navigation se fait par scroll horizontal.

C’est grâce au choix de l’utilisateur sur un élément spécifique de la faune, que l’application va se developper.

En choisissant un animal (ici le lapin), on va le suivre de page en page, aux travers des chemins empruntés, de ses habitudes.

L’application permet donc de mieux comprendre la faune par des éléments qui lui sont propres.

L’utilisateur peut aussi géolocaliser l’espèce concernée pour la retrouvé dans une balade.

Une typographie claire et simple pour une lecture efficace des informations.

L’utilisateur peut intervenir sur les bulles les agrandir, les retrécir en fonction des photos qu’il souhaite mettre en avant.

4

ESCAPADE IMMERSIVE / Un répertoire naturel

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.

L’accueil laisse apparaître l’alphabet qui permettra de diriger la recherche de l’utilisateur.

Arrivé sur l’article de sa recherche, l’uti-lisateur 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.

Après avoir choisi le mot correspondant à sa recherche l’application laisse appa-raître le calque concerné.

L’utilisateur peut aussi géolocaliser l’objet de sa recherche sur une carte du parc.

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.

Une typographie sans empattements qui permet d’accéder à un côté moderne et moins attendu au niveau de l’encyclopédie.

Din Cond - BlackDin Cond - Regular

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

5

O.N.F

UN CADRE A PRÉSERVER/ L’Effet Papillon

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.


Veuillez choisir une situation, et tester vos capacités à préserver la nature.

Frutiger - Light Condensed

Testez les gestes et choisissez le bon

Testez les gestes et choisissez le bon

Shooter

Shooter

Enterrer

Enterrer

Ramasser

Ramasser

Testez les gestes et choisi

En vous baladant dans la forêt vous trouvez une un déchet, que faites vous ?



Cit, temquosania vidus. Ebist, ut aut omnisquat ium aped que sum fuga. Et minciaEcepeliqui nam dem ipsuntium imolupt aturest possimentur am, corrovid que nonserciam

O.N.F

Frutiger - Bold Condensed

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

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.

Ouverture d’une des situations journalières.

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.

Shooter Ramasser

Pour ouvrir les différentes situations, faire glisser.

Respect

EcologiePrécision

Calme

Silence

Rapidité

Raisonnement

Reflex

Respect

EcologiePrécision

Calme

Silence

Rapidité

Raisonnement

Reflex

6

UN CADRE A PRÉSERVER/ Des gestes à adopter.

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.

O.N.F

O.N.F

O.N.F O.N.F

O.N.FO.N.FO.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


- 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



/ ONF/ Cartes

La violette :

Faccusti squisse prae. Sequi-busam, 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.

Ralentir le pas !!!

Certains animaux ont besoin de silence si vous voules les apercevoir.

Attention où vous marchez !!!

L’Edelweiss est une espèce pro-tégée. Pour reprendre le balade effleurez l’image.










O.N.FLa Grande Chartreuse



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

On suit la progression dans l’application par le menu et la scroll bar qui permettent à l’utilisateur de se repérer.

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.

Au contraire, lorsque l’utilisateur respecte les bon gestes, l’application lui livre plus d’informations sur les photos consultées.

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.

Mise en place de pictogrammes visant à expliquer l’utilisation de l’application, en fonction des sections.