Redesign complet, seul, en moins d'un mois. Figma pour poser l'intention, le code pour tout le reste — un design system Notion-warm conçu et livré en direct.
Organiser un entretien de recadrage avec un collaborateur
Callimac démocratise l'accompagnement managérial pour 100% des managers. Une IA contextualisée à l'entreprise, adossée à la recherche, qui porte cinq rôles dans une seule plateforme — Assistant, Coach, Formateur, Baromètre, Relai.
La demande : refondre la landing (convaincre CHRO et direction) et l'app (le manager qui ouvre l'interface à 9h02 entre deux réunions). Identité, architecture, système, composants — l'ensemble.
La méthode a rendu le calendrier tenable. Figma pour poser l'intention en quelques écrans ; tout le reste directement dans le repo. Claude Code en copilote pour générer du code propre et itérer vite, mock data pour prototyper des features nouvelles sans attendre le back, Vercel pour rendre chaque branche observable dès le commit. Le design n'est pas livré en image — il est commité.
Avant d'ouvrir Figma, lecture du corpus Callimac — études internes, baromètres du management, littérature académique mobilisée par le produit. Une image s'impose : la fonction de manager est devenue structurellement intenable.
Le design doit répondre à ça. Pas vendre du coaching. Donner de la prise à quelqu'un qui n'en a plus.
Donne accès aux managers à la bonne information RH et aux bonnes pratiques, adaptées à chaque situation et à votre entreprise.
Soutien quotidien sur chaque situation managériale. Aide vos managers à se développer pas à pas.
Micro-apprentissages et débriefings contextualisés à votre entreprise et au manager.
Insights sur les tendances managériales pour les RH et la direction générale.
Déployez de nouvelles pratiques ou réglementations auprès de tous vos managers, à grande échelle.
Fonds chauds (stone, pas slate), sky pour la voix de Callimac, puis une couleur par rôle — emerald (Coach), violet (Formateur), amber (Baromètre), rose (Relai). La couleur est du feedback, pas de la décoration. Inter en famille unique, modulée par les graisses : la hiérarchie se joue sur le poids et le tracking, pas sur la typo.
Comment puis-je vous aider aujourd'hui ?
Landing next.js — hero 3D en CSS perspective (chat, rituels, action), bento des cinq rôles, sections problème / solution / stats / features / team / FAQ. Deux audiences servies par une même page.
Web app redesignée — Accueil conversationnel, Actions & Rituels comme objets-pivots, planning hebdo, historique. Structure pensée pour tenir les cinq rôles sans fragmenter l'expérience.
Design system from scratch — tokens Notion-warm, Inter en famille unique, cinq couleurs sémantiques (une par rôle), radius généreux, ombres chaudes. Documenté dans /design-system de la landing.
Workflow design-in-code — Figma pour l'intention, Claude Code pour le code propre, Vercel preview sur chaque branche, mock data pour prototyper. La boucle design → commit → preview tient en quelques minutes.