Uniendo forma, función y contenido

El director creativo de Salt Branding, Chris Inclenrock, comparte sus reflexiones sobre la evolución del diseño web y el papel de Webflow en Salt.

Uniendo forma, función y contenido

Índice de contenidos

Salt es una agencia de branding con sede en San Francisco y Nueva York. Han trabajado para algunos nombres que quizás te suenen; siempre y cuando Google, Disney, Microsoft, Coca-Cola, HP, Twitter y Xbox te digan algo.

Y Salt no tiene ningún desarrollador interno. Así es: cero.

Antes de que el director creativo Chris Inclenrock descubriera Webflow, eso significaba trabajar con equipos de desarrollo externos, ya fueran contratistas o los propios equipos de sus clientes. Y eso suponía una pérdida de ingresos de hasta el 50% en un sitio web empresarial de gran envergadura.

Pero como decía, eso fue antes de Webflow.

La sección principal del portafolio #MadeInWebflow de Chris, inclenrock.com.

Cómo ha evolucionado la visión de Chris sobre el diseño web a lo largo del tiempo

Chris trabaja en diseño web desde el año 2000 y, durante este tiempo, su visión sobre cómo funciona el diseño digital ha evolucionado, al igual que lo ha hecho internet.

Ha visto cómo la web pasó de un espíritu centrado en el diseño, donde todos intentaban reproducir la belleza estática de la impresión, a la llegada de la interactividad y la capacidad de respuesta, donde lo importante era dar vida a lo estático, ya fuera mediante Flash (qué horror) o JavaScript.

Hoy en día, el contenido es el combustible que impulsa la web. Los sitios súper sencillos orientados a ofrecer un gran contenido se han convertido en la norma. Este paso final representa una especie de convergencia, ya que, aunque el foco está ahora en el contenido, un diseño atractivo y un movimiento envolvente hacen que el contenido sea una experiencia mucho más inmersiva.

IHS Markit, #MadeInWebflow en Salt.

Esta evolución se refleja en las herramientas que los creadores web han utilizado a lo largo de los años. Los diseñadores trabajan en Photoshop y Sketch, uniendo diseño y contenido. Los desarrolladores trabajan con código, centrándose en la funcionalidad por encima del diseño y el contenido.

Pero con Webflow, Salt puede reunir los tres pilares de la creatividad web en una sola plataforma, uniendo diseño, funcionalidad y contenido en una herramienta fantástica.  

Por qué Salt utiliza Webflow

 

El director creativo Chris Inclenrock afirma que el equipo de Salt Branding utiliza Webflow porque:

Webflow une forma, función y contenido

Hoy en día, la mayoría de los flujos de trabajo de diseño refuerzan una mentalidad aislada, con equipos de diseño, desarrollo y contenido trabajando cada uno por su cuenta en sus áreas de especialización. Con este tipo de flujo de trabajo, la colaboración se convierte en un paso adicional que los equipos deben tomar la iniciativa de poner en marcha.   

Pero con Webflow, la forma, la función y el contenido se unen a la perfección, tal y como debería ocurrir en el sitio web final.

Hoy en día, el contenido es el combustible que impulsa la web. Esto representa una especie de convergencia, ya que, aunque el foco está ahora en el contenido, un diseño atractivo y un movimiento envolvente hacen que el contenido sea una experiencia mucho más inmersiva.

Webflow ayuda a ahorrar muchísimo tiempo

Gracias a Webflow, los diseñadores de Salt ya no pierden el tiempo creando cientos de maquetas estáticas, especificándolas para el desarrollo y configurando prototipos para explicar flujos e interacciones.

En su lugar, pueden pasar directamente de las maquetas a un prototipo funcional, que pueden:

  1. Compartir con los clientes para obtener comentarios detallados
  2. Compartir con los desarrolladores para ilustrar flujos, interacciones y especificaciones, todo ello sin crear archivos innecesarios
  3. Publicar en la web o exportar para el desarrollo

Webflow simplifica la comunicación

Cuando tu «prototipo» es un sitio web real y adaptable, no hace falta explicar flujos de usuario, interacciones o «a dónde lleva este enlace». Todo está ahí, listo para probarse en cualquier dispositivo y navegador. Esto facilita la comunicación y ayuda a los diseñadores a recibir opiniones mucho más valiosas.

Empieza gratis

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

→
↗
►
↓
←
↑
Leer ahora

Cómo utiliza Salt Webflow

Los equipos de Salt Branding han descubierto que Webflow es una herramienta increíblemente potente para:

1. Ejecución rápida de páginas de destino

Cuando un cliente necesita una nueva página de aterrizaje para ayer, Salt recurre a Webflow para diseñar y crear rápidamente experiencias atractivas y de alta conversión.

2. Diseño de UX con wireframes y prototipos

Casi todos los diseños comienzan con wireframes o prototipos, y los diseñadores de Salt usan Webflow para darles vida con un acabado impecable y totalmente interactivo. De este modo, pueden evaluar rápidamente la calidad de la experiencia e identificar problemas antes de invertir demasiado tiempo en el diseño.

