Jamie Syke es un diseñador y director de arte independiente apasionado por las landing pages. Se sentó conmigo para hablar sobre su experiencia con Webflow, su proceso y algunos de sus últimos proyectos, incluido un libro que publicará pronto.
Jamie, ¡hola! Cuéntanos un poco sobre ti.
Soy Jamie Syke. Llevo diseñando cerca de una década. Empecé cuando Myspace aún era maravillosamente popular y todos éramos... más jóvenes.
Pasé de diseñar páginas para bandas en Myspace a trabajar con Zynga (los de Farmville). Trabajé con ellos en algunas plataformas de citas, lo que finalmente me llevó a dirigir un estudio llamado Brotherhood, donde colaboré con un montón de clientes, como Bumble. Actualmente, estoy más centrado en el trabajo freelance y en colaboraciones.
¿Cómo utilizas Webflow en tu proceso de diseño?
Uso Webflow principalmente para lanzar cosas. Creo firmemente en sacar las ideas al mundo y luego probarlas. Y para alguien que no escribe ni una línea de código, Webflow es súper útil.
Intento recordar cómo descubrí Webflow. Creo que vi un vídeo de YouTube de Pixel Geek. Estaba usando Webflow para hacer algo que yo intentaba hacer en Sketch y que resultó ser más fácil en Webflow.
Me aburro y rediseño mi sitio web cada pocos meses. He usado Webflow para crear mis últimos tres o cuatro portafolios web, un par de sitios para clientes y algunos para amigos.
Me piden constantemente que cree sitios porque la gente sabe que lo que normalmente lleva unos días, yo puedo hacerlo en hora y media con Webflow.
Así que, definitivamente, ha acelerado las cosas de forma significativa. Crear las cosas a medida que se me ocurren y poder verlas en contexto es súper importante. Cuando solo miro un lienzo, me obsesiono con que esa sea exactamente la forma en que se presentará el diseño. Pero todo el mundo tiene formas muy distintas —tamaños de pantalla y dispositivos— de acceder a lo que creas.
Por eso es importante poder crear fuera de un lienzo estático típico y tener algo que funcione. Algo que puedas mover y ajustar.
Hablando de rediseños de portafolios, acabas de rediseñar el tuyo en Webflow. Cuéntame un poco sobre eso.
Cuando dirigía Brotherhood, tuve la idea de añadir un efecto de humo a un sitio web. No sé por qué, pero siempre quise humo en una web.
Terminé creando una página secundaria en mi antiguo sitio para ver si podía hacer que el efecto de humo funcionara. Programé la reacción al ratón para que se moviera y, a partir de ahí, la cosa se descontroló un poco. Básicamente, me dediqué a jugar con tantas funciones locas como pude sin hacer que el sitio fuera inutilizable; es responsivo y todo está donde esperas que esté.
Es genial haber podido ser tan creativo y que realmente esté en vivo. Cuando intenté lo del efecto de humo antes, me topaba con un muro y sentía que necesitaba un desarrollador frontend. Y simplemente no había ninguno disponible y no tenía dinero para contratar a uno.
Es increíble poder volcar mi creatividad y que exista en internet sin esa ayuda.
¡Es una landing page realmente genial!
Gracias. También voy a lanzar 12 sitios más en los próximos 12 meses: un producto al mes a partir de junio. Estoy empezando este experimento loco para ver si puedo compaginar mis proyectos de clientes, mantenerme al día con contenido nuevo y lanzar un producto al mes.
Webflow será la plataforma fundamental para sacar esos sitios web, lo cual es genial. Me da una oportunidad interesante —como alguien que no escribe mucho código— para hacer realidad mis ideas y aprender qué es lo que conecta con la gente, todo mientras trabajo rápido.
¿Es la capacidad de pasar rápidamente de la idea a la implementación con Webflow lo que más te atrae?
Sí. Eso, y el hecho de que puedes ser muy versátil a la hora de crear cosas. Ya no es como hace años, cuando los creadores de sitios web te obligaban a arrastrar cuatro componentes y todos los sitios terminaban viéndose iguales. (Ejem, ejem. Squarespace).
Con Webflow, puedes jugar con un montón de animaciones diferentes, activar cosas mediante distintas acciones y hacer todo tipo de virguerías que se alejan de la naturaleza estática de la web; los diseñadores pueden lograr un nivel de acabado que es mucho más difícil cuando tienes que escribir 15.000 líneas de código para que funcione.
Ebook gratuito: Introducción al diseño web
Domina los conceptos fundamentales del diseño web, como la tipografía, la teoría del color, el diseño visual y mucho más.
Tu proyecto Pyrismic ganó recientemente el premio al Producto del Día en Product Hunt. Cuéntame sobre ese proyecto.
¡Qué bien! No sabía que había ganado el Producto del Día. Es una noticia fantástica.
¡Ja! Increíble. ¡Pues felicidades!
¡Gracias! Ese fue otro proyecto que construí y lancé con Webflow. Pyrismic nació al estar rodeado de un montón de diseñadores con mucho talento que siempre tienen pequeños huecos en sus agendas; todos esos periodos de dos semanas que tienen disponibles.
Nos propusimos ver si había interés por parte de los clientes y unas 100 personas se pusieron en contacto, lo que validó la idea.
Webflow también ha sido súper útil en ese proyecto. Diseñé y construí el sitio en unas 36 horas, desde el lienzo en blanco en Sketch hasta el resultado final.
Si planeas construir algo en Webflow, mi proceso recomendado desde la perspectiva de un diseñador sería probablemente crear tu diseño en Sketch de la misma forma en que configurarías las clases CSS, en lugar de hacerlo en cien grupos diferentes.
Si lo organizas igual de principio a fin, es fácil volver a construirlo en Webflow, porque básicamente estás repitiendo lo que ya hiciste. Quizás mi estilo no sea el más productivo en algunos aspectos, pero trabajo más rápido que la mayoría, así que tengo más tiempo.
Tu libro, Digital Impressions, trata sobre el diseño de páginas de aterrizaje. ¿Qué podemos esperar de él?
Mi libro está casi terminado, pero llevo escribiéndolo lo que parece una eternidad.
Digital Impressions trata sobre cómo inspirar a la acción en esos primeros instantes que alguien pasa en tu página; asegurándote de que tu mensaje y tu forma de comunicarte hagan que la persona se sienta cómoda. Pero no tan cómoda como para aburrirse.
Analiza cómo estructurar las cosas para que la gente entienda exactamente qué haces y cómo identificar a quién dirigirte. Quieres a un par de personas, un usuario ideal. Ese usuario ideal probablemente terminarán siendo unos 50 millones de personas.
Hace poco escuché a alguien decir: "Si le hablas a todo el mundo, no le hablas a nadie".
Exacto. Es importante construir y crear desde la perspectiva de tu audiencia en lugar de la tuya propia. No se trata de imponer tus caprichos a nadie. Se trata de resolver un problema. Si puedes resolver el problema y hacer que se vea increíble, genial, pero creo que mucha gente se vuelve demasiado egoísta.
¿Qué es lo que te atrae de las páginas de aterrizaje?
Me gusta la flexibilidad que ofrecen las páginas de aterrizaje y los sitios web pequeños; te permiten capturar todo un microcosmos del mundo dentro de un pequeño nicho. Eso es más difícil de lograr con proyectos más grandes que requieren más recursos.
Las páginas de aterrizaje te permiten moverte rápido, probar muchas cosas distintas y recopilar un montón de datos. Los datos son fundamentales para tomar las decisiones correctas basadas en cómo la gente usa tu producto. Mucha gente termina creando para sí misma en lugar de para su audiencia. Crean porque el fundador de la empresa dijo que esa idea es la mejor de todas.
Mucha gente ni siquiera intenta recopilar información; se lanzan a diseñar algo porque vieron un patrón de triángulos el otro día y quieren usarlo, así que el cliente termina con ese maldito patrón de triángulos.
El libro se centra en poner a las personas que usan nuestros productos en el centro de todo.
¿Qué es lo principal que te gustaría que la gente supiera sobre el diseño de landing pages?
Hazlo pensando en alguien que no seas tú.
¿Es ese el mayor error que ves que comete la gente en las landing pages?
No. Creo que el mayor error es decirle a los visitantes que tienen que abrirla desde un ordenador. Es el error más grande y lo he visto un par de veces últimamente.
¿Cuál ha sido la mayor ventaja inesperada de usar Webflow?
Webflow me permite hacer más animaciones. Antes de este año no hacía muchas.
¿Tienes algún consejo para alguien que está empezando con Webflow?
Mira todos los vídeos de YouTube, todos. Webflow University, pero también escribe "Webflow" en YouTube y míralo todo. Hay una cantidad increíble de contenido. Explora los proyectos destacados, clónalos, desmóntalos y vuelve a montarlos.
¡Simplemente ponte a construir!
