Cómo usamos Webflow en Webflow

Yo prefiero la versión más apetitosa: "brindamos con nuestro propio champán". Pero, se diga como se diga, la verdad es que aquí en Webflow usamos Webflow para prácticamente todo.

Nuestro sitio web, por supuesto, está construido en Webflow. Pero también lo está nuestra plataforma de aprendizaje en línea, nuestro sistema de diseño, nuestras páginas de destino y un sinfín de otras experiencias y recursos que creamos mientras dirigimos una empresa de software.

Y como Webflow se basa en el principio de que cualquiera puede crear por sí mismo —sin código—, formamos a cada nueva incorporación en Webflow. Queremos que conozcan nuestro producto, claro, pero también que adquieran experiencia práctica utilizando la plataforma, ya que, para muchos equipos, usar Webflow es parte de su trabajo diario.

Como diseñador de marca sénior en Webflow, paso mucho tiempo creando en Webflow proyectos para mi equipo y para muchos otros en toda la empresa. Y aunque pueda parecer parcial, creo que la belleza de nuestro producto es que cualquiera puede crear proyectos similares en su lugar de trabajo. Así que, para compartir un poco de inspiración, aquí tienes algunas de las formas en las que usamos Webflow en Webflow.

Mantener la coherencia con el sistema de diseño de Webflow

Cómo funciona

Los sistemas de diseño son mucho más que bibliotecas de patrones o guías de estilo. Son conjuntos dinámicos de componentes reutilizables, principios y directrices que ofrecen a diseñadores e ingenieros un lenguaje común para lograr un diseño de producto, web y marca coherente.

Nuestro sistema de diseño incluye una guía de estilo para crear experiencias de marca Webflow, que abarca desde la tipografía hasta los botones y los colores de fondo. También mantenemos una biblioteca de componentes comunes prefabricados, como reproductores de vídeo y llamadas a la acción para testimonios, con el fin de agilizar los flujos de trabajo y crear un aspecto uniforme en todos los recursos.

También mantenemos una guía de marca para compartir con socios internos o externos según sea necesario. Esta funciona como la fuente única de verdad para los recursos de marca, las directrices de voz y tono, los mensajes, los componentes y los patrones de contenido.

Todos estos recursos sobre cómo crear en y para Webflow están construidos en Webflow.

Qué equipos de Webflow lo utilizan

El equipo de Brand Studio es responsable de mantener y actualizar el sistema de diseño, y todos los que crean recursos para Webflow lo toman como referencia.

Por qué nos encanta

Nuestras directrices garantizan que el estilo visual de nuestra marca se refleje en cada página y recurso que creamos dentro de Webflow. Y como nuestros equipos tienen elementos de diseño aprobados al alcance de la mano, pueden crear contenido coherente rápidamente sin duplicar trabajo.

Publicar contenido útil y fiel a la marca en el blog de Webflow

Cómo funciona

El blog de Webflow está construido sobre el CMS de Webflow, un potente sistema de gestión de contenidos que permite a nuestros editores subir y editar material sin necesidad de tener conocimientos de diseño o desarrollo. Y con las directrices de diseño ya integradas en Webflow, nuestro equipo de contenido puede publicar nuevos artículos sin preocuparse por cumplir con los estándares de diseño.

Qué equipos de Webflow lo utilizan

Nuestro equipo de marketing de contenidos utiliza el CMS para publicar nuevas entradas en el blog cada semana, y los diseñadores de marca suben imágenes o recursos visuales según sea necesario. El equipo de marketing de crecimiento también puede crear anuncios dentro del blog utilizando el CMS.

Por qué nos encanta

El blog de Webflow atrae a cientos de miles de visitantes a nuestro sitio web cada mes, lo que lo convierte en una pieza clave de nuestra estrategia de marketing. Como el equipo de contenido no necesita involucrar a desarrolladores de software u otros equipos para publicar o editar entradas, evitamos cuellos de botella y mantenemos un calendario de producción constante. Además, el equipo de contenido puede gestionar fácilmente las mejores prácticas de SEO, como definir meta títulos y descripciones, directamente dentro del CMS, lo que garantiza que nuestro blog se posicione bien en las búsquedas orgánicas y genere más tráfico.

Creación de páginas de destino a gran escala para respaldar campañas

Cómo funciona

