CP//DEV
Luciano's Methods

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

Capturas de la web en producción, a 1440 px y a 375 px.

01Portada
Portada — Escritorio

Escritorio · 1440px

Portada — Móvil

Móvil · 375px

02El método
El método — Escritorio

Escritorio · 1440px

El método — Móvil

Móvil · 375px

03Entrenamiento
Entrenamiento — Escritorio

Escritorio · 1440px

Entrenamiento — Móvil

Móvil · 375px

04Contacto
Contacto — Escritorio

Escritorio · 1440px

Contacto — Móvil

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-motion honrado 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.