Cómo un consultor de diseño de alto nivel utiliza Webflow

Así es como Stefan Poulos, fundador de Poulos Collective, ayuda a otros a prototipar y diseñar más rápido con Webflow.

Cómo un consultor de diseño de alto nivel utiliza Webflow

Deepak Kanda
Responsable de marketing en redes sociales
Ver perfil del autor
Deepak Kanda
Responsable de marketing en redes sociales
Ver perfil del autor
Índice de contenidos

Stefan Poulos es el fundador de Poulos Collective y cuenta con más de 20 años de experiencia como diseñador, incluyendo más de una década como director creativo en Discovery Channel.

Hace poco, Stefan fue nuestro invitado en Coffee Talk con la comunidad de Webflow para compartir cómo utiliza Webflow tanto en sus proyectos personales como cuando trabaja con marcas de alto perfil. Puedes ver la grabación aquí.

Reconstruir, reconstruir, reconstruir: la clave para ganar credibilidad

Cuando eres nuevo en el sector del diseño de producto, especialmente como freelance, toma tiempo establecerse y construir una reputación. Hay muchas formas de lograrlo, pero una infalible, según Stefan, es crear versiones reconstruidas de sitios web o marcas populares.

Usando Webflow, rediseñó el sitio web de LinkedIn: añadió sus propias ideas, críticas y realizó algunos cambios basados en su experiencia. Este enfoque le permitió abrirse camino en el mundo del diseño de producto y, para su sorpresa, LinkedIn se puso en contacto con él.‍

“Esto es lo que le sugiero a los diseñadores interesados en UX/UI: tomen algo que usen y que sea familiar para los demás, denle su toque personal, critíquenlo, hablen de su proceso y muestren qué harían para mejorarlo. Cuando LinkedIn me contactó, pensé: 'ok, debo estar haciendo algo interesante'. Fue un gran impulso de confianza para seguir avanzando y salir de mi zona de confort”.

– Stefan Poulos

LinkedIn rebuild in Webflow
Reconstrucción de LinkedIn en Webflow

Ayudar a las comunidades (y al mundo)

Los restaurantes fueron uno de los muchos negocios gravemente afectados por el COVID-19. Para un consultor de alto perfil como Stefan, no solo era difícil quedarse de brazos cruzados viendo cómo sufrían los negocios, sino que era angustiante saber que él podía hacer algo al respecto.

Así que lo hizo. Usando Webflow y Glide, creó una plantilla de aplicación que permite a cualquiera crear un directorio de restaurantes de comida para llevar en su propia ciudad o comunidad. Se ha clonado más de 50 veces y es *totalmente* gratuita.

“Creo que alguien como yo se siente impotente y se pregunta qué puede hacer. Así que empecé ayudando a algunos restaurantes locales que, francamente, estaban desactualizados y necesitaban ayuda para ofrecer pedidos móviles.
De repente me vi inmerso en el mundo de la restauración, del que no sabía nada. Con el tiempo, quise que esto se convirtiera en algo más escalable y clonable, lo que dio lugar a la aplicación de directorio. Fue increíble escuchar a personas de otros países que la usaron para sus propias comunidades”.

– Stefan Poulos

webflow takeout template
Echa un vistazo a la aplicación de directorio de comida para llevar en el Designer

Para un prototipado más rápido

Diseñar para productos y marcas muy populares puede ser muy diferente a simplemente crear sitios web. Hay muchos más pasos involucrados y refinar la experiencia de usuario es tan importante (si no más) que la interfaz en sí misma.

Para Stefan, esto significa usar Webflow no solo para sitios de marketing o promoción, sino como una herramienta de diseño y prototipado. Por ejemplo: cuando llegó el momento de diseñar la experiencia de creación de pulseras para Pandora, todo el prototipado visual y la experiencia de usuario se hicieron dentro de Webflow, antes de escribir el código para su sitio real.‍

“Siempre trato de promover un proceso de diseño y prototipado iterativo tanto como puedo. Puede ser diferente a lo que algunos están acostumbrados, que es un proceso lineal donde pasas mucho tiempo diseñando y luego intentas averiguar qué es lo que realmente quieres construir. Usar Webflow como herramienta de diseño y prototipado es probablemente su característica más subestimada. Ha cambiado por completo mi forma de pensar sobre el diseño visual y me ha convertido en un diseñador más responsable”.

