---

const { negocio, objetivo } = Astro.props;

const proyecto = await entender(negocio);

---

<section class='hero'>

<h1>{proyecto.titular}</h1>

<a href='#contacto' class='cta'>Cuéntame tu proyecto</a>

</section>

// Sin plantillas: cada web empieza en blanco

const web = { rapida: true, plantilla: false, contacto: 'Andrey' };

function disenar(negocio) {

return negocio.necesidades

.filter((n) => n.importa)

.map((n) => resolver(n));

}

if ($_SERVER['REQUEST_METHOD'] === 'POST') {

$nombre = trim($_POST['nombre'] ?? '');

$mensaje = trim($_POST['mensaje'] ?? '');

responder_en_un_dia($nombre, $mensaje);

}

---

const { negocio, objetivo } = Astro.props;

const proyecto = await entender(negocio);

---

<section class='hero'>

<h1>{proyecto.titular}</h1>

<a href='#contacto' class='cta'>Cuéntame tu proyecto</a>

</section>

// Sin plantillas: cada web empieza en blanco

const web = { rapida: true, plantilla: false, contacto: 'Andrey' };

function disenar(negocio) {

return negocio.necesidades

.filter((n) => n.importa)

.map((n) => resolver(n));

}

if ($_SERVER['REQUEST_METHOD'] === 'POST') {

$nombre = trim($_POST['nombre'] ?? '');

$mensaje = trim($_POST['mensaje'] ?? '');

responder_en_un_dia($nombre, $mensaje);

}

// Sin plantillas: cada web empieza en blanco

const web = { rapida: true, plantilla: false, contacto: 'Andrey' };

function disenar(negocio) {

return negocio.necesidades

.filter((n) => n.importa)

.map((n) => resolver(n));

}

if ($_SERVER['REQUEST_METHOD'] === 'POST') {

$nombre = trim($_POST['nombre'] ?? '');

$mensaje = trim($_POST['mensaje'] ?? '');

responder_en_un_dia($nombre, $mensaje);

}

---

const { negocio, objetivo } = Astro.props;

const proyecto = await entender(negocio);

---

<section class='hero'>

<h1>{proyecto.titular}</h1>

<a href='#contacto' class='cta'>Cuéntame tu proyecto</a>

</section>

// Sin plantillas: cada web empieza en blanco

const web = { rapida: true, plantilla: false, contacto: 'Andrey' };

function disenar(negocio) {

return negocio.necesidades

.filter((n) => n.importa)

.map((n) => resolver(n));

}

if ($_SERVER['REQUEST_METHOD'] === 'POST') {

$nombre = trim($_POST['nombre'] ?? '');

$mensaje = trim($_POST['mensaje'] ?? '');

responder_en_un_dia($nombre, $mensaje);

}

---

const { negocio, objetivo } = Astro.props;

const proyecto = await entender(negocio);

---

<section class='hero'>

<h1>{proyecto.titular}</h1>

<a href='#contacto' class='cta'>Cuéntame tu proyecto</a>

</section>

}

if ($_SERVER['REQUEST_METHOD'] === 'POST') {

$nombre = trim($_POST['nombre'] ?? '');

$mensaje = trim($_POST['mensaje'] ?? '');

responder_en_un_dia($nombre, $mensaje);

}

---

const { negocio, objetivo } = Astro.props;

const proyecto = await entender(negocio);

---

<section class='hero'>

<h1>{proyecto.titular}</h1>

<a href='#contacto' class='cta'>Cuéntame tu proyecto</a>

</section>

// Sin plantillas: cada web empieza en blanco

const web = { rapida: true, plantilla: false, contacto: 'Andrey' };

function disenar(negocio) {

return negocio.necesidades

.filter((n) => n.importa)

.map((n) => resolver(n));

}

if ($_SERVER['REQUEST_METHOD'] === 'POST') {

$nombre = trim($_POST['nombre'] ?? '');

$mensaje = trim($_POST['mensaje'] ?? '');

responder_en_un_dia($nombre, $mensaje);

}

---

const { negocio, objetivo } = Astro.props;

const proyecto = await entender(negocio);

---

<section class='hero'>

<h1>{proyecto.titular}</h1>

<a href='#contacto' class='cta'>Cuéntame tu proyecto</a>

</section>

// Sin plantillas: cada web empieza en blanco

const web = { rapida: true, plantilla: false, contacto: 'Andrey' };

function disenar(negocio) {

return negocio.necesidades

.filter((n) => n.importa)

.map((n) => resolver(n));

← All projects

A website that takes each person to the class that fits them

A training studio near Madrid with a WordPress site that didn't reflect the studio. It now has a website of its own where every visitor finds their class based on what's bothering them and books the first one free via WhatsApp.

Client: KIN Studio
Sector: Training studio
Web: Visit the website

kin-studio.es homepage with the Move Evolve Become tagline and the free first class button

The problem

KIN Studio is a training studio in San Sebastián de los Reyes, near Madrid: Animal Flow, calisthenics, functional training, pilates, yoga, barre and dance, in small groups. It had a WordPress website that conveyed none of that. [VERIFY: what exactly was wrong with the previous site.]

The challenge wasn’t just a prettier website. A studio like this offers many disciplines with names a newcomer doesn’t know, and the real question of anyone landing on the site isn’t “what is Animal Flow?” but “which class is right for me?”.

What I did

A custom website built around that question.

Start from what’s bothering the person, not from the catalogue. The first section presents real situations (“I sit eight hours a day”, “the usual gym bores me”, “I’ve just become a mother”) and each one leads to the class that solves it. The disciplines are explained afterwards, for whoever wants to know more.
Free first-class booking via WhatsApp, from any section and with the message already written. It’s how the studio was already talking to people, so the website doesn’t force anyone to switch channels.
The month’s schedule visible on the site itself, with contact details, address and Instagram always at hand.
Real Google reviews built into the site, with name and date, instead of generic testimonials.
A page for companies, offering a movement programme for teams as a second line of business.

Companies page on kin-studio.es

The result

Anyone looking for a training studio in the area understands in seconds which class suits them and books their first session without calling. The website conveys what the studio is, and the path to booking has no extra steps.

Tell me about your project