Product Hunt es el lugar al que acude la industria tecnológica para lanzar nuevos productos, lo que lo convierte en una excelente colección curada de herramientas, aplicaciones y otros recursos. ¿Y adivina qué? Varios fueron diseñados en Webflow o están alojados en él. Aquí tienes 11 de nuestros favoritos, incluidos algunos perfectos para diseñadores como tú.
1. Humaaans
Las ilustraciones personalizadas evitan que un diseño se convierta en una rígida mezcla de imágenes y texto, a la vez que añaden un toque de personalidad. Pero no todo el mundo sabe dibujar o tiene presupuesto para contratar a un artista. Ahí es donde entra Humaaans.
Pablo Stanley, el diseñador y artista responsable del divertidísimo cómic “The Design Team”, creó una biblioteca gratuita de ilustraciones estilizadas de seres humanos. Puedes personalizar sus posturas, ropa, colores y peinados, añadir fondos y combinar varias ilustraciones para crear escenas.
Y nos alegra ver que Pablo utilizó Webflow para crear su sitio web. Echa un vistazo más de cerca o clona el sitio desde el Webflow Showcase.
2. Outsite
Ser freelance significa tener la flexibilidad de irte a trabajar donde quieras. El problema es que puede ser difícil encontrar un lugar donde alojarse y, a la vez, ser productivo. Outsite resuelve este problema con alojamientos en varias ciudades que no solo son lugares para dormir bien, sino que también están equipados con espacios de trabajo adecuados. Han creado una buena red de espacios de convivencia y acceso a recursos como grupos de Facebook y canales de Slack, que hacen que vivir la vida de un creativo nómada sea fácil.
Con una paleta de colores clara y divertida, este diseño captura la libertad del viaje sin perder de vista el lado práctico de asegurarse de que tendrás lo necesario para realizar tu trabajo remoto.
3. Paste by WeTransfer
Lanzada por 53, los creadores de Paper by 53, antes de unirse a WeTransfer, Paste es una práctica aplicación de presentaciones que se centra en la colaboración y en simplificar la creatividad. Facilitan que los miembros del equipo contribuyan e incluyen una útil integración con Slack para fomentar la colaboración.
El diseño del sitio utiliza vídeos y animaciones para mostrar cómo funciona su aplicación. El texto que lo acompaña va directo al grano y une todo para comunicar claramente las ventajas de utilizar su aplicación.
4. Podia
Nos encantan los emprendedores y quienes los apoyan. Uno de nuestros favoritos de todos los tiempos es Mackenzie Child, cuya plataforma Podia ofrece a las personas las herramientas para generar nuevas fuentes de ingresos a través de cursos online de pago, suscripciones y descargas digitales.
La página de inicio tiene un gran cuadro de llamada a la acción para iniciar una prueba de 14 días. Ofrecen la información justa y un vídeo de adelanto para que queramos registrarnos. El resto del diseño ofrece detalles más específicos sobre lo que diferencia a su producto.
La estética sencilla del sitio se complementa con las peculiares ilustraciones dibujadas a mano por Mackenzie para mostrar la personalidad de la marca.
5. Cards Webflow UI Kit
Los diseños basados en tarjetas ofrecen a los diseñadores una forma sencilla de presentar y organizar el contenido, pero si eres nuevo en el diseño, crearlos puede resultar abrumador. El kit de interfaz de usuario Cards de Webflow de Jan Losert —¡quien acaba de unirse al equipo de Webflow!— te ofrece una variedad de tarjetas, junto con todos los elementos habituales de una guía de estilo web, listos para copiar y pegar en tus propios proyectos. Esto es lo que nos encanta de la comunidad de Webflow: está llena de personas que se ayudan mutuamente a mejorar en el oficio del diseño.
¿A quién no le gusta algo gratis? Clona tus propias plantillas de tarjetas desde la página de Showcase de Webflow.
6. Payable
Si contratas a trabajadores independientes o freelancers, puede ser complicado gestionar los pagos y otra información financiera necesaria para la temporada de impuestos. Payable ofrece una solución de software que agiliza el proceso de pagar a tus empleados y realizar un seguimiento de los detalles importantes.
Su diseño cuenta con mucho espacio en blanco para que las capturas de pantalla de su aplicación en acción tengan más impacto. La disposición directa muestra cómo funciona Payable de una manera lógica. Y para cualquier diseño que presente una aplicación o software, el "cómo" es una de las piezas más importantes a comunicar.
El proceso de diseño web moderno
Descubre los procesos y herramientas detrás de los sitios web de alto rendimiento en este libro electrónico gratuito.
7. Homerun
La tecnología, independientemente de tu campo, está aquí para facilitarnos las cosas. Homerun, con sede en Ámsterdam, ofrece a los reclutadores las herramientas que necesitan para captar nuevos candidatos.
Este diseño —lleno de color, tipografía llamativa, iconos sencillos y fotos brillantes— logra el equilibrio perfecto entre el aspecto visual y la información práctica sobre su software. También hay algunas microinteracciones geniales para mantenernos enganchados al diseño.
8. Torch
La realidad aumentada (RA) ha dado lugar a la creación de muchos juegos y aplicaciones interesantes, y a más razones para quedar absortos ante esa pantalla brillante que llevamos en la palma de la mano. La aplicación Torch AR permite a los diseñadores crear prototipos y aplicaciones sin saber programar, ¡algo que nos encanta!
El diseño del sitio incluye mucho contenido de vídeo que muestra a personas interactuando con animaciones de RA y los tipos de aplicaciones que puedes crear. Los titulares de las secciones son claros y el texto complementa y explica el vídeo. Este diseño gira en torno a la acción y el movimiento, igual que la RA.
9. AltSchool
La tecnología ha permitido reconceptualizar muchas instituciones tradicionales, incluida la educación. AltSchool es una plataforma educativa para que las escuelas enriquezcan la experiencia de aprendizaje de los estudiantes mediante nuevos métodos.
La educación trata sobre las personas y este sitio web hace mucho por personalizar su producto como una solución de aprendizaje centrada en el estudiante. Incluyen muchas imágenes de alumnos junto con razones concretas de cómo su plataforma beneficiará a las escuelas.
10. Markforged
Las impresoras 3D han avanzado hasta el punto de ser prácticas para aplicaciones industriales. Markforged fabrica impresoras 3D capaces de crear piezas que antes debían mecanizarse. Con imágenes de maquinaria y un uso generoso del gris, el diseño evoca el metal y el proceso de fabricación. Además del aspecto gráfico, hay mucha información de fondo y casos de estudio sobre cómo sus impresoras 3D han aportado soluciones a sus clientes.
Incluso para quienes no necesitan una impresora 3D de grado industrial, los diversos ejemplos de maquinaria seguro deleitarán a cualquier fanático de la tecnología.
11. WritKit
Crear un blog de calidad requiere mucho trabajo: investigar el tema, escribir un borrador coherente e integrar palabras clave relevantes. WritKit es un sitio web que selecciona herramientas para ayudar a que el proceso de escribir un blog sea más fluido.
La página de inicio es un diseño sencillo de una sola página que enumera los pasos del proceso de escritura de un blog. Al pasar el cursor sobre cada bloque, aparecen las herramientas específicas que han recopilado para apoyar cada paso. Es una colección bien organizada de herramientas a las que puedes acceder inmediatamente, sin importar en qué etapa te encuentres.
Webflow te da las herramientas para ayudar a tu audiencia
¿Tienes un producto o servicio, o quieres crear tu propia colección de contenido para personas con intereses similares? Webflow democratiza el diseño web y te brinda las herramientas necesarias para lanzar un sitio que se ajuste a tu visión creativa.
Nos encanta ver cómo los sitios creados con Webflow llegan a plataformas como Product Hunt, ¡y estamos deseando ver qué nuevas creaciones hechas con Webflow aparecerán por allí!
