Imaginez un réseau social dédié à la randonnée, ça donnerait quoi ? Avec cette application, la balade sera un prétexte pour aller faire des photos et les partager avec les amoureux de la nature et de la photographie. Ici, ce réseau vous permet de partager vos photos prises à des endroits précis de votre randonnée tout en vous indiquant le chemin à prendre pour arriver au bout de votre balade.
L'application
Climbers signifiant « grimpeurs » en anglais, est une application permettant à la fois de découvrir et de suivre un chemin de randonnée et de proposer aux utilisateurs d’illustrer la balade avec leurs propres photographies.
Le but de cette application est de mettre en relation des lieux à photographier et des randonnées.
L’accent est ici mis sur l’intérêt des lieux à photographier plus que sur le chemin pour s’y rendre.
L’application propose donc des photographies rangées, classées ou filtrées selon des critères de notations (nombre de mention « j’aime ») du nombre de commentaires et par des critères de temps.
Chaque photo aura une position visible sur une carte et cette position sera reliée à une ou plusieurs randonnées.
L’utilisateur en «balade» pourra suivre son iténéraire sur une carte. Il pourra à tout moment décider d’ajouter lui aussi une photographie le long du parcours.
Création
Création
Des planches d'inspirations
Pour toute création graphique, des chartes graphiques ainsi que des mood board sont établis afin d'avoir une première ligne directrice. Les designers, entre autres, utilisent les mood boards pour développer leurs concepts et pour communiquer avec les autres membres de l’équipe.
Étape 1
Pour la création du logo, je voulais représenter les eux principaux thèmes de l’application : la photo et la randonnée.
En trouvant des logos inspirants, j’ai eu l’idée d’associer l’objectif d’un appareil photo avec au centre deux montagnes et un lac.
Les moodboards ne sont pas limités à des thèmes visuels, mais servent comme outil pour informer rapidement les autres du « sentiment »
ou de l’ambiance que le designer essaye d’atteindre.
Étape 2
L’élément central d’une charte graphique est le logo, puis vient les symboles, les typographies et les couleurs. C’est à partir du logotype que l’on bâti une identité visuelle.
Étape 3
Ce moodboard a pour but de définir précisément le graphisme de l’interface. Elle est le document de spécification graphique de l’interface. Elle définit précisément les éléments constituant l’identité visuelle de l’application mobile.
Wireframes
Wireframes
maquettes
Le maquettage est la première chose à mettre en forme avant de designer les interfaces. On commence à maquetter lorsque les idées sont préalablement validées.
Page d'accueil
Cette page est la première que l’utilisateur voit dès qu’il ouvre l’application. Il s’agit de mettre en évidence le logo au centre de l’interface lors du chargement de l’application.
Page principale
Puis vient la page principale de l’application. Elle montre les fonctionnalités principales : la carte interactive, le bouton pour prendre une photo, le GPS, le menu et le profil.
Page profil
Ici, le profil de l’utilisateur qui est le « feed » Climbers. Dans ce profil, l’utilisateur peut ajouter de nouvelles photos prises de ses balades et il peut ainsi que d’autres utilisateurs consulter son flux de photo.
Page galerie
La galerie est le fil d’actualité de l’application. Il suffit de suivre des utilisateurs pour pouvoir consulter leurs photos dès qu’ils en publies de nouvelles.