Heridas que se convirtieron en alas · Diseño web
Una página de venta para el libro Heridas que se convirtieron en alas
Sitio web del libro de Ricardo Madrid Mendoza. Acompaña al lector desde que llega hasta que elige su edición. Se diseñó con Stitch de Google y se construyó con Gemini.
Ver el sitio en vivo- Heridas que se convirtieron en alas.Consigue una copia digital · Quiero una copia impresa
- Leer fragmento gratis (Capítulo 1)
- Edición digital · Edición impresa
Qué resuelve
Un libro necesita un lugar propio donde el lector entienda de qué trata, confíe en el autor y pueda comprarlo. La página ordena esa decisión de arriba abajo: para quién es, qué encontrará, quién lo escribió, qué opinan otros lectores y cómo conseguirlo.
Qué automatiza
Automatiza la venta del libro. La página presenta la obra, deja leer un fragmento, responde las dudas frecuentes y lleva al lector a la edición que quiere, a cualquier hora y sin que el autor atienda cada consulta.
Cómo la usa un lector
Llega y entiende de qué trata
El titular, una frase y tres caminos claros: copia digital, copia impresa o leer un fragmento.
Se reconoce
La sección "¿Para quién es este libro?" describe tres situaciones para que el lector vea si es su caso.
Prueba antes de pagar
Lee gratis un fragmento del primer capítulo.
Confía
Conoce al autor y lee reseñas de otros lectores, con nombre y cargo.
Elige su edición
Compara la digital y la impresa: precio, formatos y qué incluye cada una.
Resuelve sus dudas y compra
Las preguntas frecuentes cubren entrega, envíos y garantía, y un último llamado lleva a la compra.
Cómo está hecho
- 01
Estructura de venta
Primero se definió el recorrido del lector: problema, propuesta, autor, prueba y oferta.
- 02
Diseño con Stitch
La interfaz se diseñó con Stitch de Google: se describe la página y la herramienta propone las pantallas, que se ajustan hasta dar con el estilo.
- 03
Código con Gemini
El diseño se llevó a componentes de React en Google AI Studio, con Tailwind CSS y animaciones de entrada.
- 04
Publicación
Compilado con Vite y publicado en Vercel con dominio propio.
Modelos de IA
- Stitch de Google
- Genera el diseño de las pantallas a partir de una descripción.
- Gemini
- Escribe el código del sitio en Google AI Studio.
Tecnologías
- Stitch (Google)
- Google AI Studio
- React
- TypeScript
- Vite
- Tailwind CSS
- Motion
- Vercel
De este proyecto a tu operación
Qué significa para tu empresa
Hacemos el mismo trabajo para un producto, un servicio o un lanzamiento: una página clara, rápida y pensada para que el visitante dé el siguiente paso.
Agenda tu diagnóstico gratis
30 minutos, sin compromiso. Te enviamos la propuesta en 48 horas.