Cómo crear un sitio web de libros electrónicos

Explora la estrategia y la estructura de contenido de nuestro sitio web de ebooks y luego mira el tutorial completo sobre cómo lo construimos.

Cómo crear un sitio web de libros electrónicos

Índice de contenidos

El contenido ha demostrado ser una herramienta poderosa para las marcas una y otra vez. Pero no puedes limitarte a hacer exactamente lo mismo que los demás. Tienes que encontrar los temas, el tono y el medio adecuados para tu marca.

Creemos un ebook, o mejor dicho, un libro web

Hace unos meses, durante una de nuestras reuniones de marketing (de tres personas), John y yo estuvimos intercambiando ideas creativas y diferentes para publicar nuestro contenido. Simplemente no nos convencía la idea de publicar uno más de esos interminables "ebooks" en PDF que todo el mundo descarga y olvida.

Queríamos ir un paso más allá.

Siempre nos ha motivado la idea de que nuestro contenido ayude a las personas a crear mejor, más rápido y de forma más inteligente, ya sea con Webflow o con cualquier otra herramienta. Recibíamos muchísimas solicitudes de contenido más profundo centrado en temas como el trabajo freelance, el diseño web, la colaboración en equipo y más. Así que queríamos encontrar una forma de agrupar todo el contenido disperso que hemos estado creando en una pieza de contenido sólida.

La solución obvia era algún tipo de paquete, pero ¿cómo lo presentaríamos? Al principio pensamos que un libro físico sería genial, pero somos una empresa de diseño web, así que imprimir no parecía lo más adecuado (aunque todavía lo estamos considerando).

Y entonces se nos ocurrió: creamos una plataforma de diseño y desarrollo de sitios web. Así que, en lugar de otro ebook en PDF, decidimos crear un libro web. Un "ebook" diseñado específicamente para la web.

El contenido antes que el caballo

El proceso de diseño comenzó como suele ocurrir por aquí: con el contenido primero. Ya teníamos una gran cantidad de contenido excelente en el blog. Pero a medida que profundizamos en nuestros temas principales y pensamos en qué más debíamos cubrir, nos dimos cuenta de que parte del contenido existente necesitaba actualizarse, mientras que otros temas requerían contenido totalmente nuevo.

Así que añadimos el nuevo contenido a nuestro calendario editorial. De esa manera, estos nuevos capítulos servían para dos cosas: primero, los publicábamos en nuestro blog para recopilar comentarios y, luego, los reutilizábamos como capítulos en el ebook.

Este es un método de producción de contenido muy potente que les animo a explorar: ¿Cómo pueden reutilizar su contenido existente, transformándolo en algo nuevo y, con suerte, aún mejor?

Esta fue la idea central de nuestros ebooks, y es algo que puede funcionar para casi cualquier tipo de contenido.

Empieza gratis

Crea sitios web personalizados y escalables, sin escribir código. Empieza a construir en Webflow.

→
↗
►
↓
←
↑
Leer ahora

Creación de la estructura de contenido

Ahora, antes de añadir ni un solo píxel a nuestro sitio web de ebooks, sabíamos que queríamos crear una estructura que durara a largo plazo.

No solo queríamos crear un ebook: queríamos construir toda una biblioteca digital.

Por lo tanto, configurar correctamente la estructura del CMS desempeñó un papel crucial para poner en marcha el sitio web de ebooks.

Al final, creamos solo tres colecciones:

  1. Ebooks
  2. Capítulos
  3. Autores

Puede que no parezca mucho, pero entre estas tres colecciones surgieron docenas (y pronto, cientos) de páginas de Plantillas de Colección.

La estructura debía ser sencilla para facilitar su mantenimiento, pero también escalable. Sabíamos que queríamos libros electrónicos, pero nos llevó un tiempo dar con la idea de usar los Capítulos como una Colección.

En el mundo real —y en la experiencia del lector con nuestros libros electrónicos— un capítulo es intrínsecamente parte de un libro.

Pero en el sitio de Webflow Ebooks, los Capítulos no están conectados a sus libros electrónicos en absoluto (desde un punto de vista estructural).

Decidimos que la colección de libros electrónicos funcionaría más como una categoría: una forma sencilla de agrupar capítulos. Al final, simplemente vinculamos ambas colecciones, de modo que cada capítulo debía hacer referencia a un libro electrónico para poder publicarse.

