Sergio Hurtado

05 · Projets

Presente

Presente – Service aux personnes âgées

2026 · Accompagnement des personnes âgées · Cali, Colombie · ES / FR / EN

La demande

Presente accompagne des personnes âgées à Cali, à domicile ou dans une maison partagée, et ouvre en 2027. Le site devait mesurer un intérêt réel avant l'ouverture, sans promettre un lieu qui n'existe pas encore, auprès de trois publics : les familles de Cali, les enfants installés à l'étranger et les cuidadoras qui cherchent un emploi.

La solution

J'ai recentré le site sur un seul indicateur : la déclaration d'intérêt qualifiée. Un formulaire unique dont la première question, « Qui êtes-vous ? », oriente la suite, en mobile d'abord, avec WhatsApp en second canal et trois langues. J'ai livré le cadrage, les maquettes sous Claude Design, l'artefact de design system et le site développé en PHP avec Claude Code.

Analyse

Trois publics, trois motivations qui ne se recouvrent pas. Des familles à Cali qui cherchent une solution maintenant. Des enfants installés à l'étranger, qui décident à distance et qui paient. Et des cuidadoras qui cherchent un emploi. Un site vitrine classique en sert un et perd les deux autres.

Avant l'ouverture, la visite ne mesure rien du tout. Le seul indicateur qui engage vraiment, c'est la déclaration d'intérêt qualifiée : qui êtes-vous, et qu'attendez-vous exactement.

Conception

Un seul site pour les deux formes. Passer du domicile à la maison partagée est une décision de famille, pas un changement de fournisseur. L'architecture les met côte à côte, une page par forme et une page de règles commune, pour que la bascule ne demande pas de tout reprendre depuis le début.

Mobile d'abord, WhatsApp en second canal. C'est le terrain réel en Colombie, pas une préférence de style : le formulaire et la conversation doivent être également accessibles, depuis le même écran.

L'accueil sur desktop. Les deux formes du service tiennent dans la première phrase, et les deux actions, dire son intérêt ou postuler, restent dans l'en-tête sur toutes les pages.
Accueil mobile, espagnol par défaut. Le titre nomme les deux formes du service en une phrase, avant toute explication.
La maison partagée : une échelle donnée en nombre de places, pas en promesses.
« Notre façon de faire » : les règles du service, communes aux deux formes.

Un seul formulaire pour trois publics

La première question posée, « Qui êtes-vous ? », n'est pas administrative : elle branche les trois ou quatre questions suivantes. Une famille de Cali, un enfant de la diaspora et une candidate au poste n'ont jamais à répondre aux mêmes choses, et aucune ne doit lire les questions des deux autres.

Le formulaire sur desktop. Nom, WhatsApp, puis « ¿Quién es usted? » : c'est cette réponse qui décide des questions suivantes.
Déclaration d'intérêt : ce qu'on ne demande pas est écrit avant le premier champ.
Candidature : la durée annoncée avant le clic, WhatsApp en second choix.
  • Ni pièce d'identité, ni document, ni argent. La phrase est posée avant le premier champ. Sur ce marché, un formulaire qui réclame la cédula se lit comme un risque, et la phrase qui le dit vaut mieux qu'un champ de moins.
  • « Deux minutes, sans documents » sous le bouton de candidature : la durée est annoncée avant le clic, pas découverte à l'écran suivant.
  • Des règles écrites pour être réclamées. Une page énonce les engagements du service, identiques dans les deux formes, et dit explicitement qu'ils sont là pour qu'on les exige.
  • Une ouverture « courant 2027 », sans date ni adresse. Annoncer moins protège l'amorçage : rien à démentir, et l'attente reste vraie.

Évaluation & itération

Le site est trilingue dès la structure, pas par traduction ajoutée après coup : espagnol de Colombie par défaut, français et anglais pour la diaspora, avec détection de la langue du visiteur. Les typographies, une serif de titrage et une sans-serif de lecture, ont été choisies pour rester lisibles à fort corps. Une partie des lecteurs a plus de soixante-dix ans.

La chaîne de production

Tout le projet est passé par Claude, de l'analyse jusqu'au code livré. C'est aussi ce qui a rendu tenable, pour une seule personne, un site trilingue avec son design system.

  • Claude Cowork pour l'analyse. J'y ai travaillé les profils d'utilisateurs et leurs besoins : la cuidadora qui cherche du travail, l'enfant expatrié qui décide depuis l'étranger, la famille de Cali qui cherche une solution maintenant. C'est de là que vient le branchement du formulaire.
  • Claude Design pour les maquettes. D'abord les wireframes des écrans mobiles, repris jusqu'à ce que l'architecture tienne, puis le passage en haute fidélité et les itérations sur les couleurs, les typographies et les espacements.
  • Claude pour l'artefact de design system remis au client : couleurs, typographie, espacements, rayons, ombres, tailles, opacités, composants et assets.
  • Claude Code pour le développement, en PHP, en respectant le design system, livré au client.
Les wireframes dans Claude Design. Tout se règle là, avant le premier choix de couleur : ce que chaque écran doit dire, et dans quel ordre.

L'artefact n'est pas une planche de composants jolie à regarder. Chaque élément y est décrit avec ses notes d'usage : quand on s'en sert, quand on ne s'en sert pas, et quelle classe correspond à quoi dans le code. C'est ce qui permet au développement de suivre sans revenir poser la question à chaque écran.

Les composants livrés avec leurs règles d'usage : deux surfaces teintées par écran au maximum, et jamais l'une dans l'autre.
Les couleurs sont nommées par leur rôle, pas par leur teinte, et chacune porte une note qui dit à quoi elle sert et où elle ne sert pas.

Avant l'ouverture, le livrable n'est pas un site. C'est une liste de gens qui attendent, et la preuve qu'on sait lesquels.