El CMS de Webflow también impulsa nuestro sistema de páginas de destino publicitarias. Los diseños preestablecidos incluyen visibilidad condicional, filtrado de colecciones, campos de referencia múltiple y conmutadores dentro del CMS. Esta estructura permite que prácticamente cualquier persona cree una nueva página de destino en minutos con solo completar unos pocos campos. No se requiere la intervención de diseñadores ni desarrolladores. Además, cada diseño es adaptable para garantizar que, independientemente del contenido que se añada, se visualice correctamente en todos los dispositivos.

En Webflow, nuestros equipos utilizan estas páginas de destino basadas en plantillas para campañas que promocionan nuestras páginas publicitarias, seminarios web y libros electrónicos.

Qué equipos de Webflow lo utilizan

Como puedes imaginar, el equipo de marketing es el usuario principal de nuestro sistema de páginas de destino. Los diseñadores de marca como yo intervenimos para ajustar o crear nuevos diseños cuando es necesario.

Por qué nos encanta

Nuestras plantillas de páginas de destino ahorran al equipo de marketing una enorme cantidad de tiempo y reducen los cuellos de botella que pueden surgir cuando otros equipos participan en el lanzamiento de campañas. Y como cada plantilla es adaptable y mantiene la identidad de marca, siempre proyectamos una imagen coherente y causamos una impresión positiva en los posibles clientes nuevos.

Educar y apoyar a nuestra comunidad con Webflow University

Cómo funciona

En lugar de utilizar un sistema de gestión de aprendizaje de terceros, usamos Webflow para crear y mantener Webflow University, nuestra colección de artículos, cursos, vídeos y otros materiales educativos. Este es un ejemplo perfecto de un proyecto que supera límites, ya que nuestra base de datos incluye contenido organizado en cursos estructurados, rutas de descubrimiento como búsquedas y temas navegables, y funciones como una lista filtrable de integraciones. Al combinar el no-code con algo de código personalizado, hemos desbloqueado funciones como el seguimiento del progreso, para que los visitantes del sitio puedan llevar la cuenta de los cursos que ya han completado.

Qué equipos de Webflow lo utilizan

Nuestro equipo de Educación planifica, crea, desarrolla y publica el contenido dentro de la universidad.

Por qué nos encanta

Como construimos Webflow University, podemos personalizarla para respaldar cualquier tipo de experiencia de aprendizaje que nuestro equipo de Educación desee producir para servir mejor a nuestros usuarios. Y dado que usamos Webflow para crear contenido de soporte de Webflow, nos ayuda a mantener nuestras habilidades más afiladas y a tener una comprensión de nuestros usuarios siempre presente.

Crea experiencias memorables con micrositios

Qué es

Los micrositios son básicamente sitios web pequeños creados con un propósito específico. También son excelentes excusas para poner a prueba nuestra creatividad y tratar de construir algo nuevo y único con Webflow.

Por ejemplo, creamos un nuevo micrositio para nuestra No-Code Conf cada año. En 2021, decidimos usar movimiento para dar vida a las ilustraciones del micrositio, representando cómo los bloques de construcción y los elementos del marco no-code funcionan juntos. Este enfoque es bastante diferente de los estándares de marca que aplicamos al sitio web, así que fue una oportunidad divertida para experimentar. Incluso terminó inspirando una entrada en el blog de Webflow sobre el uso del movimiento priorizando la accesibilidad en el diseño web.

Los sitios para eventos son algo bastante común por aquí, pero también hacemos algunos micrositios solo por diversión (¡tenemos algunas sorpresas preparadas para este año!), o simplemente para ver si podemos. Es increíble cómo una conversación sencilla con otras personas aquí en Webflow puede terminar en un nuevo proyecto de Webflow.

Qué equipos de Webflow los utilizan

El equipo de diseño de marca suele desarrollar micrositios para diferentes necesidades.

Por qué nos encanta

Somos diseñadores. ¡Nos encanta crear cosas nuevas! Los micrositios nos permiten jugar y, ocasionalmente, romper las reglas bajo condiciones específicas, sin comprometer la coherencia de la marca en propiedades principales como Webflow.com, el blog, Webflow University o las páginas de destino.

¿Tienes curiosidad por saber más sobre lo que podrías construir con Webflow? Echa un vistazo a Made in Webflow para ver más ejemplos de Webflow en acción.