Esta estructura nos da la flexibilidad y escalabilidad necesarias para añadir todos los capítulos (que conforman la mayor parte del contenido del sitio) a una única Colección (Capítulos), en lugar de tener que crear una nueva Colección para cada libro electrónico.

Por último, dimos con un diseño

El tercer y último paso de este proceso fue diseñar el sitio web. Ahora que teníamos nuestro contenido creado, estructurado y listo en el CMS de Webflow, por fin podíamos empezar a plasmarlo en pantalla.

Por suerte, cuando empezamos este proceso, nuestro increíble equipo de desarrollo acababa de terminar de crear las funciones de flexbox de Webflow. Todavía faltaban unas semanas para el lanzamiento público, pero pensamos: ¿qué mejor forma de probarlo que con un sitio complejo propio?

Así que flexbox desempeñó un papel fundamental en la creación del sitio. De hecho, sin flexbox no habríamos podido crearlo en su forma actual.

Y como pensamos que te gustaría ver más de cerca cómo construimos nuestro sitio de libros electrónicos, he creado un tutorial completo del sitio web, solo para ti:

 

¿Qué libros electrónicos te gustaría ver de nuestra parte?

En Webflow, siempre buscamos formas de mejorar nuestro contenido, y el libro electrónico fue solo el primer paso. Si aún no lo has hecho, echa un vistazo a nuestros libros electrónicos, Web Design 101 y The Freelance Web Designer’s Guide.

Ah, y permanece atento a otro nuevo libro electrónico —este sobre el arte del contenido— que llegará pronto.

¿Tienes alguna petición para un futuro libro electrónico? ¡No dudes en enviarnos un tweet o dejar un comentario abajo!


Última actualización
June 16, 2016
Categoría

Artículos relacionados

La estructura organizativa de una agencia exitosa y galardonada
La estructura organizativa de una agencia exitosa y galardonada

La estructura organizativa de una agencia exitosa y galardonada

La estructura organizativa de una agencia exitosa y galardonada

Inspiración
Por
Equipo de Webflow
,
,
Leer artículo
Cómo nuestra agencia creó un sitio localizado para Flomodia
Cómo nuestra agencia creó un sitio localizado para Flomodia

Cómo nuestra agencia creó un sitio localizado para Flomodia

Cómo nuestra agencia creó un sitio localizado para Flomodia

Inspiración
Por
Florian Bodelot
,
,
Leer artículo
Cómo Hugo creó un sitio web para potenciar equipos remotos en 2 horas
Cómo Hugo creó un sitio web para potenciar equipos remotos en 2 horas

Cómo Hugo creó un sitio web para potenciar equipos remotos en 2 horas

Cómo Hugo creó un sitio web para potenciar equipos remotos en 2 horas

Inspiración
Por
Darren Chait
,
,
Leer artículo
Consejos prácticos para fortalecer la relación entre cliente y agencia
Consejos prácticos para fortalecer la relación entre cliente y agencia

Consejos prácticos para fortalecer la relación entre cliente y agencia

Consejos prácticos para fortalecer la relación entre cliente y agencia

Estrategia
Por
Sara Gates
,
,
Leer artículo
Cómo crear una navegación de migas de pan para Webflow Ecommerce
Cómo crear una navegación de migas de pan para Webflow Ecommerce

Cómo crear una navegación de migas de pan para Webflow Ecommerce

Cómo crear una navegación de migas de pan para Webflow Ecommerce

Desarrollo
Por
Matthew P Munger
,
,
Leer artículo
Trabajar de forma remota: lo bueno, lo malo y lo inesperado
Trabajar de forma remota: lo bueno, lo malo y lo inesperado

Trabajar de forma remota: lo bueno, lo malo y lo inesperado

Trabajar de forma remota: lo bueno, lo malo y lo inesperado

Dentro de Webflow
Por
Mariah Driver
,
,
Leer artículo

verifone logomonday.com logospotify logoted logogreenhouse logoclear logocheckout.com logoreddit logothe new york times logoideo logoupwork logodiscord logo
verifone logomonday.com logospotify logoted logogreenhouse logoclear logocheckout.com logoreddit logothe new york times logoideo logoupwork logodiscord logo

Empieza gratis

Prueba Webflow todo el tiempo que quieras con nuestro plan Starter gratuito. Compra un plan de sitio de pago para publicar, alojar y desbloquear funciones adicionales.

Empieza, es gratis
Ver demostración

Prueba Webflow todo el tiempo que quieras con nuestro plan Starter gratuito. Compra un plan de sitio de pago para publicar, alojar y desbloquear funciones adicionales.