Presentamos nuestra primera serie documental original y Webflow TV

Hoy nos emociona anunciar dos nuevos proyectos.

Presentamos el tráiler de nuestra primera producción original de Webflow, una docuserie del director Mathew Encina titulada “Generation No-Code”, que sigue cuatro historias sobre emprendedores, creativos y agencias en el mundo del no-code y el impacto que están generando. El primer episodio de “Generation No-Code” se estrenará a principios de 2022.

También lanzamos Webflow TV, una plataforma de streaming #MadeInWebflow que albergará producciones originales, así como una colección cuidadosamente seleccionada de historias inspiradoras sobre creatividad, no-code, diseño y emprendimiento.

Generation No-Code

Generation No-Code es una docuserie del director Mathew Encina. Matthew es un galardonado director creativo, creador de contenido y diseñador. Anteriormente fue Director de Contenido en The Futur. Generation No-Code sigue el viaje de cuatro creativos que utilizan herramientas no-code para crear experiencias web impactantes, sorprendentes y que invitan a la reflexión.

La serie contará con John D. Saunders, Lynna Bartosh de Hunt, Gather, Jeremy Beyt y Timothy Ricks de ThreeSixtyEight, y la diseñadora Melissa Del Mar Mendez. El primer episodio llegará a principios de 2022, así que mantente al tanto de más información sobre la serie suscribiéndote a Webflow Inspo, nuestro boletín semanal sobre diseño y no-code.

Webflow TV

Hoy nos enorgullece lanzar una nueva experiencia online que llamamos Webflow TV. Webflow TV es una plataforma de streaming —creada en Webflow— que incluirá producciones originales, así como una selección de series de video cuidadosamente curadas para la comunidad de Webflow.

Aunque Webflow ha patrocinado o colaborado en varios proyectos creativos de video a lo largo de los años, no fue hasta que creamos nuestras nuevas producciones originales que nos dimos cuenta de la necesidad de un hogar digital para estos esfuerzos. También queríamos asegurarnos de que nuestra comunidad pudiera encontrar fácilmente estas historias valiosas.

Nos emociona trabajar con los siguientes increíbles socios de lanzamiento para Webflow TV:

• The Futur, una plataforma de educación online para emprendedores creativos con más de 1 millón de suscriptores en YouTube.
• Charli Marie, diseñadora, conferenciante, escritora y Directora Creativa en ConvertKit.
• Dann Petty, diseñador freelance y anfitrión de Epicurrence.
• Ran Segall, diseñador, emprendedor y creador de Flux Academy.
• Femke van Schoonhoven, diseñadora en Wealthsimple, podcaster y educadora.
• Sara Brunetti, diseñadora de producto en FreeAgent y creadora de contenido.
• Jesse Showalter, diseñador full stack, creador de contenido y fundador de agencia.
• Mizko, diseñador y fundador que ha trabajado con más de 100 empresas.

Además del gran contenido de estos socios, también podrás volver a ver fácilmente las sesiones de No-Code Conf 2021 y otras conferencias de diseño en Webflow TV.

Por qué creamos Webflow TV

Seamos sinceros: vivimos en la edad de oro del streaming. Y el streaming como estrategia ya no es solo para gigantes de los medios como Disney o Netflix; este año, Salesforce y Pinterest lanzaron sus propias plataformas. Las plataformas de streaming son experiencias online potentes que los usuarios entienden a la perfección. Necesitábamos una para nuestro contenido de vídeo original, como Generation No-Code, y nuestras colaboraciones, además de que queríamos ver si éramos capaces de construirla.

Y lo logramos. En un mes. Con solo cinco herramientas y una pizca de código personalizado.

Cómo construimos Webflow TV

Webflow TV se inspiró en un proyecto que creamos durante la Dream Big Week, el hackathon interno de Webflow. El proyecto inicial nació de una pregunta: ¿se puede construir una plataforma de streaming con Webflow?

Empezamos diseñando la plantilla de la página de inicio para una serie de vídeos en Figma. Esto nos permitió explorar:

1. Si la arquitectura de la información tenía sentido
2. Determinar qué elementos serían estáticos y qué partes se completarían de forma dinámica en el CMS.
   

Después, un miembro del equipo hizo revisiones al diseño mientras otro actualizaba los cambios en tiempo real. Al final de la semana, teníamos contenido de demostración seleccionado y un prototipo funcional.

Tras presentar el proyecto al finalizar el hackathon, la respuesta del equipo fue muy positiva; el proyecto demostró ser un ejemplo potente de lo que se puede hacer en Webflow. Los comentarios internos revelaron un caso de uso práctico: la promoción de contenido original, de socios y patrocinado, lo que nos permitió seguir adelante para hacer realidad Webflow TV.

Una vez que Webflow TV recibió luz verde, empezamos a construir una versión escalable. En solo una semana, trasladamos todos nuestros diseños de Figma a Webflow, usamos Zapier para importar más de 230 episodios y configuramos Webflow TV para que funcionara de forma dinámica con el CMS.

Para nuestro reproductor de vídeo, usamos Plyr.io, que es accesible, totalmente personalizable y puede extraer IDs de YouTube directamente desde el CMS. También usamos una sola línea de código de Daniel Clydesdale para generar degradados dinámicos para cada serie basados en un campo de color del CMS.

La función principal que queríamos recrear era esa experiencia de streaming en la que el siguiente episodio comienza automáticamente. Para lograrlo, usamos este fragmento de código para activar un modal de cuenta atrás de "A continuación" cuando el reproductor de vídeo llegaba al estado de "finalizado". También ocultamos un campo en la página con toda la información sobre qué vídeo seguía, para que el script pudiera redirigir al siguiente episodio una vez terminada la cuenta atrás. El resultado es una experiencia de streaming que resultará familiar a cualquiera que haya usado una antes.

Qué esperar de Webflow TV

Esto es solo el principio y estamos muy emocionados por todo lo que vendrá con Webflow TV. Podrás disfrutar de nuevas incorporaciones de contenido, tanto original como seleccionado, cada trimestre. También puedes explorar la programación actual de series, enviar tu propio contenido para que lo consideremos o, bueno, construir tu propia plataforma de streaming. Conocemos una herramienta genial que puede ayudarte a empezar. 😉