A well-thought-out animation tells in seconds what a paragraph can't: how a product is made, how a process moves forward, how much light a fabric lets through.
Case 02 · Personal training
Bauti Galván.
A personal trainer who only had Instagram. We built him a website that explains his method month by month and a panel so he can add his own reviews.
Before and after
What changed.
Before
Instagram only. The method, the plans and the prices had no place of their own to be explained from start to finish.
Now
A website with his 90-day method explained stage by stage, the two plans with what each includes, how tracking works in the app and a panel where he publishes his reviews from his phone.
The challenge
That someone who doesn't know him understands in a minute what he does, how the process works and how much it costs, and feels like writing to him.
And that the website doesn't depend on us to grow: his clients' progress has to be added on the spot, without waiting for anyone.
The experience
We design experiences, not just pages.
A website isn't a brochure: it's something you use. Every animation in Bauti Galván is there for a reason, and here we show you which.
Scroll, mouse or finger make the page respond. When something responds to you, you stay, explore and understand more.
Nothing moves for decoration: it guides the reading, shows the product or settles a doubt before it reaches WhatsApp. And if someone prefers less motion, the site respects that.
01
An entrance with presence
- What happens
- The giant title, Bauti's photo and the plan details appear in layers, and the numbers count up to 90.
- Why it works
- In an industry full of promises, the first impression has to convey energy and trust in two seconds. The moving numbers say "90 days, 3 stages" before a word is read.
02
90 days you can watch progress
- What happens
- As you scroll, a counter moves from day 1 to 90 and the three stages of the method change: Adaptation, We learn your real effort and Full application.
- Why it works
- Three months of training are hard to picture. Seeing the progress turns a schedule into something concrete and achievable.
03
A deck that fans open
- What happens
- When you reach the section, the recipe-book cards spread out like a deck; with the mouse they open a little more.
- Why it works
- A "coming soon" section that, instead of feeling empty, feels like a preview: it anticipates what's next and makes you want to come back.
What we did
Every section has a job.
Real photos, in the brand's light
Real photos of Bauti, cut out and revealed in the brand's blue light. No stock models, no generated faces.
Clear plans
Online coaching and in-person personal training at White Lion Castelar, side by side, with what each includes.
The app, explained
Tracking is done in Hevy, a free app: the site shows how you'll see your routine on your phone before you start.
A panel for his reviews
Bauti uploads, orders and hides his reviews from his phone, with before and after photos, and has a preview link to check them before publishing. See how it works →
Designed mobile-first
Most visits come from a phone, so every section was also designed for the small screen: buttons within thumb's reach, text you can read without zooming and animations adapted to touch.
Identity
Colors and typefaces of its own.
Nothing comes from a template: the palette and the typefaces were chosen for the product.
Ink#0A1A36
Electric#3B6CFF
Sky#9DBBFF
Ink blue#2348A0
Bone#F2F0EA
Paper#FAF9F5
TRANSFORM YOUR PHYSIQUE
Archivo · Headlines. Condensed and heavy, like a gym poster.Three months of training planned for you.
Inter Tight · Body text.The invisible layer
What AI reads.
Underneath the design, the website is built so Google, ChatGPT and Gemini understand who Bauti Galván is, where he is and what he offers.
PersonBauti's profile with what he can do, so AI identifies him as a trainer in Castelar.
FAQPageTen frequently asked questions marked up just as they appear on the page.
HowToThe step-by-step to get started, as instructions an AI can cite.
llms.txtA summary of the site for AI assistants.
What changed
From an Instagram profile to a website that answers everything before the first inquiry, and that Bauti updates himself with his reviews.
Method, plans, price and how the training is followed, all in one place.