9
À la découverte de la Grande Chartreuse _ Une question d’orientation 1/7 Symboliser la notion de découverte par l’utilisation d’une boussole et de symboles qui évoquent l’orientation et le déplacement. Elle est entièrement embarquée. Toutes les fonctionnalités seront donc disponibles même au plus profond de la forêt, où il n’y a pas de réseau. Curseur à déplacer Indique la position en temps réel Flashcodes sur la carte Représentation du flashcode Borne de téléchargement Tout d’abord, l’utilisateur choisit la rubrique à explorer en faisant tourner le curseur à l’aide de son doigt sur le degré correspondant. Page d’accueil N 0 20 40 60 80 100 120 140 160 180 200 220 240 260 S E O 180 Massif de la Chartreuse 60 Massif des Bauges 120 Massif d’Arvières 80 Massif de Seillon ONF Présentation N 0 20 40 60 80 100 120 140 160 180 200 220 240 260 S E O 200 Réglementation 160 Présentation 240 Commencer Écrin vert auréolé de blanches falaises calcaires, la Chartreuse sait dévoiler aux curieux une richesse naturelle, humaine et patrimoniale unique. Massif de la Chartreuse Un deuxième curseur permet de sélectionner une sous-partie, avec le même système que pour la page d’accueil. Réglementation N 0 20 40 60 80 100 120 140 160 180 200 220 240 260 S E O 200 Réglementation 160 Présentation 240 Commencer Seul le bivouac est autorisé (tente tolérée entre le coucher et le lever du soleil). Le Camping Application pour smartphones et tablettes

ONF - Design Graphique Numérique - Emilie Tissot

Embed Size (px)

DESCRIPTION

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

Citation preview

Page 1: ONF - Design Graphique Numérique - Emilie Tissot

À la découverte de la Grande Chartreuse _ Une question d’orientation

1/7

Symboliser la notion de découverte par l’utilisation d’une boussole et de symboles qui évoquent l’orientation et le déplacement.

Elle est entièrement embarquée. Toutes les fonctionnalités seront donc disponibles même au plus profond de la forêt, où il n’y a pas de réseau.

Curseur à déplacer

Indique la position en temps réel

Flashcodes sur la carte

Représentation du flashcode

Borne de téléchargement

Tout d’abord, l’utilisateur choisit la rubrique à explorer en faisant tourner le curseur à l’aide de son doigt sur le degré correspondant.

Page d’accueil

N0

20

40

60

80

100

120

140

160

180

200

220

240

260

S

EO

180 Massif de la Chartreuse

60 Massif des Bauges

120 Massif d’Arvières

80 Massif de Seillon

ONF

Présentation

N0

20

40

60

80

100

120

140

160

180

200

220

240

260

S

EO

200 Réglementation

160 Présentation

240 Commencer

Écrin vert auréolé de blanches

falaises calcaires, la Chartreuse

sait dévoiler aux curieux une

richesse naturelle, humaine

et patrimoniale unique.

Massif de laChartreuse

Un deuxième curseur permet de sélectionner une sous-partie, avec le même système que pour la page d’accueil.

Réglementation

N0

20

40

60

80

100

120

140

160

180

200

220

240

260

S

EO

200 Réglementation

160 Présentation

240 Commencer

Seul le bivouac est

autorisé (tente tolérée

entre le coucher et

le lever du soleil).

LeCamping

Application pour smartphones et tablettes

Page 2: ONF - Design Graphique Numérique - Emilie Tissot

À la découverte de la Grande Chartreuse _ Une question d’orientation

2/7

Lorsque l’utilisateur se retrouve devant une borne, une icône d’appareil photo apparaît. Il peut ainsi scanner le code pour découvrir des informations.

Caractéristiques de l’espèce.

Photothèque PhotothèqueArbres

N0

20

40

60

80

100

120

140

160

180

200

220

240

260

S

EO

N 19°

S 98°

E 15°

O 83°

ArbresL’Épicéa

180 Retour

120 Photothèque

60 Caractéristiques

L’Épicéa est une espèce d’arbre résineux de la famille des Pinacées. Cet arbre mesure généralement de 35 à 40 mètres de hauteur, mais il peut dépasser 50 mètres ; certains spécimens du massif mesurent jusqu’à 60 mètres ! Il peut vivre jusqu’à 300 ans.

