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.
Avant
Après
