Identité et design d'une application mobile

Chap’nGo est une application gratuite permettant l’échange de bonnes adresses entre amis sans faux avis. Médecin, concept store, restaurants, avocats, pédiatres… Le partage et les recommandations se font en toute confiance et en toute confidentialité.

Client

Chap’n go

Services

Identité, UI Design

Projet

Réseau social, mobile

Année

2020

Objectif

Actualiser les codes graphiques et intégrer de nouvelles fonctionnalités à l’application existante.

Repenser les codes couleurs

Le branding existant s’appuyait sur une couleur unique : un vert d’eau lumineux. Son ultra présence avait tendance à créer certains effets de bord non négligeables. L’application souffrait de problèmes de lisibilité, d’accessibilité et d’affordance. La création d’une nouvelle palette de couleurs plus riche s’imposait afin de palier à ces différents problèmes. Notamment par l’ajout d’une couleur plus contrastée (bleu nuit). Un nuancier de gris permet d’améliorer la hiérarchisation des textes ainsi qu’une nouvelle gamme de couleurs pour tous les éléments de l’interface.

Harmoniser l’iconographie

L’iconographie permet d’identifier rapidement les réactions des utilisateurs sur les différentes adresses. Elle permet également d’identifier la nature de ces dernières (restaurant, hôtel, …). La lisibilité était un critère déterminant dans le choix de la librairie. Le traitement des icônes en « outline » ne convient pas à la représentation de points d’intérêts sur une carte mobile. Ces nouvelles icônes proviennent de la librairie Google Material, au design universel. Les réactions ont été entièrement repensées et associées à des codes couleurs afin d’en améliorer la personnalité.

Définir une nouvelle interface

La mise en place d’une nouvelle hiérarchisation du contenu a permis d’apporter de la clarté et de la lisibilité. L’interface intègre plus de visuels et plus d’espaces de respiration. Le travail intègre également une refonte totale de la carte et des fiches contact et adresse. Le redesign a été l’opportunité d’ajouter de nouvelles fonctionnalités avec l’accentuation de la dimension sociale (like, commentaire). La navigation a été fluidifiée pour une meilleure hiérarchisation entre fonctionnalités principales et secondaires.

Plus clair, plus intuitif.

Une experience entièrement revue qui permet de mieux profiter de l’application.

Ancienne interface Cap'nGo

Avant

Nouvelle interface Chap'nGo

Après