Al principio de mi carrera, tuve varias oportunidades de trabajar en proyectos de diseño web como freelance, sin usar Webflow. Así que, cuando me topé con Webflow, cambió por completo mi proceso de diseño web y la forma en que pensaba sobre los proyectos y la ejecución en la web. Por eso, para todos los que aún no han descubierto lo transformador que puede ser Webflow, pensé en compartir mi experiencia al hacer el cambio.
Antes de Webflow: estaba atrapado en el mundo de las plantillas web
Como en aquel entonces no era un desarrollador web profesional, tenía que recurrir al uso de plantillas para la gran mayoría de los proyectos web en los que trabajaba.
No me malinterpreten: trabajar con plantillas puede ser una forma inteligente y eficiente de aprovechar el tiempo. Pero, de nuevo, esto fue antes de descubrir Webflow, cuando trabajar con plantillas significaba tener que pelearme con la estructura del sitio, los plugins y hojas de estilo extrañas, luchando por adaptar el trabajo de otro diseñador a las necesidades de mi proyecto.
Después de reunirme con un cliente potencial, me llenaba de ideas grandiosas para la composición del sitio, las animaciones, las interacciones y el diseño. Luego, pasaba incontables horas tratando de encontrar una plantilla que encajara, digamos, con el 90% de mis ideas.
Después, reevaluaba mis expectativas y bajaba el listón al 80%, luego al 70%... y al final, simplemente me conformaba con una plantilla que (con suerte) tuviera el 50% o menos del diseño y la funcionalidad requeridos.
Este proceso se volvía desalentador muy rápido, y terminaba teniendo que volver con mi cliente con una larga lista de requisitos que implicaban más manos, más dinero y más tiempo.
Básicamente, terminaba diciendo: "Lo siento, pero aún no sé cómo construir eso". Lo que a menudo significaba perder al cliente o, en el mejor de los casos, tener un cliente poco satisfecho.
Después de Webflow: bienvenido al lienzo en blanco
Webflow, por otro lado, me dio total libertad creativa.
Podía empezar un proyecto con una de las plantillas de Webflow, o podía empezar desde cero con un lienzo en blanco. Para muchos artistas y diseñadores, no hay nada como un lienzo en blanco. Es un patio de recreo para probar todas tus ideas y construir cualquier cosa visualmente. Ahora, con Webflow, descubrí que podía construir todo lo que había imaginado: en la web, con interacciones, animaciones y diseños aparentemente imposibles, todo sin escribir una sola línea de código — y era súper fácil mantenerlo adaptable.
Me voló la cabeza.
Una vez que tenía una idea, podía esbozarla con lápiz y papel, o saltar directamente al Diseñador de Webflow y empezar a crear una maqueta rápida, un prototipo o un diseño de alta fidelidad completo con animaciones. Y una vez que el diseño estaba listo, podía presionar publicar y enviar un enlace directamente a mi cliente para que viera el diseño del sitio.
Puedo decir honestamente que Webflow cambió mi vida.
Antes de Webflow: estaba "WordPress-dependiente"
Casi todos mis clientes querían un sitio en WordPress. Pero, por lo general, no tenían ni idea de lo que estaban pidiendo. Insistían en que su amigo o familiar tenía un sitio en WordPress y que ellos también tenían que tener uno.
Mis clientes querían sitios en WordPress porque, dado su conocimiento limitado, lo consideraban la solución al problema de necesitar un sitio web. Pero lo abordaban desde la perspectiva equivocada, porque no necesitan una plataforma, necesitan un sitio web. Y Webflow hizo posible que yo les entregara lo que necesitaban, no lo que creían querer.
Después de Webflow: pude ofrecer la solución adecuada al problema
Como diseñador web, tu trabajo consiste en recopilar los requisitos de tus proyectos y luego ofrecer soluciones a tus clientes. Una vez que tú y tu cliente tienen claro lo que se necesita, les presentas las soluciones.
Siempre ten en cuenta las sugerencias e ideas de tus clientes, por supuesto. Pero, al fin y al cabo, tus clientes acuden a ti como experto en la materia para obtener una solución. Así que tu trabajo no es entregar la solución que ellos creen querer, sino la que realmente satisface sus necesidades.
Empieza gratis
Crea sitios web personalizados y escalables, sin escribir código. Empieza a construir en Webflow.
Antes de Webflow: mi confianza en mis habilidades de desarrollo web era... baja
En aquel entonces, rechazaba muchos proyectos simplemente porque sentía que no tenía la "experiencia necesaria". No me sentía muy seguro de mis habilidades de desarrollo entre navegadores o dispositivos. Con la creciente complejidad de los dispositivos y los tamaños de pantalla acechándome, era fácil desanimarse.
Más de una vez, después de enviar un correo a un cliente para informarle sobre una actualización de diseño, recibía una respuesta con una captura de pantalla de un evidente problema de diseño. Por lo general, se debía a un prefijo de proveedor olvidado, a no haber verificado en Can I use? si la tecnología web era segura para todos los navegadores, o a algún estilo heredado que se veía raro en IE10 pero funcionaba de maravilla en Chrome.
Consejo profesional: ¡haz control de calidad a tu sitio web!
Hoy en día, recomiendo encarecidamente el uso de herramientas como Browserstack y pedir a algunos compañeros o amigos que hagan una revisión de control de calidad en tus sitios antes de enviárselos al cliente. También recomendaría añadir una fase de control de calidad a tu proceso, donde revises y corrijas los problemas relacionados con los navegadores una vez que el sitio esté cerca de su lanzamiento.
Después de Webflow: confío en mis habilidades de diseño y desarrollo web
La fiabilidad que Webflow me ha ofrecido como herramienta de diseño y desarrollo web durante los últimos años ha sido asombrosa.
No tengo que preocuparme —ni siquiera pensar— en los prefijos de proveedor. Tampoco tengo que actualizar mi navegador cada dos minutos para ver si mis nuevas líneas de CSS rompieron todo el proyecto.
Webflow ofrece una verdadera experiencia de "lo que ves es lo que obtienes". Como diseñador y desarrollador visual, puedo crear de forma fiable diseños de sitios web responsivos, dinámicos e interactivos. El trabajo que realizo en el Diseñador es, en realidad, una vista previa en vivo del sitio desde el navegador que estoy usando (ya sea Chrome o Safari).
Tanto mi velocidad de producción como la calidad de mis diseños mejoraron drásticamente tras solo unas semanas usando Webflow. Mi velocidad de creación de sitios es unas 10 veces más rápida en Webflow que en otras plataformas de desarrollo web o al programar manualmente.
Antes de Webflow: los plazos de los proyectos y los diseños de los sitios tenían niveles variables de previsibilidad
Cuando estaba atrapado modificando temas de WordPress, los plazos de los proyectos variaban tanto que resultaba difícil dar a los clientes fechas de entrega realistas. Gran parte de esta variabilidad provenía de las limitaciones de las plantillas o del proceso de encontrar un desarrollador capaz de convertir mis diseños en una plantilla de WordPress.
En proyectos más personalizados, tras completar el diseño en Photoshop u otra herramienta, terminaba entregando los archivos creativos a un desarrollador con los dedos cruzados, esperando que entregaran un sitio que fuera al menos un 85% fiel al diseño original.
A menudo volvían con preguntas sobre la funcionalidad y nos veíamos atrapados en un bucle de retroalimentación, tratando de definir cómo debía funcionar una interacción. Así que decidí aprender más sobre desarrollo web, ¡solo para poder comunicarme mejor con el desarrollador! Todo lo cual me pareció una enorme pérdida de tiempo cuando descubrí que podría haberles enviado un prototipo en vivo de Webflow desde el principio.
Solía pasar horas tratando de hacer que los diseños funcionaran. Y eso significaba que perdía mucho tiempo que habría sido mejor invertir en perfeccionar la experiencia o el flujo del usuario a través del sitio.
Después de Webflow: ¡hola, plazos de entrega fiables!
Una vez que me sentí más cómodo en el Diseñador de Webflow, crear sitios se convirtió en algo natural, casi sin esfuerzo. Podía visualizar el diseño del sitio y luego dividirlo en bloques div o widgets preconfigurados, dando estilo a cada componente según fuera necesario. Si durante o después de una iteración de diseño se necesitaba un bloque div o un elemento desplegable, ya no era un problema para mí entrar y ajustar el sitio en solo unos minutos.
Ahora que los cambios de diseño ya no eran un problema, podía dedicar más tiempo a otros detalles del sitio para ofrecer una experiencia mucho más completa. Y, aun así, ofrecer una fecha de entrega concreta que podía cumplir sin complicaciones.
Antes de Webflow: tenía que decir que no, demasiado a menudo
Decirle que no a un cliente puede ser muy difícil, especialmente cuando eres un diseñador web freelance que quiere ofrecer una solución digital integral. Pero en mis tiempos de plantillas de WordPress, tenía que decir "déjame consultarlo con mi desarrollador" o simplemente decir que no a ciertas peticiones, y eso pasaba demasiado a menudo.
¿Y qué pasa cuando le dices "no" a un cliente? Pues que no queda muy satisfecho. O, peor aún, que deja de pedirte nuevas funciones porque ha perdido la confianza en tus capacidades.
Después de Webflow: podía decir "cuenta conmigo"
A veces (vale, muchas veces), un cliente me enviaba una solicitud de diseño que me habría llevado horas o incluso días completar. Ahora, a menudo puedo realizar la actualización a los pocos minutos de leer su mensaje. Es una sensación maravillosa responder a un cliente diciéndole que la actualización ya se ha publicado en su sitio, apenas 5 minutos después de que su petición llegara a mi bandeja de entrada.
Ahora sé lo que estás pensando...
Algunos os estaréis preguntando: si no tenías tanta confianza programando, ¿por qué te vendías como diseñador web?
Supongo que se podría decir que antes de Webflow era más bien un aspirante a diseñador web, y un desarrollador web con dificultades. Cuando descubrí Webflow, pensé que era demasiado bueno para ser verdad, hasta que empecé a trastear en el Diseñador.
En una agencia, antes de conocer Webflow, trabajé con muchos diseñadores y desarrolladores con muchísimo talento, y también dediqué tiempo a crear algunos sitios para amigos o empresas. No solo pude observar y gestionar el proceso, sino que también pude adoptar y adaptar ciertos flujos de trabajo a mi propia forma de diseñar sitios web.
Aprendí muchísimo de mis compañeros, de mis amigos y, por supuesto, de buscar en Google cada problema que me surgía hasta encontrar una solución. Pero no fue hasta que comprendí realmente cómo construir un sitio de principio a fin en Webflow cuando empecé a considerarme un diseñador web de verdad.
Hoy, gracias a mi dominio de Webflow —y a la cantidad de sitios web increíbles creados con la plataforma—, tengo la confianza suficiente para llamarme diseñador web, aunque no esté programando de la forma tradicional.
La vida después de Webflow: más libertad creativa, mejores relaciones con los clientes y menos caos
Por supuesto, Webflow ha influido positivamente en mi proceso de diseño web de muchas otras formas. Pero los puntos clave para vosotros, diseñadores freelance, son:
- Webflow me dio la libertad de diseñar sitios web a mi manera, sin tener que programar
- Ya no estoy obligado a crear un sitio a partir de una plantilla
- Mis procesos de diseño y revisión se han acelerado drásticamente
- Ahora tengo el poder de decir «sí» a peticiones que antes solían entrar en la categoría de «déjame consultarlo con mi desarrollador».
Me encantaría saber cómo ha cambiado Webflow tu proceso de diseño web, así que no dudes en compartir tus preguntas y experiencias más abajo.