N0

20

40

60

80

100

120

140

160

180

200

220

240

260

S

EO

N 19°

S 98°

E 15°

O 83°

ArbresL’Épicéa

180 Retour

20 Présentation

120 Photothèque

60 Caractéristiques

60° / 100°

Cônes femelles mûrs.

L’utilisateur fait défiler le curseur pour voir les différentes photos.

N0

20

40

60

80

100

120

140

160

180

200

220

240

260

S

EO

N 19°

S 98°

E 15°

O 83°

ArbresL’Épicéa

180 Retour

120 Photothèque

60 Caractéristiques

0° / 100°

Épicéa adulte

L’utilisateur se déplace ainsi à son gré

N0

20

40

60

80

100

120

140

160

180

200

220

240

260

S

EO

N 19°

S 98°

E 15°

O 83°

160 Massif de la Chartreuse

60 Retour ONF

200 Réglementation

N0

20

40

60

80

100

120

140

160

180

200

220

240

260

S

EO

N 15°

S 106°

E 10°

O 96°

160 Massif de la Chartreuse

60 Retour ONF

200 Réglementation

L’utilisateur sélectionne le degré requis pour commencer à utiliser la boussole. Les coordonnées GPS s’affichent en haut à gauche ainsi que les icônes des espèces à droite.

Commencer

N0

20

40

60

80

100

120

140

160

180

200

220

240

260

S

EO

N 29°

S 88°

E 19°

O 92°

200 Réglementation

160 Présentation

240 Commencer

GO

Page 3: ONF - Design Graphique Numérique - Emilie Tissot

À la découverte de la Grande Chartreuse _ Exploration progressive

3/7

Découvrir progressivement les différentes zones du massif par le biais d’un jeu. L’exploration du massif renseigne l’utilisateur sur la faune, la flore et les gestes à adopter au sein du Parc.

Page d’accueil

QuestionInformation

Mission

Question

L’utilisateur accomplit des missions au fil du parcours. Dans ce cas, il manie sa tablette ou son smartphone d’une manière précise pour exécuter les différentes actions.

L’utilisateur choisit la zone à découvrir. Les zones supérieures sont accessibles uniquement si les zones inférieures sont débloquées.

Lorsque une zone est terminbée avec succès, l’accès à la zone suivante est débloquée.

Tout au long du jeu, l’utilisateur reçoit des informations pour mieux connaître le massif.

Des biches !

Veilles à ne pas faire de bruit pour ne pas les perturber...

Zone II

Zone II

5 / 63 / 6

Zone IIZone II

Cet arbre est un châtaignier.

À quelle famille appartiennent ses feuilles?

À qui appartient cette empreinte?

Créé en 1964, l’Office national des forêts mène son action dans le cadre d’un contrat pluriannuel d’objectifs et de performance avec l’Etat et la Fédération nationale des communes forestières.

Règlementations

Le dépôt de déchets est interdit !

Chamois Sanglier Chevreuil

Simples Striées

AlternéesDentées

Zone I

Bienvenue !

Zone II

Zone III

Zone IV

Application pour smartphones et tablettes

Les différentsreliefs

Page 4: ONF - Design Graphique Numérique - Emilie Tissot

Une diversité en constante évolution _ Map évolutive

4/7

Symboliser l’évolution par le biais d’une carte «évolutive».La diversité est içi mise en avant par les nombreuses «couches» que l’on peut consulter et le cumul d’informations. L’utilisateur sait ainsi ou se situent les différentes espèces.

La Faune / Exemple AiglePage d’accueil

Page d’accueil

Chaque nouvelle information remplace la précédente L’onglet chevron permet de revenir au texte descriptif de l’éspèceL’onglet + permet d’obtenir des informations supplémentaires.

Massif de la

Chartreuse

Écrin vert auréolé de blanches

falaises calcaires, la Chartreuse

sait dévoiler aux curieux une

richesse naturelle, humaine

et patrimoniale unique.

Massif de la

Chartreuse

Écrin vert auréolé de blanches

falaises calcaires, la Chartreuse

sait dévoiler aux curieux une

richesse naturelle, humaine

