, ,

Refonte de l’image de marque sans chambouler ses clients

KoalaME all support 1

Client

Ancien logo de koalame

KoalaME était un Saas permettant de gérer la comptabilité de sa micro-entreprise. L’entreprise crée depuis 2017 n’avait pas évolué en terme graphique. Ses ambitions augmentant, il fallait moderniser le tout sans chambouler ses clients fidèles.

Objectifs du projet

1

Garder le positionnement de la marque comme humaine et accessible en ajoutant une touche de modernité et de renouveau. Le client doit reconnaître KoalaME avec son nouveau branding.

2

Aligner le site web avec la nouvelle image en le restructurant et en définissant clairement l’importance et la priorité de chaque contenu, qui a été ajouté au fur et à mesure depuis le début.

3

Moderniser l’interface de l’application afin de la rendre scalable avec les nouvelles fonctionnalités prévues.

Secteur

Comptabilité, Software As A Service

Taille de l’entreprise

< 10 personnes

Compétences

  • Veille concurrentiel, analyse du marché
  • Branding, stratégie et positionnement de marque
  • Design graphique, création de visuels pour le web et les réseaux sociaux
  • UX, analyse du comportement utilisateur, wireframe
  • Stratégie de contenu, trie de carte avec l’équipe
  • UI / Web design, maquette, prototypage et intégration sur WordPress
  • Design system, cohérence visuelle des composants de l’interface

En coopération avec

Équipe interne de KoalaME pour la rédaction et Bear Studio pour l’application

Un positionnement humain et moderne

Explication du logo de KoalaME : Forme géométrique qui rappelle celle de l’identité visuelle de l’URSSAF sortie en 2021 dont KoalaME était partenaire, Mascotte Koala de la marque pour accentuer le côté humain et accompagnement, Typographie arrondie pour évoquer le côté flexible et avec empattement pour rappeler l’écriture sur ordinateur, “Me” pour micro-entrepreneur séparé pour penser à le lire à part
Couleurs de KoalaME

Une mascotte expressive et correspondant aux usages

Création de la mascotte Koala pour assimiler chaque geste d’administratif à une émotion positive et pour étoffer les possibilités de visuels pour la community manager.

Variantes de la mascotte Koala

Un site web clair et hiérarchisé

Explication de la page d'accueil de KoalaME : Bénéfice le plus important mis en avant : le gain de temps, Menu simple et clair mettant en avant la communauté et des ressources pratiques, CTA séparés du menu pour souligner le fait que ce sont des actions à part, CTA clair et non engageant, Visuel dynamique qui met en avant les futurs fonctionnalités de KoalaME, Élément de réassurance avec les logos partenaires notamment le plus connu : l’URSSAF
Mise en scene du site de koalame sur telephone
Autres pages de la maquette du site de koalame

Une mise en page réfléchie
pour les besoins utilisateurs puis détaillée

Wireframe de la page 404
Maquette de la page 404

Une application mobile first : là où sont d’abord les utilisateurs

Explication de la page facture de l'application de KoalaME : Menu déroulant pour les différentes catégories et sous catégories, Notification en cas d’oubli de déclaration URSSAF, rappel de relance de facture, facture payée, etc, CTA principal en haut, c’est l’action la plus populaire de la catégorie, CTA en fonction de l’avancement de la facture, le reste des options sont dans un menu, État d’avancement de la facture, Pagination au lieu du scroll pour ne pas se perdre dans son administratif, Conception en mobile first (majorité des users sur mobile)
mockup mobile logiciel koalame
Exemple application sur ordinateur

Un design system pour faciliter le développement et la maintenance

Chaque élément correspond à un composant avec plusieurs états qui peut être réutiliser dans d’autres éléments. Ce qui permet de garder une cohérence visuelle et de dépenser moins de ressources en coût de développement.

Différentes vues d'écrans mobile first de koalame
Symbole de Anna Giraud
Résumé de la politique de confidentialité

Ce site utilise des cookies afin que nous puissions vous fournir la meilleure expérience utilisateur possible. Les informations sur les cookies sont stockées dans votre navigateur et remplissent des fonctions telles que vous reconnaître lorsque vous revenez sur notre site Web et aider notre équipe à comprendre les sections du site que vous trouvez les plus intéressantes et utiles.