Moto-Trip

Plein gaz !

Moderniser l'interface d'une communauté de 170 000 motards sans trahir son identité.

Expertises

  • Branding
  • Design System
  • UI

Date

Juin 2020
Falaise verdoyante avec une route vue du ciel

Plus de 39 000 balades

Contexte

Moto-Trip.com est une plateforme communautaire de partage de balades à moto, ouverte en 2012. Elle recense plus de 39 000 balades dans 60 pays et fédère 170 000 membres autour de roadbooks, photos et bonnes adresses. La mission : moderniser l'interface sans toucher à l'identité existante.

Défi n°1

Moderniser l’interface en conservant l’identité existante.

Défi n°2

Livrer cette nouvelle UI sous forme d’une page unique, réutilisable comme base pour le reste du site.

Défi n°3

Construire un UI kit pour industrialiser la suite.

Personne à l'arrêt sur une moto

Comprendre les enjeux et besoins

Méthodologie

La mission ne couvre pas le logotype, uniquement l'interface. J'ai commencé par m'immerger dans l'univers du site et échanger avec le fondateur pour comprendre ses attentes avant de toucher à quoi que ce soit.

Moto-trip moodboard

Tour d'horizon

Benchmark

F1

F1

Liberty Rider

Liberty Rider

OuiCar

OuiCar

BaladeMoto

BaladeMoto

Langage visuel

UI kit

La construction de l'UI kit a permis d'industrialiser la conception et de faciliter la transmission au développeur. La page d'accueil sert de base : tous les composants créés sont réutilisables sur les autres pages du site.

UI kit
Moto-trip - Couleurs

Primaire, secondaire, tertiaire, bordure…

Les couleurs

La palette a été modernisée et clarifiée. Le vert/vert d'eau, évocateur de nature et de grands espaces, est réservé aux actions primaires.

Moto-trip - Polices d'écriture

Titres & paragraphes

Les polices d'écriture

En titres, la Jost en italique mi-grasse évoque la vitesse et l'énergie de la moto. En corps de texte, la DM Sans, sobre et universelle, assure le confort de lecture sur tous les supports.

Application des nouveaux éléments graphiques

L'interface

Nouvelle interface de Moto-trip