Le point de départ : une app solide, une marque en retrait
Cette étude de cas retrace la refonte de marque complète d'une application sociale. Sortiz permet de créer ou de rejoindre des activités en petit groupe, près de chez soi. Trois univers structurent l'offre : Business, Sport et Sorties. Une mécanique de points, de classement et de cadeaux récompense les membres les plus actives et actifs. Et tout le cycle est couvert : l'événement, la discussion, puis les souvenirs.
Sur le papier, tout y est. L'enjeu de cette exploration : imaginer comment l'image pourrait refléter encore mieux cette richesse, dès la découverte sur les stores ou sur le site.
Pourquoi refondre la marque d'une application
Une refonte se justifie quand l'image peut mieux servir la croissance, pas quand on se lasse de son logo. Ici, quatre pistes d'évolution se dessinaient :
- Le nom : « Sortiz » met en avant les sorties, alors que l'app couvre aussi le sport et le networking. Un nom plus large pourrait refléter toute l'offre.
- La signature visuelle : les dégradés vert, violet et rose sont dynamiques, et une forme propre à la marque pourrait la rendre reconnaissable au premier coup d'œil.
- Le site : il présente bien les fonctionnalités, et pourrait davantage raconter l'expérience, avec un parcours guidé jusqu'au téléchargement.
- Le ton : tutoiement et vouvoiement cohabitent, une seule voix renforcerait la proximité.
Le produit sait créer des rencontres. L'idée : que la marque le raconte avec la même force.
Changer seulement le logo n'aurait pas suffi. Le chantier devait couvrir toute la chaîne, dans cet ordre : le sens, le nom, l'identité, l'app, puis le site. Chaque étape sert de fondation à la suivante.
L'audit de marque rapide : ce qui bloquait vraiment
Avant de dessiner, nous avons passé la marque au crible sur les critères qui comptent pour une app sociale. Un audit court, pensé pour prioriser plutôt que pour tout lister.
| Critère | Niveau | Constat |
|---|---|---|
| Clarté de la promesse | Une accroche efficace, qui pourrait être plus singulière. | |
| Nom et mémorisation | Met en avant les sorties plus que l'offre complète. | |
| Signature visuelle | Des couleurs dynamiques, une forme propre à créer. | |
| Hiérarchie du site | Des fonctionnalités complètes, une hiérarchie à affirmer. | |
| Parcours de conversion | Un accès direct aux stores, un parcours guidé à imaginer. | |
| Ton de voix | Deux registres qui cohabitent. | |
| Gamification visible | Points et classement en place, à rendre plus visuels. | |
| Technique et visibilité | Quelques optimisations possibles sur mobile et sur les réseaux. |
Le constat est encourageant : la matière est excellente (un produit complet, une vraie mécanique d'engagement), et mérite d'être davantage mise en scène. Priorité au nom et à la signature visuelle, puis au parcours du site jusqu'au téléchargement.
Étape 1 : le concept de marque, avant le moindre dessin
Tout commence par une immersion dans le produit : parcourir l'app comme une nouvelle venue, lire les fiches des stores, analyser chaque écran existant. Trois questions guident le travail : pourquoi l'app existe, pour qui en priorité, et quel moment elle doit faire vivre.
- 01ImmersionParcours de l'app, des stores et du site, lecture critique de l'existant.
- 02PositionnementRencontrer des gens en vrai, près de chez soi, en petit groupe.
- 03PlateformeMission, valeurs, promesse et ton de voix, écrits noir sur blanc.
- 04TerritoirePlanches d'inspiration, pistes de nom et de style.
Le concept proposé s'inspire de l'agora antique : la place où l'on se retrouve, où l'on échange, où la cité prend vie. Il justifie toute la suite. Une agora est chaleureuse, ouverte, ancrée dans un lieu. Elle offre aussi un imaginaire tout trouvé à la gamification : lauriers, médailles, figures mythologiques.
Étape 2 : le naming, de Sortiz à Affeli
Un nom doit se dire, se retenir et ne pas tromper. « Je vais sur Sortiz » oblige à épeler, et le nom enferme l'app dans les sorties alors qu'elle couvre bien plus.
Affeli évoque l'affinité : ce qui rapproche des personnes autour d'une envie commune. Court et doux à prononcer, le nom fonctionne aussi bien sur une icône d'app que dans une conversation.
| Critère | Sortiz | Affeli |
|---|---|---|
| Se dire dans une phrase | ||
| Se retenir | ||
| Ne pas tromper sur l'offre | ||
| Se décliner (icône, réseaux, domaine) |
Étape 3 : l'identité visuelle et le logo
Le logo d'origine repose sur une bulle de discussion et un nom simple et lisible. Le nouveau logo associe deux éléments : un logotype en capitales à empattements, inspiré des inscriptions gravées, et un emblème, un buste grec de profil frappé comme une pièce de monnaie.
Une bulle et un nom sur dégradé : clair et lisible, qui évoque l'échange.
L'emblème et le logotype réunis : une signature chaleureuse et singulière, qui raconte l'agora au premier regard.
Pourquoi un buste ? Parce qu'il incarne l'agora : un visage, une parole, une personne qu'on rencontre. Sa forme de médaille fait aussi le lien avec les pièces de la gamification. L'emblème vit seul partout où la place manque (icône d'app, avatar des réseaux, tampon sur les supports), le logotype seul s'utilise dans l'interface, et le logo complet signe les moments importants : site, affiches, présentations.
La palette quitte les dégradés numériques pour des tons de matière : terre cuite, olivier, bronze et ivoire. Ils évoquent une terrasse au soleil plutôt qu'un écran. La typographie associe un serif de caractère pour les titres et une linéale très lisible pour l'interface. Ces choix ne sont pas décoratifs : ce sont des repères que l'on retrouve ensuite dans chaque écran et sur le site.
Les rangs sont la meilleure illustration du concept. Chaque palier a sa figure (branche de laurier, cheval, aigle, Pégase) et sa matière. Le classement devient une progression qu'on a envie de montrer, plutôt qu'un simple tableau de points.
| Élément | Avant | Après |
|---|---|---|
| Logo | Une bulle et un nom simple | Logo avec emblème, logotype et emblème utilisables seuls |
| Couleurs | Dégradés vert, violet, rose | Terre cuite, olivier, bronze, ivoire |
| Typographies | Police standard | Un serif de titre, une linéale d'interface |
| Gamification | Points et classement chiffrés | Cinq rangs illustrés, à collectionner |
| Ton de voix | Vous et tu | Tutoiement partout, chaleureux et direct |
Étape 4 : le design de l'application
L'app n'est pas réinventée : ses fonctions sont bonnes. Nous avons retravaillé la hiérarchie, l'émotion et la cohérence de chaque écran clé, avec une question simple en tête : qu'est-ce que la personne vient chercher ici, maintenant ?
Un carrousel d'activités, des filtres et des onglets : beaucoup de choix, présentés au même niveau.
La prochaine rencontre en héros (photo, heure, inscrit·es), les stories des membres en haut, les points visibles.
Une belle photo, des informations complètes et trois actions proposées en bas.
Les infos pratiques groupées (quand, où, pour qui) et un seul bouton « Rejoindre », toujours visible.
Une liste de catégories à cocher, simple et efficace.
Trois raisons de sortir : près de chez toi, avec tes ami·es, ce week-end. Chaque univers a sa couleur.
Une messagerie fonctionnelle, centrée sur les échanges entre membres.
Discussions d'activité, privées et de groupe, avec photos, sondages et lieux partagés.
- Un écran d'accueil qui montre d'abord la prochaine sortie, pas une liste de catégories.
- Une seule action principale par écran, pour que l'œil sache toujours où cliquer.
- Des univers repérables d'un coup d'œil grâce à leur couleur et leur icône.
- Des rangs et des médailles qui célèbrent chaque progrès, pour donner envie de revenir.
Étape 5 : la refonte du site web
Le site arrive en dernier, et c'est voulu. Avec un nom, une identité et une app cohérents, il n'a plus qu'un rôle : transformer une visite en téléchargement. Nous l'avons pensé comme un parcours, de la promesse à la preuve, puis à l'action.
Une accroche sur dégradé, des captures en carrousel et un accès direct aux stores.
Une promesse claire, des activités réelles avec places restantes, les rangs, les avis et un parcours guidé jusqu'au téléchargement.
| Étape | Avant | Après |
|---|---|---|
| Arrivée | Accroche sur dégradé | Rencontrer des gens en vrai, près de chez soi |
| Compréhension | Des captures de l'app en carrousel | Trois univers et des activités réelles |
| Preuve | Peu mise en avant | Avis, photos de sorties, rangs des membres |
| Action | Boutons des stores | Quiz en trois étapes, lien d'installation par SMS |
| Ton | Vous et tu | Tutoiement partout |
Les contrastes ont été vérifiés selon les recommandations d'accessibilité du W3C : un site lisible par toutes et tous est aussi plus confortable pour chacun·e, en terrasse comme dans le métro.
Le bilan de la refonte : avant / après
| Critère | Avant | Après |
|---|---|---|
| Clarté de la promesse | ||
| Nom et mémorisation | ||
| Signature visuelle | ||
| Hiérarchie du site | ||
| Parcours de conversion | ||
| Ton de voix | ||
| Gamification visible | ||
| Technique et visibilité |
Au-delà de la grille, le changement se lit dans la cohérence : la même marque se reconnaît sur l'icône, dans l'app, sur le site et sur Instagram. Le produit n'a pas changé de nature. Il a enfin une image à sa hauteur, prête à accueillir de nouvelles villes et de nouveaux partenaires.
L'app représente la plus grosse part : c'est là que les membres passent leur temps, et là que la marque doit tenir sa promesse.
Cinq points à cocher en toute honnêteté.
Questions fréquentes
Quelles sont les étapes d'une refonte de marque ?+
Un audit rapide, le concept et la plateforme de marque, le nom si besoin, l'identité visuelle, puis les supports : application, site, réseaux. Chaque étape s'appuie sur la précédente.
Faut-il toujours changer de nom lors d'une refonte ?+
Non. Le nom se change seulement s'il prête à confusion ou enferme l'offre. Dans beaucoup de cas, on le garde et on travaille l'identité autour.
Peut-on refondre l'app sans tout redévelopper ?+
Souvent, oui. Les fonctions de départ étaient bonnes : le travail a porté sur la hiérarchie, l'identité et les écrans clés, ce qui limite les changements techniques.
Combien de temps dure un projet de ce type ?+
Cela dépend du périmètre : nom, identité, nombre d'écrans, site. Chaque projet se cadre sur mesure, après un premier échange.
