Cómo construimos Webflow Pitch

¿Quieres que tu cliente, amigo o vecino use Webflow? (Nosotros también).

Cómo construimos Webflow Pitch

Corey Moen
Gerente de diseño web
Ver perfil del autor
Corey Moen
Gerente de diseño web
Ver perfil del autor
Índice de contenidos

Ya sabes lo que dicen: los amigos no dejan que sus amigos usen plataformas que no sean Webflow.

Ya sea tu vecino de arriba, tu nuevo cliente de diseño o ese jefe al que solo has visto virtualmente durante el último año, explicar el valor y el potencial de usar Webflow puede ser una tarea compleja según quién sea el destinatario y cuáles sean sus necesidades.

Quizás prioricen una plataforma centrada en la seguridad, busquen algo altamente personalizable, necesiten una herramienta que les ayude a iterar rápidamente o quieran una plataforma que haga las tres cosas.

Claro, puedes enviarles varios enlaces a páginas de marketing o de aterrizaje de Webflow, pero el mensaje general resulta fragmentado e impersonal, y no ofrece una experiencia coherente que demuestre por qué Webflow es la mejor opción para ellos.

Tenemos la solución.Webflow Pitch es nuestro sitio fácil de usar que te ayuda a convencer a cualquiera de que empiece a usar Webflow.


An image of the Webflow Pitch intro page.

Es sencillo: solo tienes que introducir algunos datos clave, seleccionar lo que mejor se adapte a sus necesidades y te enviaremos una presentación personalizada y lista para usar. Y lo mejor es que el proceso es tan rápido que puedes crear varias presentaciones para distintas personas en un instante.

¿Quieres que tu cliente, amigo o vecino use Webflow? (Nosotros también).

Webflow Pitch es nuestro sitio fácil de usar que te ayuda a crear presentaciones personalizadas para convencer a cualquiera de que use Webflow.

→
↗
►
↓
←
↑
Leer ahora

Cómo lo construimos

Webflow Pitch nació de una pregunta sencilla: ¿cómo podíamos crear una forma rápida para que cualquiera generara un resumen personalizado de los valores y elementos diferenciadores de Webflow?

Primero, creamos una prueba de concepto muy básica que consistía en un formulario y una integración con Zapier para tomar los datos y crear un nuevo elemento en la colección del CMS que representara la página de presentación personalizada.

En la página de plantilla de la colección, creamos un diseño de sección a pantalla completa que representa una presentación típica. Luego, vinculamos los datos personalizados del CMS a diferentes elementos del contenido y usamos la visibilidad condicional para ocultar secciones enteras según las preferencias enviadas en el formulario original.

An image of part of a Webflow Pitch presentation.

Para darle un toque más profesional a la presentación, integramos la biblioteca Fullpage.js para que la página se desplace solo una sección a la vez. Aunque normalmente no recomendamos bibliotecas que alteren el desplazamiento nativo del navegador por razones de accesibilidad, consideramos que en este caso específico tenía sentido. Además, la biblioteca Fullpage permite usar las flechas del teclado para navegar entre secciones.

Tras perfeccionar el diseño y la funcionalidad de las presentaciones, revisamos el proceso de generación. Nos dimos cuenta de que un formulario básico no daba mucha idea de cómo sería el resultado final. Así que, en lugar de un formulario pequeño en una página de marketing, convertimos toda la página de personalización en un gran formulario con una interfaz similar a la de un software de presentaciones moderno.

An image of editing the Webflow Pitch presentation.

Con un poco de personalización adicional de bajo código para ajustar las interacciones y la accesibilidad, logramos crear una experiencia única que captura datos de entradas, selecciones y casillas de verificación de una forma que esperamos que te encante y te sirva de inspiración.

Si tienes alguna historia sobre cómo Webflow Pitch te ayuda a defender Webflow, o cualquier otra anécdota o idea que quieras compartir, cuéntanoslo en los comentarios.


Última actualización
July 6, 2021

Artículos relacionados

Presenta tu portafolio de diseño web: la guía definitiva para ganar nuevos clientes
Presenta tu portafolio de diseño web: la guía definitiva para ganar nuevos clientes

Presenta tu portafolio de diseño web: la guía definitiva para ganar nuevos clientes

Presenta tu portafolio de diseño web: la guía definitiva para ganar nuevos clientes

Diseño
Por
Equipo de Webflow
,
,
Leer artículo
Cómo perfeccionar tu próxima presentación para clientes
Cómo perfeccionar tu próxima presentación para clientes

Cómo perfeccionar tu próxima presentación para clientes

Cómo perfeccionar tu próxima presentación para clientes

Estrategia
Por
Mariah Driver
,
,
Leer artículo
Cómo redactar una propuesta de marketing impresionante
Cómo redactar una propuesta de marketing impresionante

Cómo redactar una propuesta de marketing impresionante

Cómo redactar una propuesta de marketing impresionante

Estrategia
Por
Equipo de Webflow
,
,
Leer artículo
Cómo vender Webflow a los clientes: mejores prácticas
Cómo vender Webflow a los clientes: mejores prácticas

Cómo vender Webflow a los clientes: mejores prácticas

Cómo vender Webflow a los clientes: mejores prácticas

Estrategia
Por
John Moore Williams
,
,
Leer artículo
Cómo crear estudios de caso de diseño web que atraigan nuevos clientes
Cómo crear estudios de caso de diseño web que atraigan nuevos clientes

Cómo crear estudios de caso de diseño web que atraigan nuevos clientes

Cómo crear estudios de caso de diseño web que atraigan nuevos clientes

Diseño
Por
Equipo de Webflow
,
,
Leer artículo
Cómo escribir una propuesta de sitio web: pasos, consejos y 3 plantillas gratuitas
Cómo escribir una propuesta de sitio web: pasos, consejos y 3 plantillas gratuitas

Cómo escribir una propuesta de sitio web: pasos, consejos y 3 plantillas gratuitas

Cómo escribir una propuesta de sitio web: pasos, consejos y 3 plantillas gratuitas

Estrategia
Por
Equipo de Webflow
,
,
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.