et patrimoniale unique.

Massif de la

Chartreuse

Écrin vert auréolé de blanches

falaises calcaires, la Chartreuse

sait dévoiler aux curieux une

richesse naturelle, humaine

et patrimoniale unique.

Massif de la

Chartreuse

Écrin vert auréolé de blanches

falaises calcaires, la Chartreuse

sait dévoiler aux curieux une

richesse naturelle, humaine

et patrimoniale unique.

L’ONF

_ Massif d’Arvières

_ Massif de Seillon

_ Massif de la

Chartreuse

_ Massif des Bauges

Géographie

_ Relief

Prairies

Collines

Montagnes

Sommets

_ Ressources

aquatiques

Ruisseaux

Rivières

Lacs

Faune

_ Mammifères

Biche

Cerf

Sanglier

Renard

Loup

Lynx

Bouquetin

Chamois

Marmotte

Chevreuil

Noctule

Oreillard

Musaraigne

_ Oiseaux

AIgle royal

Geai

Hibou

Faucon

Chiens interdits

Un chien, même tenu en laisse,

est perçu comme un prédateur

par les animaux sauvages :

il peut commettre des dégâts

en toute saison.

Prairies

Aliquodi tiiscil luptatur? Ro exernates

et omni vellace prorpor porenimet

aut qui volum assita sitatuscia

dolupitasi vel evellori cus abori.

Aigle royalChamois

Le chamois est une espèce

de mammifères de la famille des

Bovidés et de la sous-famille des

Caprinés. Les chamois vivent dans

les zones rocheuses, les forêts

et pâturages de montagnes.

+ <+

L’ONF

Créé en 1964, l’Office national

des forêts mène son action dans

le cadre d’un contrat pluriannuel

d’objectifs et de performance avec

l’Etat et la Fédération nationale

des communes forestières.

L’ONF

Créé en 1964, l’Office national

des forêts mène son action dans

le cadre d’un contrat pluriannuel

d’objectifs et de performance avec

l’Etat et la Fédération nationale

des communes forestières.

L’ONF

Créé en 1964, l’Office national

des forêts mène son action dans

le cadre d’un contrat pluriannuel

d’objectifs et de performance avec

l’Etat et la Fédération nationale

des communes forestières.

L’ONF

Créé en 1964, l’Office national

des forêts mène son action dans

le cadre d’un contrat pluriannuel

d’objectifs et de performance avec

l’Etat et la Fédération nationale

des communes forestières.

L’ONF

_ Massif d’Arvières

_ Massif de Seillon

_ Massif de la

Chartreuse

_ Massif des Bauges

Géographie

_ Relief

Prairies

Collines

Montagnes

Sommets

_ Ressources

aquatiques

Ruisseaux

Rivières

Lacs

Faune

_ Mammifères

Biche

Cerf

Sanglier

Renard

Loup

Lynx

Bouquetin

Chamois

Marmotte

Chevreuil

Noctule

Oreillard

Musaraigne

_ Oiseaux

AIgle royal

Geai

Hibou

Faucon

L’ONF

_ Massif d’Arvières

_ Massif de Seillon

_ Massif de la

Chartreuse

_ Massif des Bauges

Géographie

_ Relief

Prairies

Collines

Montagnes

Sommets

_ Ressources

aquatiques

Ruisseaux

Rivières

Lacs

Faune

_ Mammifères

Biche

Cerf

Sanglier

Renard

Loup

Lynx

Bouquetin

Chamois

Marmotte

Chevreuil

Noctule

Oreillard

Musaraigne

_ Oiseaux

AIgle royal

Geai

Hibou

Faucon

Lorsque l’utilisateur sélectionne un onglet, des informations relatives à ce dernier apparaissent en bas à gauche de la page.

L’ONF

_ Massif d’Arvières

_ Massif de Seillon

_ Massif de la

Chartreuse

_ Massif des Bauges

Géographie

_ Relief

Prairies

Collines

Montagnes

Sommets

_ Ressources

aquatiques

Ruisseaux

Rivières

Lacs

Faune

_ Mammifères

Biche

L’ONF

_ Massif d’Arvières

_ Massif de Seillon

_ Massif de la

Chartreuse

_ Massif des Bauges

Géographie

