Sergio Hurtado

05 · Proyectos

Presente

Presente – Servicio para personas mayores

2026 · Acompañamiento a personas mayores · Cali, Colombia · ES / FR / EN

La solicitud

Presente acompaña a personas mayores en Cali, en casa o en una casa compartida, y abre en 2027. El sitio debía medir un interés real antes de la apertura, sin prometer un lugar que aún no existe, ante tres públicos: las familias de Cali, los hijos que viven en el extranjero y las cuidadoras que buscan empleo.

La solución

Centré el sitio en un solo indicador: la declaración de interés cualificada. Un formulario único cuya primera pregunta, «¿Quién es usted?», orienta lo que sigue, pensado primero para móvil, con WhatsApp como segundo canal y tres idiomas. Entregué la definición, las maquetas en Claude Design, el artefacto de design system y el sitio desarrollado en PHP con Claude Code.

Análisis

Tres públicos, tres motivaciones que no se solapan. Familias en Cali que buscan una solución ahora. Hijos que viven en el extranjero, que deciden a distancia y que pagan. Y cuidadoras que buscan trabajo. Un sitio escaparate clásico sirve a uno y pierde a los otros dos.

Antes de la apertura, la visita no mide absolutamente nada. El único indicador que compromete de verdad es la declaración de interés cualificada: quién es usted y qué espera exactamente.

Diseño

Un solo sitio para las dos formas. Pasar del domicilio a la casa compartida es una decisión de familia, no un cambio de proveedor. La arquitectura las pone una al lado de la otra, una página por forma y una página de compromisos común, para que el cambio no obligue a empezar de cero.

Mobile first, WhatsApp como segundo canal. Es el terreno real en Colombia, no una preferencia de estilo: el formulario y la conversación tienen que ser igual de accesibles, desde la misma pantalla.

La portada en desktop. Las dos formas del servicio caben en la primera frase, y las dos acciones, dejar el interés o postularse, siguen en el encabezado en todas las páginas.
Portada móvil, español por defecto. El titular nombra las dos formas del servicio en una frase, antes de cualquier explicación.
La casa compartida: la escala se da en número de plazas, no en promesas.
«Nuestra manera»: los compromisos del servicio, comunes a las dos formas.

Un solo formulario para tres públicos

La primera pregunta, «¿Quién es usted?», no es administrativa: ramifica las tres o cuatro preguntas siguientes. Una familia de Cali, un hijo de la diáspora y una candidata al puesto nunca tienen que responder a lo mismo, y ninguna debe leer las preguntas de las otras dos.

El formulario en desktop. Nombre, WhatsApp y luego «¿Quién es usted?»: esa respuesta decide las preguntas siguientes.
Declaración de interés: lo que no se pide está escrito antes del primer campo.
Candidatura: la duración anunciada antes del clic, WhatsApp como segunda opción.
  • Ni cédula, ni documentos, ni dinero. La frase está antes del primer campo. En este mercado, un formulario que pide la cédula se lee como un riesgo, y la frase que lo dice vale más que un campo menos.
  • «Dos minutos, sin documentos» bajo el botón de candidatura: la duración se anuncia antes del clic, no se descubre en la pantalla siguiente.
  • Compromisos escritos para ser reclamados. Una página enuncia las reglas del servicio, idénticas en las dos formas, y dice explícitamente que están ahí para que se exijan.
  • Una apertura «durante 2027», sin fecha ni dirección. Anunciar menos protege el arranque: nada que desmentir, y la espera sigue siendo cierta.

Evaluación e iteración

El sitio es trilingüe desde la estructura, no por una traducción añadida después: español de Colombia por defecto, francés e inglés para la diáspora, con detección del idioma del visitante. Las tipografías, una serif de titulares y una sans de lectura, se eligieron para aguantar cuerpos grandes. Una parte de los lectores supera los setenta años.

La cadena de producción

Todo el proyecto pasó por Claude, del análisis hasta el código entregado. Es también lo que hizo viable, para una sola persona, un sitio trilingüe con su design system.

  • Claude Cowork para el análisis. Ahí trabajé los perfiles de usuarios y sus necesidades: la cuidadora que busca trabajo, el hijo expatriado que decide desde el extranjero, la familia de Cali que busca una solución ahora. De ahí sale la ramificación del formulario.
  • Claude Design para las maquetas. Primero los wireframes de las pantallas móviles, retomados hasta que la arquitectura se sostuviera, y después el paso a alta fidelidad y las iteraciones sobre colores, tipografías y espaciados.
  • Claude para el artefacto de design system entregado al cliente: colores, tipografía, espaciados, radios, sombras, tamaños, opacidades, componentes y assets.
  • Claude Code para el desarrollo, en PHP, respetando el design system, entregado al cliente.
Los wireframes en Claude Design. Todo se resuelve ahí, antes de la primera decisión de color: qué tiene que decir cada pantalla, y en qué orden.

El artefacto no es una lámina de componentes bonita de mirar. Cada elemento va con sus notas de uso: cuándo se usa, cuándo no, y qué clase corresponde a qué en el código. Eso es lo que permite que el desarrollo avance sin volver a preguntar en cada pantalla.

Los componentes entregados con sus reglas de uso: dos superficies con tinte por pantalla como máximo, y nunca una dentro de otra.
Los colores se nombran por su función, no por su tono, y cada uno lleva una nota que dice para qué sirve y dónde no.

Antes de la apertura, el entregable no es un sitio. Es una lista de personas que esperan, y la prueba de que sabemos cuáles.