Al construir un sitio, siempre buscamos diversos elementos o efectos para incorporar, haciendo que el diseño sea más funcional y atractivo. Sin embargo, debido a la cantidad de proyectos que tenemos, a veces se complica el diseño o cada elemento de interfaz de usuario. Es por esto, que hoy les comparto sitios que tienen recursos gratuitos para Webflow. La clave está en que después de copiar estos elementos, se deben editar para que sean consistentes y acordes al diseño e identidad de marca que se trabaja. Empecemos:
Este genial proyecto hosteado en WF, recoge todos los proyectos clonables dentro de la plataforma. Aquí podrás encontrar sitios completos, elemento de UI, interacciones y en cierto casos integraciones con código. Lo mejor es que siempre puedes ir al sitio oficial de Webflow, ver el proyecto y hablar directamente con quién lo hizo para aclarar dudas o darle las gracias por hacerlo público.
The digital bake es un proyecto personal de Aaron Grieve que incluye varios tipos de recursos gratuitos para iniciarse en Webflow. Si bien, en general nunca termino usando estos, me sirven muchas veces como un punto de partida para empezar a diseñar, buscar inspiración o incluso utilizar para rellenar espacios de forma rápida.
Web dev for you es otro excelente sitio con más de 135 integraciones gratuitas y listas para clonar. Entre ellas nos entregan ejemplos de barras de navegación, tarjetas para el equipo, menús, botones de redes sociales, y en fin, todo tipo de elementos que tengan micro interacciones o pequeñas animaciones que ayudan a que tu sitio tome vida.
Más que recursos gratis, en the style guide nos entregan una guía visual de estilos para diseñar en WF. Si bien es bastante simple, se puede usar como un punto de partida para los conceptos básicos de interfaz de usuario. Lo importante de tener este inicio, es que se busca generar una consistencia en el diseño, de forma que el usuario sepa a qué se enfrenta cada vez que se van repitiendo elementos como títulos, párrafos o formularios.
Flowbase es una web que tiene recursos para Webflow muy similar a showcase research. La diferencia es que contiene menos elementos, pero todos de buena calidad. Aquí podrás encontrar templates, componentes y herramientas pequeñas para añadir. Incluso se incluyen videos y tutoriales para aprender a editar y hacer estos elementos desde cero.
Esta página con formato de blog incluye videos, artículos y elementos clonables. Es un bien punto de partida y lugar para estar actualizado con los nuevos recursos que se van subiendo. LA comunidad es muy simpática y su sección de videos es de las mejores.
Al final del día los recursos gratuitos son una ayuda o punto de partida para comenzar el diseño. Sin embargo, para realizar sitios web realmente personalizados se requieren muchas horas de práctica y conocer la herramienta a fondo. La interfaz de usuario es importante, pero nunca se deben dejar de lado las piezas gráficas y una buena planificación de la experiencia del usuario, ya que estos dos elementos nos ayudarán a guiar a los usuarios y retenerlos en nuestro sitio. Espero que les sirvan estos datos y ¡les deseo un buen inicio del 2020!
Si tienen alguna duda o pregunta con WF, no dudes en contactarnos vía correo electrónico o por DM en Instagram.
Pequeño artículo en donde te contamos las ventajas de trabajar con Webflow para desarrollar sitios web modernos y competitivos.
Recursos gratuitos que encontramos en línea para construir mock-ups y sitios web en Webflow. ¡Disfruten!