– Stefan Poulos

webflow designer image in wrapper

Además, mientras trabajaba como consultor para Marriott International, utilizó Webflow como herramienta de diseño y prototipado para muchos aspectos del sitio web. Esto incluyó el rediseño de la página de inicio, la navegación global, la búsqueda, el programa de fidelización y cuentas, los sitios de los hoteles y muchos otros. De hecho, la mayor parte de su uso de Webflow consiste en dar vida a diseños estáticos con animaciones de forma totalmente adaptable. Esto brindó a los usuarios en un entorno de prueba una experiencia muy real sobre la cual reaccionar y dar su opinión.

webflow designer environment
Casi todo lo que ves hoy en Marriott se construyó primero en Webflow. Intentamos no perder demasiado tiempo evaluando diseños estáticos y nos enfocamos en poner todo a prueba constantemente mediante prototipos y tests con usuarios. Como Webflow genera un código limpio y semántico, nuestro equipo de desarrollo pudo usarlo como referencia al momento de crear la versión final.

– Stefan Poulos

Ser consultor de diseño no es tarea fácil, pero esperamos que la historia y los consejos de Stefan te sirvan de inspiración para impulsar tu propia carrera con Webflow. No dudes en hacerle cualquier pregunta a través de Twitter @spoulos o en su sitio web poulos.co (también creado con Webflow).

Y no olvides acompañarnos en la próxima charla de café con la comunidad de Webflow, que se transmite cada dos jueves a las 11 a. m. PST. Puedes registrarte y ver las grabaciones anteriores aquí.

Por qué tu equipo de diseño debería usar Webflow

Descubre cómo los equipos de diseño están optimizando sus flujos de trabajo —y creando mejores experiencias— con Webflow.

→
↗
►
↓
←
↑
Leer ahora

Última actualización
June 18, 2020
Categoría

Artículos relacionados

Cómo Dock creó un espacio de trabajo colaborativo para mejorar la relación entre compradores y vendedores
Cómo Dock creó un espacio de trabajo colaborativo para mejorar la relación entre compradores y vendedores

Cómo Dock creó un espacio de trabajo colaborativo para mejorar la relación entre compradores y vendedores

Cómo Dock creó un espacio de trabajo colaborativo para mejorar la relación entre compradores y vendedores

Inspiración
Por
Leah Retta
,
,
Leer artículo
Cómo el sitio web del colectivo artístico Meow Wolf complementa sus espacios inmersivos
Cómo el sitio web del colectivo artístico Meow Wolf complementa sus espacios inmersivos

Cómo el sitio web del colectivo artístico Meow Wolf complementa sus espacios inmersivos

Cómo el sitio web del colectivo artístico Meow Wolf complementa sus espacios inmersivos

Inspiración
Por
Kate Marshall
,
,
Leer artículo
Cómo Stir usó Webflow para construir su comunidad
Cómo Stir usó Webflow para construir su comunidad

Cómo Stir usó Webflow para construir su comunidad

Cómo Stir usó Webflow para construir su comunidad

Inspiración
Por
Kate Donnellan
,
,
Leer artículo
Cómo usamos Webflow en Webflow
Cómo usamos Webflow en Webflow

Cómo usamos Webflow en Webflow

Cómo usamos Webflow en Webflow

Dentro de Webflow
Por
Johnnie Gomez Alzaga
,
,
Leer artículo
Cómo utiliza Rocket Lawyer Webflow para el diseño de productos
Cómo utiliza Rocket Lawyer Webflow para el diseño de productos

Cómo utiliza Rocket Lawyer Webflow para el diseño de productos

Cómo utiliza Rocket Lawyer Webflow para el diseño de productos

Inspiración
Por
John Moore Williams
,
,
Leer artículo
Optimiza tu proceso de diseño web con prototipado rápido y gestión de proyectos en Webflow
Optimiza tu proceso de diseño web con prototipado rápido y gestión de proyectos en Webflow

Optimiza tu proceso de diseño web con prototipado rápido y gestión de proyectos en Webflow

Optimiza tu proceso de diseño web con prototipado rápido y gestión de proyectos en Webflow

Diseño
Por
Luke Ball
,
,
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.