Libden
DATE
Avril - Juillet 2024
PLATEFORME
Webapp
MON RÔLE
UX/UI designer
DATE
Avril - Juillet 2024
PLATEFORME
Webapp
MON RÔLE
UX/UI designer
Libden est un réseau social responsive conçu pour une communauté qui valorise la confidentialité, la confiance et la discrétion, afin de leur offrir un espace de rencontre et d’échange adapté à leurs besoins.
PLATEFORME
Webapp
DATE
Avril - Juillet 2024
Libden s'est donné pour mission de remplacer les plateformes obsolètes et mal entretenues qui servaient sa communauté de niche. J'ai porté le rebranding et la plateforme web de 0 à 1, et le client m'a rappelée en freelance après la livraison pour continuer à la faire évoluer.
CLIENT
Le client, membre de cette communauté lui-même, a créé Libden pour répondre à un besoin : offrir une plateforme moderne et inclusive, pensée par et pour ses utilisateurs. Insatisfait des options existantes, il a voulu concevoir un espace qui allie ergonomie, respect et authenticité, où la communauté peut s’épanouir pleinement.
CONTEXTE
Ce projet vise à accompagner le client dans la conception de son outil numérique, en débutant par un rebranding de l'identité visuelle. Puis avec les interfaces web, l'objectif est d'intégrer des fonctionnalités innovantes pour enrichir les interactions et faciliter les rencontres au sein de la communauté.
Dans le cadre de ce projet, j'ai pris en charge l'intégralité de la mission en totale autonomie. J'ai été en contact direct avec le client tout au long du processus, jouant un rôle central dans l'accompagnement stratégique et créatif.
PROBLÉMATIQUE
Le projet Libden est né de la frustration du client face à l'obsolescence des plateformes sociales existantes au service de cette communauté. En utilisant un réseau social bien connu de ce domaine, il a constaté un manque flagrant de mises à jour, des bugs récurrents, des fonctionnalités inachevées ou sous-développées, et un manque criant d'inclusivité. Fort de son expérience personnelle et des retours de ses connaissances, le client a décidé de créer Libden.
SOLUTION
Nous avons conçu une plateforme repensée de A à Z, en plaçant l’expérience utilisateur au cœur du projet. L’objectif était d’offrir une alternative moderne, fluide et intuitive, avec une interface soignée et des fonctionnalités innovantes. Nous avons mis l’accent sur l’inclusivité, la fiabilité et l’optimisation des interactions sociales, afin de proposer une expérience engageante et différenciante face aux plateformes existantes.
J'ai présenté trois directions créatives distinctes construites à partir du logo existant du client, chacune avec sa propre palette de couleurs, son set d'icônes, sa typographie, son pattern graphique et ses illustrations personnalisées. Le client a choisi la direction qui correspondait le mieux à quatre critères nommés : fun et accueillant, codifié à la communauté, rassurant et sécurisant, et chic/classe en phase avec l'image premium de la plateforme.
Avec un temps et un budget limités, nous avons supprimé la phase de wireframing en moyenne fidélité. Une fois les ateliers ayant défini les fonctionnalités clés et le layout, j'ai esquissé le userflow et des écrans en très basse fidélité, puis je suis passée directement à un prototype haute fidélité de la page d'accueil pour verrouiller la direction, avant d'étendre cette même approche haute fidélité au reste de la plateforme.
Le client avait déjà amorcé l'identité visuelle en créant un logo. Mon rôle a été de partir de ces fondations pour développer un univers visuel complet, cohérent et capable de soutenir l'image de marque de Libden.
Après avoir étudié les trois propositions, le client a choisi une direction qui reflétait parfaitement l'univers qu'il souhaitait recréer. Quatre axes principaux guidaient ce choix :
À partir de cette direction, j’ai créé un document de Brand Guidelines complet. Ce document constitue une référence pour toute la communication visuelle de Libden et a également servi de support pour guider la conception des interfaces et des supports de communication futurs.
Choix de couleurs vives : mystère, énergie, joie, douceur.
Ces couleurs ont été sélectionnées pour leur association avec une ambiance festive, joyeuse et ouverte d'esprit que nous souhaitons véhiculer à travers l'application. Le violet évoque le mystère et l'excitation, l'orange incarne l'énergie et l'enthousiasme, le jaune symbolise la joie et l’inclusivité, tandis que le rose apporte une petite touche de douceur. En combinant ces couleurs vives et dynamiques, nous créons une identité visuelle distinctive qui reflète l'esprit de liberté et de célébration
Bespoke Sans pour les titres & Quicksand pour le corps de texte
Bespoke Sans a été choisie pour les titres grâce à son design moderne et affirmé, qui confère élégance et professionnalisme.
Pour le corps de texte, Quicksand a été privilégiée pour ses formes arrondies et sa grande lisibilité, apportant une touche chaleureuse et accessible.
Cette combinaison typographique assure un équilibre visuel et répond aux besoins variés de la plateforme, en offrant une lecture fluide et une esthétique cohérente.
Librairie gratuite
Nous avons choisi une librairie d’icônes arrondis correspondant à l’identité définie. Celle-ci présente la particularité d’être en duotolone, ce qui permet d’ajouter des touches de couleurs par le biais des icônes.
Nous avons débuté par une analyse de l'existant pour identifier les points de friction des plateformes actuelles.
Comprendre et se démarquer
L’analyse de la concurrence a été une étape clé du projet, directement liée à la problématique initiale. Il était essentiel de comprendre les forces et faiblesses des principaux acteurs du marché. J’ai ainsi testé les plateformes principales déjà bien établies dans ce secteur, ainsi qu’un nouveau concurrent entrant sur le marché au même moment que Libden. Cette démarche visait à évaluer si le business model était solide et à identifier des opportunités de différenciation.
Nous avons analysé des concurrents à deux niveaux :
Cette analyse approfondie a permis de poser des bases solides pour construire une identité visuelle distinctive et proposer une expérience utilisateur qui dépasse les standards actuels du marché.
Le client souhaitait une landing page pour faire connaître la plateforme et susciter l’intérêt avant son lancement. Il prévoyait de la développer lui-même via un outil no-code (Framer). Mon rôle a été de concevoir une maquette en tenant compte des contraintes techniques de l’outil ainsi que de son niveau en développement, afin de garantir une mise en place fluide et efficace.
Après la livraison du projet et la fin de mon contrat avec La Chouette Company, le client est revenu vers moi pour des besoins ponctuels. J’ai ainsi continué à l’accompagner en freelance, en ajoutant de nouvelles micro-fonctionnalités à la plateforme selon ses évolutions et ses retours utilisateurs.
Le client voulait une v1 complète et léchée, à l'échelle de Facebook ou Instagram, avec un budget très limité : il n'avait pas pleinement mesuré l'ampleur de cette demande. Pendant la phase de design, il a engagé un développeur pour moins cher que de continuer avec mon équipe chez La Chouette Co. Ce développeur a fini par reconstruire le design de zéro, parce qu'il ne correspondait pas à la technologie qu'il utilisait, et le développement a ensuite avancé lentement. Je n'ai eu aucun contact direct avec l'équipe technique une fois le développement lancé, donc je n'ai pas pu aider à combler cet écart.
J'insisterais pour tester avec de vrais utilisateurs externes plutôt que de m'appuyer sur l'entourage du client. Les « utilisateurs potentiels » auxquels il avait accès étaient pour la plupart des gens qu'il connaissait déjà, ce qui biaisait les retours.
Libden est né de la volonté de proposer une alternative moderne et inclusive aux plateformes libertines existantes, souvent obsolètes et peu fonctionnelles. En collaboration avec le client, nous avons d’abord analysé l’existant et défini les fonctionnalités clés via des ateliers et une étude des besoins. Pour optimiser le temps et les ressources, nous avons rapidement prototypé la page d’accueil afin d’établir une ligne directrice avant de décliner les autres pages et leur version responsive. En parallèle, j’ai conçu une landing page adaptée aux contraintes d’un développement no-code sur Framer. Après la livraison, le client m’a sollicité en freelance pour des évolutions ponctuelles de la plateforme.
Flightlog
Slack