
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”
Resultado
En producción sobre su dominio propio. Al ser un sitio estático sin CMS ni base de datos, no hay panel que mantener ni actualizaciones de seguridad que perseguir: el cliente recibe consultas por formulario y poco más pide la web. 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.
En corto
- ¿Qué es Luciano's Methods?
- Web en Astro para un entrenador personal que va a casa del cliente. El público incluye personas mayores de 60, así que la accesibilidad no fue una capa final sino una restricción de partida.
- ¿Con qué está construido Luciano's Methods?
- Luciano's Methods está construido con Astro 6, Preact, Tailwind CSS 4, MDX y Web3Forms. Carlos Ponce lo entregó en 2026 — Diseño y desarrollo end-to-end.
- ¿Qué destaca de Luciano's Methods?
- Tipografía base: ≥ 17 px. Objetivo: WCAG 2.2 AA. Salida: Estática.
- ¿Luciano's Methods está en producción?
- Sí. Luciano's Methods está publicado en metodoluciano.com desde 2026.