_ Relief

Prairies

Collines

Montagnes

Sommets

_ Ressources

aquatiques

Ruisseaux

Rivières

Lacs

Faune

_ Mammifères

Biche

L’ONF

Créé en 1964, l’Office national

des forêts mène son action dans

le cadre d’un contrat pluriannuel

d’objectifs et de performance avec

l’Etat et la Fédération nationale

des communes forestières.

Massif de la

Chartreuse

Écrin vert auréolé de blanches

falaises calcaires, la Chartreuse

sait dévoiler aux curieux une

richesse naturelle, humaine

et patrimoniale unique.

Chaque catégorie globale est représentée par un code couleur qui lui est propre.

+

500

1000

1500

2010 2011 2012 2013

Application pour smartphones et tablettes

Page 5: ONF - Design Graphique Numérique - Emilie Tissot

Une diversité en constante évolution _ Un processus biologique

5/7

L’évolution est un processus biologique basé sur chimie, la physique et les mathématiques. Reprise de symboles connus de tous et ré-exploitation de ces derniers de manière à créer une signalétique.

Le Massif / RéglementationAccueil / Menu

Fiche espèceMenu Espèces Créer son itinéraireFiche espèce (détails)

Distance 2,4 km

Parcours

Difficulté

Temps estimé 2h42

Nombre d’étapes 7

0 10

km

1

2

3

45

67

Le cerf élaphe est un grand cervidé des forêts tempérées d’Europe, d’Afrique du Nord et d’Asie. Ce cerf est l’un des représentants les plus connus de cette famille de mammifères.L’espèce comprend plusieurs sous-espèces, dont le cerf de Bactriane et le cerf du Turkestan.

500

1000

1500

2000

2008 2009 2010 2011 2012 2013

Cerf élaphe

Anatomie

nourriture

population

durée de vie

15 ans60 herbacés

20 semi ligneux

10 ligneux

0 1 0 2 0 3 0 4 0 5 0 6

Le cerf

Cerf de bactriane

Cerf du turkestan

Mam- -ifè-Res

Cerf élaphe

géographiefaune flore

Cerf

Chevreuil

Chamois

Bouquetin

Sanglier

Lorsque l’utilisateur sélectionne l’onglet «i», des informations sur l’élément sélectionné apparaissent sur la page

Lorsque l’utilisateur sélectionne l’onglet «i», des informations sur l’élément sélectionné apparaissent sur la page

Lorsque l’utilisateur sélectionne l’onglet «i», des informations sur l’élément sélectionné apparaissent sur la page

Lorsque l’utilisateur sélectionne l’onglet «i», des informations sur l’élément sélectionné apparaissent sur la page

Lorsque l’utilisateur sélectionne l’onglet «i», des informations sur l’élément sélectionné apparaissent sur la page

Lorsque l’utilisateur sélectionne l’onglet «i», des informations sur l’élément sélectionné apparaissent sur la page

ONF

Massif dela Chartreuse

Créer un itinéraire

Consulter la liste des espèces

6/05/95

60

76 700

Date de création

Communes

Hectares de superficie

Seul le bivouac est autorisé (tente tolérée entre le coucher et le lever du soleil).

Page 6: ONF - Design Graphique Numérique - Emilie Tissot

Un espace d’exception _ Encyclopédie interactive

6/7

L’encyclopédie est un bel ouvrage, synonyme de qualité. Elle est une métaphore du parc de la chartreuse et retranscrit l’espace exceptionnel qu’est le massif..

Page d’accueil

Page Notes

Page d’accueil

A

A Z E R T Y U I O P Q S D F G H J K L M

W X C V B N

B

C

D

EF

G

H

I

J

K

L

M

N

O

P

Q

V

W

X

Y

Z

R

S

T

U

Lorsque l’utilisateur sélectionne une lettre, toutes les catégories commençant par cette lettre s’affichent.

Lorsque l’utilisateur sélectionne l’onglet «i», des informations sur l’élément sélectionné apparaissent sur la page

L’utilisateur peut créer ses propres notes et les enregistrer.Lors de la sélection d’une icône

Retour

ONF ONF

Massif

de la

Char-treuse

effacer espace valider

Le Bouquetin

La Chanterelle

