
2026 · Diseño y desarrollo end-to-end
Luciano's Methods
Entrenador personal a domicilio en Tenerife, con tipografía pensada para +60
- Astro 6
- Preact
- Tailwind CSS 4
- MDX
- Web3Forms
- Tipografía base
- ≥ 17 px
- Objetivo
- WCAG 2.2 AA
- Salida
- Estática
La web por dentro
Capturas de la web en producción, a 1440 px y a 375 px.

Escritorio · 1440px

Móvil · 375px

Escritorio · 1440px

Móvil · 375px

Escritorio · 1440px

Móvil · 375px

Escritorio · 1440px

Móvil · 375px
Contexto
Un entrenador personal en Tenerife que entrena a domicilio y online: fuerza, funcional y trabajo específico con personas mayores de 60. Sin gimnasio, sin desplazamientos del cliente.
Ese último detalle del público cambió el proyecto entero. Una web para gente que ronda o pasa los sesenta no se diseña igual que una de fitness al uso.
Enfoque
- La accesibilidad como restricción de partida, no como audit final. Tipografía de cuerpo desde 17 px en lugar de los 14–16 habituales, objetivos táctiles de 44×44 px como mínimo en móvil, foco visible en todo elemento interactivo y contraste verificado. Cuando parte del público tiene presbicia, el tamaño de letra no es una preferencia estética.
- Contra el género visual del fitness. El sector abusa del negro con neón, las cuentas atrás y el lenguaje de “reto”. Aquí el titular dice dónde entrenas y con quién, y la promesa es concreta: a domicilio, personalizado, todas las edades. Sin cifras de transformación ni “antes y después”.
- Astro estático con islas Preact solo donde hay interacción real. Una web de presentación con formulario no necesita hidratar la página entera.
- Formulario por Web3Forms, sin backend propio. Para un MVP que recoge nombre, teléfono y objetivo, montar y mantener un servidor sería una carga sin retorno.
- Alias SEO local separado de la marca. La marca visible es “Luciano’s Methods”, pero en Tenerife la gente busca “método Luciano”. La estructura de contenido cubre las dos formas sin duplicar páginas ni forzar el copy.
prefers-reduced-motionhonrado en cada animación, coherente con el público objetivo.
Trabajo realizado
- Arquitectura Astro estática con islas Preact y Content Collections
- Sistema de diseño con escala tipográfica ampliada para lectura cómoda
- Páginas de método, entrenamiento y contacto
- Formulario de contacto con validación
- SEO local con schema de negocio y cobertura de la variante “Método Luciano”
- Despliegue continuo a Render
Estado
En vivo y accesible. El dominio propio metodoluciano.com está pendiente de conectar; cuando se apunte, este enlace pasa a ese dominio. La fase 2 contempla reservas y venta de sesiones y vídeos.
Nota sobre el trabajo
Proyecto personal, fuera del estudio: diseño, desarrollo, rendimiento, accesibilidad, SEO y despliegue.