Web para Nutricionista
Diseño y desarrollo de landing page para Lucía Fernández, nutricionista clínica y deportiva en Tucumán, Argentina. Objetivo: convertir visitantes de Instagram en pacientes.
Rol
Diseño + Dev
Duración
3 días
Stack
HTML/CSS/JS
Hosting
GitHub Pages
Año
2026
El Contexto
Lucía Fernández es nutricionista clínica y deportiva con consultorio en Yerba Buena, Tucumán. Atendía pacientes de forma presencial pero quería expandirse al mercado online para llegar a personas fuera de su zona geográfica.
Su canal principal de adquisición era Instagram, donde tenía seguidores activos. El problema: no había ningún lugar a donde enviarlos que transmitiera profesionalismo y facilitara el contacto directo.
Tres desafíos principales
Diseñar sin recursos visuales
Sin logo, sin fotos profesionales, sin identidad visual previa. El diseño tenía que funcionar únicamente con tipografía, color y espaciado. Eso obligó a tomar decisiones muy deliberadas sobre jerarquía visual y tono.
Tráfico 100% mobile desde Instagram
La mayoría de los visitantes llegarían desde Instagram en celular. Diseñar primero para pantallas pequeñas no era una preferencia sino una necesidad. Cada sección tenía que ser legible, escaneable y accionable con el pulgar.
Presupuesto ajustado y plazo corto
Sin presupuesto para hosting y con 3 días de plazo. Cada decisión técnica tenía que ser eficiente: un solo archivo, sin dependencias, desplegado gratis en GitHub Pages.
Decisiones de Diseño
Decisión 1 · Color y tipografía
Verde profundo y serif para generar confianza
Elegí una paleta verde oscuro y crema porque en el contexto de salud y bienestar, esos colores comunican calma, naturaleza y profesionalismo sin caer en lo clínico. La tipografía serif añade calidez y diferencia el sitio de la mayoría de webs de salud que usan sans-serif genéricas.
Decisión 2 · CTA principal
WhatsApp con mensaje pre-escrito
Los formularios de contacto generan fricción. Para el público objetivo de Lucía — pacientes en Tucumán y alrededores — WhatsApp es el canal de comunicación natural. Al pre-escribir el mensaje, el visitante solo tiene que hacer un tap para iniciar la conversación. Menos fricción, más conversión.
Tono del copy: antes y después
Antes
"Profesional de la nutrición especializada en dietética clínica y deportiva. Ofrecemos consultas presenciales y virtuales."
Después
"Soy nutricionista clínica y deportiva con una pasión genuina por acompañar a mis pacientes. Mi enfoque es humanizado y flexible."
Implementación Técnica
Un único archivo HTML
Sin build process, sin dependencias. Todo el CSS y JavaScript inlineados para máxima simplicidad.
Layout optimizado para mobile
Diseñado y testeado para pantallas pequeñas primero. Todos los elementos son touch-friendly y fáciles de escanear.
Toggle de idiomas con JavaScript
Español e inglés disponibles sin recargar la página usando un simple switch de JS.
Deployed en GitHub Pages
Hosting gratuito con deploys automáticos desde el repositorio. Cero costo mensual.
Resultados
El sitio fue entregado dentro del plazo, cumpliendo todos los objetivos técnicos y de negocio del brief.
días desde brief hasta entrega
archivo HTML, cero dependencias
idioma en el sitio
costo de hosting mensual
Lo que aprendí
Las restricciones son una herramienta de diseño. No tener imágenes me obligó a resolver todo con tipografía y color. El resultado fue una identidad visual más cohesiva y deliberada que si hubiera tenido recursos ilimitados.
El copy es parte del diseño. Reescribir los textos en primera persona no fue un detalle menor — fue la decisión que más impacto tuvo en la percepción general del sitio. Diseño y escritura son inseparables.
Conocer al usuario real cambia todo. Saber que el tráfico viene de Instagram en celular determinó cada decisión de layout, tamaño de fuente y posición del CTA. El diseño sin contexto de usuario es decoración.