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
Página portada del sitio de Luciano's Methods, vista de escritorio

Escritorio · 1440px

Página portada del sitio de Luciano's Methods, vista de móvil

Móvil · 375px

02El método
Página el método del sitio de Luciano's Methods, vista de escritorio

Escritorio · 1440px

Página el método del sitio de Luciano's Methods, vista de móvil

Móvil · 375px

03Entrenamiento
Página entrenamiento del sitio de Luciano's Methods, vista de escritorio

Escritorio · 1440px

Página entrenamiento del sitio de Luciano's Methods, vista de móvil

Móvil · 375px

04Contacto
Página contacto del sitio de Luciano's Methods, vista de escritorio

Escritorio · 1440px

Página contacto del sitio de Luciano's Methods, vista de 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”

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.

Proyectos relacionados