---
title: "Mujeres que Despiertan: así funciona el sitio | Londo"
description: "Bootcamp para mujeres en Medellín. Recorrido guiado por mujeresquedespiertan.net, un sitio que montó Andrés Londoño (Londo): qué hace cada parte, cómo se construyó y con qué está hecho."
url: https://londo.info/vitrina/mujeres-que-despiertan/
language: es
---

# Así funciona Mujeres que Despiertan

Bootcamp para mujeres en Medellín.

Un sitio que monté para Mujeres que Despiertan.

1.  **La promesa, de entrada** 
    
    Portada con el fénix y una idea clara: dos días para volver a ti.
    
2.  **Dos días inmersivos** 
    
    Qué es el bootcamp, contado en el idioma de quien lo va a vivir y sin plantilla.
    
3.  **Quiénes lo dictan** 
    
    Natalia y Melissa, con fotos reales.
    
4.  **Todo lo que incluye** 
    
    Precio y qué incluye, con un botón de WhatsApp que lleva su propio mensaje: así se sabe desde qué parte escribió cada persona.
    
5.  **La guía a cambio del contacto** 
    
    La guía descargable, y el contacto llega directo a su base de datos.
    

Toca un paso para ir a esa parte. La página también se baja sola; pásale el mouse o tócala para pausarla.

![Página de inicio completa de Mujeres que Despiertan (mujeresquedespiertan.net) vista en computador](https://londo.info/vitrina/mujeres-que-despiertan-escritorio.jpg) 

![Página de inicio completa de Mujeres que Despiertan (mujeresquedespiertan.net) vista en celular](https://londo.info/vitrina/mujeres-que-despiertan-celular.jpg)

## Cómo se construyó

Lo que no se ve en la pantalla: de dónde salió el contenido, cómo se publica y con qué está hecho.

1.  ### Salida de un generador de sitios
    
    El sitio se rehízo en HTML, CSS y JavaScript propios, sin framework: imágenes livianas e íconos vectoriales dentro de la misma página.
    
2.  ### Animaciones propias
    
    El fénix y las secciones se mueven con animaciones hechas para la marca, lejos de la plantilla.
    
3.  ### Atribución por botón
    
    Cada botón de WhatsApp lleva su mensaje y una marca propia, para saber desde qué parte de la página escribió cada persona.
    
4.  ### Registro a su base de datos
    
    El formulario de la guía guarda el contacto en su base de datos y después entrega el PDF.
    

### Con qué está hecho

- **Sitio**: HTML, CSS y JavaScript sin framework
- **Registros**: Base de datos Postgres en la nube
- **Infraestructura**: Netlify

## ¿Quieres uno así para tu negocio?

Estructura clara, SEO técnico, carga rápida y listo para las IA. Empezamos con un tinto, que es gratis.

[Agendemos un tinto](https://londo.info/contacto/) [Cómo trabajo los sitios web](https://londo.info/diseno-de-paginas-web/)

## Otros sitios de la vitrina

-   [![Primera pantalla de prestamos.si (prestamos.si) en computador](https://londo.info/vitrina/prestamos-si-escritorio-portada.webp)
    
    ![Primera pantalla de prestamos.si en celular](https://londo.info/vitrina/prestamos-si-celular-portada.webp)
    
    ### prestamos.si
    
    Comparador de préstamos en español para latinos en Estados Unidos, y de créditos en Colombia.
    
    Ver cómo funciona](https://londo.info/vitrina/prestamos-si/)
-   [![Primera pantalla de Mi Especialista (miespecialista.com) en computador](https://londo.info/vitrina/miespecialista-escritorio-portada.webp)
    
    ![Primera pantalla de Mi Especialista en celular](https://londo.info/vitrina/miespecialista-celular-portada.webp)
    
    ### Mi Especialista
    
    Directorio médico de Colombia: especialistas por ciudad, especialidad y procedimiento.
    
    Ver cómo funciona](https://londo.info/vitrina/miespecialista/)

[Ver los 13 sitios](https://londo.info/vitrina/)

---

Más contexto para agentes: https://londo.info/llms.txt · Mapa del sitio: https://londo.info/sitemap-index.xml · Contacto: https://londo.info/contacto/