La Salamandre

Retour

Exemple icône

Retour

Fiche Espèce

Les icônes importantes sont accessibles à tout momentinfos se complètent

Retour

Champi- -gnons

Les Feux

Règlem- -entationsClitocybe

à toisonEn altitude, les foyers détruisent le sol pour de nombreuses années...

COn le trouve sous les bouleaux qu’il mycorhize, dans les zones herbeuses et à bruyères. Fréquent en été et en automne.

Habitats& Milieux

Chapeau

Pied

Consommation

Votre texte içi ...

C

C

Champi- -gnons

Créé en 1964, l’Office national des forêts mène son action dans le cadre d’un contrat

Clitocybeà toison

6 à 10 cm de diamètre, à lames décurrentes et à marge toisonnée.

Toxique pour l’homme

Taille

5 à 10 cm de haut.

4 à 8 cm de long assez gros, de même couleur que les lames.

ONFONF ONF

Page 7: ONF - Design Graphique Numérique - Emilie Tissot

Un espace d’exception _ Un lieu aux multiples facettes

7/7

Le lieu exceptionnel qu’est le massif est représenté par l’utilisa-tion de beaux clichés ainsi que par une mise en page sobre

Présentation du massif

Exemple HibouRubrique OiseauxRubrique RéglementationLe massif

Page d’accueil

O

BIEN-

-VEN

-UE-

N

F

MAS-

-SIF

CHART--REUSE

DE

1

2

3

LA

MAS-

-SIF

CHART--REUSE

DELA

Écrin vert auréolé de blanches falaises

calcaires, la Chartreuse sait dévoiler

aux curieux une richesse naturelle,

humaine et patrimoniale unique.

LE

HIB--OU-

RÈGLEMENTATION

En altitude, les foyers détruisent le sol pour de nombreuses années...

4

5

LES

OIS- -EAUX

Le hibou appartient à la famille des Strigidae. Le hibou se distingue de la chouette par la simple présence d’aigrettes sur la tête.

Popu- -lation

Page 8: ONF - Design Graphique Numérique - Emilie Tissot

Développement _ Un processus biologique

1/2

Légende

Rivière

Montagnes Lac

Collines

Prairies

Géographie

Arbres

Plantes

FloreFaune

Mammifères

Poissons

Reptiles

Insectes

Oiseaux

Mise en place d’une signalétique grâce à l’utilisation des divers symboles. Cette signalé-tique à pour but d’aider le promeneur à se repérer au sein du massif. Chaque symbole est associé à une catégorie d’éspèce.

Le cerf élaphe est un grand cervidé des forêts tempérées d’Europe, d’Afrique du Nord et d’Asie. Ce cerf est l’un des représentants les plus connus de cette famille de mammifères. L’espèce comprend plusieurs sous-espèces, dont le cerf de Bactriane et le cerf du Turkestan.

Le cerf

Mam- -ifè-Res

Exemple d’affiche Mise en situation

Grille de mise en page

Typographies

Gulim > Rédactionnel

> Noir

Les couleurs utilisées içi évoquent la biologie et la nature. Le noir vient apporter une touche de sobriété.

> Titres et données

> R=28 V=98 B=192

> R=178 V=45 B=45

Bebas neue

Couleurs

Page 9: ONF - Design Graphique Numérique - Emilie Tissot

Développement / Mise en situation _ Un processus biologique

2/2

Le cerf élaphe est un grand cervidé des forêts tempérées d’Europe, d’Afrique du Nord et d’Asie. Ce cerf est l’un des représentants les plus connus de cette famille de mammifères.L’espèce comprend plusieurs sous-espèces, dont le cerf de Bactriane et le cerf du Turkestan.

500

1000

1500

2000

2008 2009 2010 2011 2012 2013

Cerf élaphe

Anatomie

nourriture

population

durée de vie

15 ans

60 herbacés

20 semi ligneux

10 ligneux

0 1 0 2 0 3 0 4 0 5 0 6

Le cerf

Cerf de bactriane

Cerf du turkestan

Mam- -ifè-Res

Cerf élaphe

Distance 2,4 km

Parcours

Difficulté

Temps estimé 2h42

Nombre d’étapes 7

0 10

km

1

2

3

45

67