Augusto Fit Program
Sitio web para entrenador personal
Córdoba, Argentina
Ver sitio en vivo- Rol
- Full-stack · Sitio corporativo
- Tipo de trabajo
- Trabajo para cliente
- Industria
- Fitness y entrenamiento
Resumen
Sitio web corporativo para un entrenador personal que ofrece planes de entrenamiento personalizados, historias de transformación y contacto directo. La plataforma presenta servicios, testimonios con carrusel infinito en mobile, sección de hábitos y estadísticas, planes de entrenamiento y formulario de contacto integrado con EmailJS. El diseño es oscuro, con animaciones (GSAP), tipografía con next/font y experiencia responsive mobile-first.
La arquitectura está lista para ser escalada a una tienda online (por ejemplo compra de planes, área de miembros) si el cliente decide hacer crecer el producto.
El desafío
Un entrenador personal necesitaba una presencia web profesional que transmitiera confianza, mostrara resultados reales (testimonios y fotos de transformación) y facilitara que potenciales clientes se contacten o conozcan los planes, sin depender solo de redes sociales.
Augusto Fit Program resuelve esto con una landing clara, secciones de valor (hábitos, estadísticas), testimonios en carrusel continuo que en mobile mantienen siempre contenido visible en dos filas con direcciones opuestas, y CTA hacia planes y contacto (incluido botón flotante de WhatsApp).
Enlaces
Repositorio de GitHub
Privado — proyecto de cliente
Construido con
Next.js
React
TypeScript
SCSS
GSAP
next/font (Google Fonts)
EmailJS
Vercel
Entregables clave
- Diseño y desarrollo completo del sitio con Next.js (App Router), TypeScript y SCSS Modules.
- Hero con video/imagen de fondo, título animado con GSAP y CTAs hacia planes y sobre mí.
- Sección de testimonios y fotos de transformación con carrusel infinito; en mobile, dos filas con animaciones en direcciones opuestas para evitar pantallas en blanco.
- Secciones Hábitos, Estadísticas y Planes con layout responsive y estilos consistentes.
- Integración de fuentes con next/font/google (Plus Jakarta Sans, Merriweather) para carga optimizada en producción.
- Formulario de contacto con EmailJS y botón flotante de WhatsApp.
- Viewport y meta configurados para consistencia entre desarrollo y producción en móviles.
- Despliegue en Vercel con un único proyecto conectado al repositorio.
- Arquitectura preparada para escalar a una tienda online (compra de planes, área de miembros) si el cliente amplía el producto.