PsicoArteMente
Landing para una psicóloga de niños y adolescentes — sin formularios, sin datos almacenados, sin JavaScript.
- Astro 5
- Tailwind 4
- TypeScript
- Vitest
- SVG animado
- Caddy
PsicoArteMente es la primera presencia web de una psicóloga infantil en Medellín: una landing estática cuyo único llamado a la acción es una conversación real por WhatsApp. El caso interesante no es lo que hace, sino lo que deliberadamente no hace — no recoge datos, no publica precios y no afirma nada que la clienta no haya confirmado.
// El problema
Una psicóloga de niños, niñas y adolescentes en Medellín dependía de referidos y redes para su primer contacto. Quien decide y agenda no es el paciente sino el papá, y no tenía dónde resolver lo que define esa decisión — quién es ella y cómo trabaja — antes de escribirle.
// Decisiones
-
Decisión
WhatsApp como único canal. Cero formularios, cero backend, cero base de datos.
Impacto
Ningún dato de un menor pasa por el sitio ni queda almacenado, y el papá escribe desde donde ya conversa. La conversión no depende de que confíe un formulario a un desconocido.
-
Decisión
Las secciones sin contenido confirmado por la clienta se quedan ocultas — la bandera vive en los datos y el nav filtra por ella.
Impacto
El sitio nunca afirma credenciales, servicios ni testimonios que ella no dio. Publicar una sección es imposible sin traer su contenido real en el mismo cambio.
-
Decisión
El logo se vectorizó del JPG original y se anima en CSS puro, no en SMIL ni en JavaScript.
Impacto
La animación obedece prefers-reduced-motion, cosa que SMIL ignora. La página entera va a producción con cero JavaScript de aplicación.
-
Decisión
El teal de marca (#11C0B9) se reservó para trazos y fondos; todo lo textual e interactivo usa
Impacto
Contraste 5.17:1 en los botones en vez de 2.27:1 — la identidad se mantiene y la página pasa AA.
// Resultados
- En vivo
- psicoartemente.perezdalejo.com · TLS automático
- JavaScript en producción
- 0 KB — el único script es el JSON-LD
- Privacidad
- 0 formularios · 0 cookies · 0 analytics · 0 datos de menores
- Accesibilidad
- WCAG AA · objetivos táctiles ≥44 px · reduced-motion verificado
// El producto
