Étude de cas
Pupa
Pupa · Partenariat · 1 mois · En cours
Pupa portait déjà une direction artistique douce, organique, inspirée du vivant. Notre rôle n'a pas été de réinventer cette charte, mais de lui donner un point d'ancrage : un logo qui incarne l'idée de transformation propre à l'association, et une application cohérente de cet univers sur l'ensemble des supports digitaux.
Création du logo
IdentitéLe nom « Pupa » désigne la chrysalide — l'étape, à l'abri, où la transformation se prépare. Le logo traduit cette idée : une forme de papillon douce et organique, qui évoque le passage et la renaissance plutôt que la performance. Il a été pensé pour rester lisible partout, du favicon à l'affiche, aussi bien en une seule couleur qu'en version complète.
Livrables
Application de la charte graphique
IdentitéLa direction artistique existante — palette crème, brun chaud, rose framboise et vert sauge, typographies Playfair Display, DM Sans et Plus Jakarta Sans — a été systématisée en un ensemble cohérent, décliné de la même main sur le site, le blog et tous les supports.
Le site est le cœur de la présence de Pupa : un lieu qui devait accueillir sans brusquer. Chaque choix — rythme de lecture, sobriété, accessibilité — reflète la promesse de l'association : un accompagnement à son rythme, sans pression ni jugement. Développé en Next.js / React, il réunit le blog et l'espace de soutien, et prépare l'arrivée de l'annuaire de professionnels et de la communauté.
Conception du site
WebLa page d'accueil donne le ton : beaucoup d'air, un rythme de lecture lent, aucune sollicitation agressive. Chaque écran a été dessiné pour accueillir une personne en difficulté sans la brusquer — contrastes maîtrisés, navigation claire et accessibilité travaillée, pour que le site reste lisible et apaisant en toute circonstance.
Intégration du blog éditorial
WebLe blog est l'espace de parole de Pupa, organisé en trois rubriques — Comprendre, Témoigner, Décrypter. Relié à un CMS, il permet à l'association de publier en autonomie articles de fond et témoignages, dans un format éditorial calme et soigné.
Livrables
Développement Next.js / React
WebSite rendu côté serveur avec le minimum de JavaScript. Résultat : des pages légères notées ÉcoIndex B, des images en WebP, des polices auto-hébergées et une mesure d'audience anonyme, sans cookies (Umami). L'ensemble est hébergé en France, sur une infrastructure privée — pas de dépendance aux grands acteurs du cloud.
Prolongement naturel du site, l'application mobile — actuellement en préparation — vise à offrir un compagnon discret et bienveillant, fidèle aux valeurs de Pupa : aucune donnée revendue, aucun chiffre culpabilisant, aucun classement. Un outil pensé pour soutenir, pas pour mesurer.
L'application est aujourd'hui en préparation, mais sa direction est déjà tracée. Elle prolongera le site comme un compagnon discret : un espace où l'on revient à son rythme, sans notification culpabilisante ni objectif à atteindre. Beaucoup de briques sont déjà à l'étude — parcours, interfaces, et surtout les principes qui la guideront. Le premier d'entre eux : on ne perd pas ce qu'on ne collecte pas. C'est cette conviction qui oriente chacune des fonctionnalités ci-dessous.
Livrables
Conception de l'application mobile
outilArchitecture, parcours et premières interfaces de l'application, dessinés dans le prolongement de l'univers et des valeurs établis sur le site.
Confidentialité maximale par défaut
outilAucune donnée revendue, aucune donnée superflue collectée. L'adresse e-mail reste la seule information conservée, et uniquement pour le contact — nous encourageons même l'usage d'outils de masquage d'e-mail. On ne risque pas de fuite sur ce qu'on n'a jamais stocké.
Aucune métrique culpabilisante
outilPas de comptage, pas de score, pas de classement. L'application est pensée pour soutenir le rétablissement, jamais pour le noter ni le comparer.
Hébergement et données en France
outilComme le site, l'application reposera sur une infrastructure privée hébergée en France, dans une logique de sobriété et de souveraineté des données.
Votre situation ressemble à celle de Pupa ?
Décrivez votre projet en 5 étapes, je vous recontacte sous 24h.