Una animación bien pensada cuenta en segundos lo que un párrafo no logra: cómo se hace un producto, cómo avanza un proceso, cuánta luz deja pasar una tela.
Caso 02 · Entrenamiento personal
Bauti Galván.
Un entrenador personal que solo tenía Instagram. Le hicimos una web que explica su método mes por mes y un panel para que él mismo cargue sus reseñas.
Antes y ahora
Qué cambió.
Antes
Solo Instagram. El método, los planes y los precios no tenían un lugar propio donde estar explicados de punta a punta.
Ahora
Una web con su método de 90 días explicado etapa por etapa, los dos planes con lo que incluye cada uno, cómo funciona el seguimiento en la app y un panel donde él publica sus reseñas desde el celular.
El desafío
Que alguien que no lo conoce entienda en un minuto qué hace, cómo es el proceso y cuánto cuesta, y que se anime a escribirle.
Y que la web no dependa de nosotros para crecer: los cambios de sus alumnos tienen que poder sumarse en el momento, sin esperar a nadie.
La experiencia
Diseñamos experiencias, no solo páginas.
Una web no es un folleto: es algo que se usa. Cada animación de Bauti Galván está ahí por una razón, y acá te mostramos cuál.
El scroll, el mouse o el dedo hacen que la página responda. Cuando algo te responde, te quedás, explorás y entendés más.
Nada se mueve de adorno: guía la lectura, muestra el producto o saca una duda antes de que llegue por WhatsApp. Y si alguien prefiere menos movimiento, la web lo respeta.
01
Una entrada con presencia
- Qué pasa
- El título gigante, la foto de Bauti y los datos del plan aparecen en capas, y los números cuentan hasta 90.
- Por qué sirve
- En un rubro lleno de promesas, la primera impresión tiene que transmitir energía y confianza en dos segundos. Los números en movimiento dicen “90 días, 3 etapas” antes de leer una palabra.
02
90 días que se ven avanzar
- Qué pasa
- Mientras scrolleás, un contador avanza del día 1 al 90 y cambian las tres etapas del método: Adaptación, Conocemos tu verdadero esfuerzo y Aplicación total.
- Por qué sirve
- Tres meses de entrenamiento son difíciles de imaginar. Ver el avance convierte un cronograma en algo concreto y alcanzable.
03
Un mazo que se abre
- Qué pasa
- Al llegar a la sección, las tarjetas del recetario se despliegan como un mazo; con el mouse se abren un poco más.
- Por qué sirve
- Una sección de “próximamente” que en vez de sentirse vacía se siente como un adelanto: anticipa lo que viene y da ganas de volver.
Qué hicimos
Cada sección, con un trabajo.
Fotos reales, con luz de marca
Fotos reales de Bauti, recortadas y reveladas con la luz azul de la marca. Nada de modelos de stock ni de caras generadas.
Planes claros
Asesoría online y personalizado presencial en White Lion Castelar, lado a lado, con lo que incluye cada uno.
La app, explicada
El seguimiento se hace en Hevy, una app gratuita: la web muestra cómo vas a ver tu rutina en el celular antes de empezar.
Un panel para sus reseñas
Bauti sube, ordena y oculta sus reseñas desde el celular, con foto de antes y después, y tiene un link de vista previa para revisarlas antes de publicarlas. Mirá cómo funciona →
Pensada primero para el celular
La mayoría de las visitas llegan desde el teléfono, por eso cada sección se diseñó también para la pantalla chica: botones al alcance del pulgar, textos que se leen sin hacer zoom y las animaciones adaptadas al tacto.
Identidad
Colores y letras propias.
Nada sale de una plantilla: la paleta y las tipografías se eligieron para el producto.
Tinta#0A1A36
Eléctrico#3B6CFF
Cielo#9DBBFF
Azul tinta#2348A0
Hueso#F2F0EA
Papel#FAF9F5
TRANSFORMÁ TU FÍSICO
Archivo · Títulos. Condensada y con peso, como un cartel de gimnasio.Tres meses de entrenamiento planificado para vos.
Inter Tight · Textos.La capa invisible
Lo que lee la IA.
Debajo del diseño, la web está armada para que Google, ChatGPT y Gemini entiendan qué es Bauti Galván, dónde está y qué ofrece.
PersonLa ficha de Bauti con lo que sabe hacer, para que la IA lo identifique como entrenador en Castelar.
FAQPageDiez preguntas frecuentes marcadas igual que como se ven en la página.
HowToEl paso a paso para empezar, como instrucciones que una IA puede citar.
llms.txtUn resumen del sitio para los asistentes de IA.
Lo que cambió
De un perfil de Instagram a una web que responde todo antes de la primera consulta, y que Bauti actualiza solo con sus reseñas.
Método, planes, precio y cómo se sigue el entrenamiento, en un mismo lugar.