Szymon Janiak
Una marca personal que vende libros
Web y tienda para un inversor de capital riesgo y autor: packs de libros y ebooks, pagos seguros, newsletter y una UX fiel al diseño en Figma. Szymon Janiak es emprendedor, inversor y autor. Es cofundador de un fondo de capital riesgo de 50 millones de EUR que invierte en startups tecnológicas. Ha escrito tres libros, presenta un podcast sobre venture capital y asesora en captación de capital y venta de empresas. Por eso su web reúne tres papeles: autor, inversor y asesor.
Venta de sus propias publicaciones sin una plataforma adaptada a su marca de experto
- Venta sin intermediarios. El cliente quería vender el ebook y el libro en papel en su propia web, y no solo a través de librerías externas.
- La web como carta de presentación. El sitio tenía que reflejar la marca personal del experto. Cada detalle visual influye en la credibilidad del autor y del inversor.
- Pagos sin fricción. El comprador espera un pago rápido y seguro. Cada paso innecesario en el carrito es una venta perdida, sobre todo en el móvil.
- Apoyo al marketing. La venta de libros vive de lanzamientos, anuncios y campañas. La web tenía que funcionar junto con las herramientas de email marketing.
- Varios papeles en una sola web. Autor, inversor y asesor se dirigen a públicos distintos. Cada uno busca algo diferente y no puede perderse.
- Una UX fluida. Los visitantes llegan desde LinkedIn, el podcast y los medios. Tienen que encontrar al instante el libro, la oferta de asesoría o el contacto.
Vue.js sobre WordPress, construido con precisión según el diseño de Figma
- Figma como referencia. Construimos la web siguiendo al pie de la letra los diseños de Figma. Así el resultado final coincide con lo que el cliente aprobó en la fase de diseño.
- Vue.js en el front. Elegimos Vue.js para la capa de presentación. Permite crear elementos fluidos e interactivos sin recargar la página.
- WordPress como gestor de contenidos. El cliente y su equipo editan ellos mismos textos, recomendaciones y novedades. No necesitan a un programador para ello.
- WooCommerce para vender. El carrito, los pedidos y los pagos funcionan con WooCommerce. Es un motor probado que se integra bien con WordPress.
- Páginas de producto independientes. El ebook y el libro tienen su propia página con descripción y pasarela de pago segura. El comprador ve una sola decisión cada vez, lo que acorta el camino de la descripción al pago.
- SendGrid para la comunicación. La newsletter y las campañas automáticas se envían con SendGrid. Así el tráfico de email queda separado del servidor web y mejora la entregabilidad.
- Analítica y apoyo en el lanzamiento. Implementamos la analítica, hicimos el QA y acompañamos al cliente en el arranque de las ventas.
- Packs de producto. La oferta incluye la versión en papel, el ebook, el papel con ebook y el papel con dos ebooks. El comprador elige la variante en una sola página y ve al momento la diferencia de precio.
Con qué lo construimos.
Análisis y diseño
Recopilamos los objetivos de venta y de imagen. Definimos qué productos y secciones eran prioritarios. Los diseños de Figma sirvieron como especificación visual vinculante.
Front-end
Trasladamos el diseño a Vue.js cuidando los espaciados, la tipografía y el comportamiento en móviles.
Tienda y pagos
Configuramos WooCommerce, las páginas de producto del ebook y del libro, y la pasarela de pago.
Email marketing
Conectamos la web con SendGrid. La suscripción a la newsletter y las campañas automáticas funcionan sin trabajo manual.
QA y lanzamiento
Probamos el proceso de compra en distintos dispositivos y navegadores, desde la elección del pack hasta la confirmación del pedido. Después implementamos la analítica y apoyamos al cliente en el estreno.
Lo que cambió.
Descubre otros proyectos.
¿Vendes conocimiento con tu propio nombre?
Crearemos una web que refuerce tu marca y venda tus productos. Si estás construyendo una marca de experto, la web suele ser el primer lugar donde alguien evalúa tu credibilidad. Vender un libro, un curso o un ebook en tu propia web te da margen, datos de clientes y la posibilidad de seguir comunicándote con ellos. Conviene conectar la tienda con el email marketing desde el principio, porque la lista de contactos trabaja en cada nuevo lanzamiento. Un diseño en Figma como especificación vinculante reduce las correcciones y los malentendidos.
Hablemos de tu web →