Con Webflow, los diseñadores pueden entregar código, no solo maquetas estáticas.

3. Composición de interfaces de usuario (UI)

Muchos clientes de Salt cuentan con sus propios equipos de desarrollo y solo necesitan que Salt cree diseños atractivos para que sus ingenieros los construyan. Con Webflow, pueden diseñar, exportar el código y entregárselo a los desarrolladores del cliente para que lo utilicen como necesiten. ¡Es mucho más sencillo que andar activando y desactivando capas en un archivo PSD de 20 niveles!

4. Diseño de widgets y elementos

En el diseño, como en todo, los detalles marcan la diferencia. A veces, lo único que hace falta es un patrón de diseño nuevo o renovado. Con Webflow, los diseñadores de Salt pueden crear rápidamente elementos aislados con total interactividad en un abrir y cerrar de ojos.

5. Pruebas internas y de usuario más sencillas

Webflow también ha demostrado ser ideal para crear conceptos rápidos que probar tanto internamente como con clientes externos, lo que facilita saber si una idea es una joya por pulir o algo que es mejor descartar.

Otra página del portafolio de Chris; nos encantan las flechas de la esquina superior derecha, que permiten saltar de un proyecto a otro sin tener que usar el botón de retroceso.

Las ventajas de usar Webflow

Chris ha notado varios beneficios desde que su equipo empezó a usar Webflow:

1. Velocidad

Webflow permite a los diseñadores de Salt ejecutar sus creaciones web mucho más rápido que con el método tradicional de crear wireframes, maquetas y enviárselo todo a los desarrolladores.

2. Aprendizaje

Gracias a Webflow, los diseñadores de Salt ahora usan una herramienta que les enseña los fundamentos y el proceso del diseño web, sin tener que dejar de lado su trabajo.

3. Adiós a los compartimentos estancos

Webflow ha beneficiado a todo el equipo de Salt gracias a su facilidad de uso. Y cuando decimos todo, nos referimos a absolutamente todos. Los redactores y editores pueden insertar su contenido en los diseños, ver cómo afecta al resultado final y colaborar mejor para que diseño y contenido encajen a la perfección. Incluso los gestores de cuentas y productores salen ganando, ya que pueden optimizar el SEO, configurar analíticas y gestionar formularios sin tener que molestar a los diseñadores o desarrolladores.

¿Quieres que tu equipo pruebe Webflow?

Empezar es gratis y, una vez que estéis convencidos, solo cuesta 78 dólares al mes: una fracción de lo que cuesta tener a todo el equipo en Adobe CC.


Última actualización
September 20, 2016
Categoría

Artículos relacionados

Los 7 mejores ejemplos de blogs que lo están bordando en 2021
Los 7 mejores ejemplos de blogs que lo están bordando en 2021

Los 7 mejores ejemplos de blogs que lo están bordando en 2021

Los 7 mejores ejemplos de blogs que lo están bordando en 2021

Diseño
Por
Jeff Cardello
,
,
Leer artículo
Por qué Webflow es el CMS ideal para el sitio web de tu empresa
Por qué Webflow es el CMS ideal para el sitio web de tu empresa

Por qué Webflow es el CMS ideal para el sitio web de tu empresa

Por qué Webflow es el CMS ideal para el sitio web de tu empresa

Dentro de Webflow
Por
Barrett Johnson
,
,
Leer artículo
Mejores prácticas para imágenes principales: cómo diseñar secciones de alto impacto
Mejores prácticas para imágenes principales: cómo diseñar secciones de alto impacto

Mejores prácticas para imágenes principales: cómo diseñar secciones de alto impacto

Mejores prácticas para imágenes principales: cómo diseñar secciones de alto impacto

Diseño
Por
Equipo de Webflow
,
,
Leer artículo
Contenido restringido: 8 mejores prácticas para crear páginas eficaces
Contenido restringido: 8 mejores prácticas para crear páginas eficaces

Contenido restringido: 8 mejores prácticas para crear páginas eficaces

Contenido restringido: 8 mejores prácticas para crear páginas eficaces

Estrategia
Por
Equipo de Webflow
,
,
Leer artículo
Cómo la ciudad de Los Ángeles conecta a sus empleados y ciudadanos con información y oportunidades clave
Cómo la ciudad de Los Ángeles conecta a sus empleados y ciudadanos con información y oportunidades clave

Cómo la ciudad de Los Ángeles conecta a sus empleados y ciudadanos con información y oportunidades clave

Cómo la ciudad de Los Ángeles conecta a sus empleados y ciudadanos con información y oportunidades clave

Inspiración
Por
Equipo de Webflow
,
,
Leer artículo
Mejorar la eficacia del equipo: 7 modelos para guiarte
Mejorar la eficacia del equipo: 7 modelos para guiarte

Mejorar la eficacia del equipo: 7 modelos para guiarte

Mejorar la eficacia del equipo: 7 modelos para guiarte

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.