Desde moteles interdimensionales hasta agencias de diseño con enfoque feminista, aquí tienes 14 sitios web creados en Webflow que llamaron nuestra atención este mes de mayo.
Últimamente, nos han inspirado sitios web que apuestan por una estética potente y que realmente se inclinan hacia prácticas de diseño poco convencionales. Echemos un vistazo más de cerca a 14 sitios web creados en Webflow que encarnan el espíritu de romper moldes.
1. Madcap Motel
Según cuenta la leyenda, la época dorada del Madcap Motel como el "destino de carretera por excelencia de Los Ángeles" llegó a un abrupto final cuando su fundador, JP Sando, desapareció en 1966. Durante los siguientes 53 años, el motel permaneció tapiado y abandonado, hasta que en 2019 sus nietos decidieron restaurar el querido negocio familiar.
Aquí es donde todo se vuelve extraño. Empezaron a llegar misteriosas postales de su abuelo desaparecido, revelando un portal oculto a otra dimensión en la habitación 433. Ahora, los nietos se han propuesto abrir el portal al público y ofrecer una experiencia hotelera fuera de lo común, que incluye túneles que distorsionan el tiempo, muebles flotantes y otros elementos absurdos.
La experiencia no comienza solo cuando llegas. Con un diseño lleno de locuras de mediados de siglo, como cámaras polaroid, coches aparatosos y gente de vacaciones vestida de poliéster, te sumerges en el mundo del Madcap Motel desde el segundo en que entras en el sitio web.
Más allá del diseño, Madcap Motel utiliza estrategias de registro eficaces, como múltiples llamadas a la acción. Independientemente de dónde te encuentres en el sitio, hay un botón de acción en cada bloque de contenido. Para las reservas, Madcap Motel facilita el proceso de compra con un calendario interactivo que muestra todos los días disponibles.
2. Poparazzi
Poparazzi es una de las aplicaciones más populares en la App Store de EE. UU. Su sitio abre con una declaración contundente y concisa: "Sé el paparazzi de tus amigos".
Al desplazarte hacia abajo, descubres la funcionalidad de la aplicación y todo lo que tiene para ofrecer. Los amigos actúan efectivamente como paparazzi entre sí, permitiendo que la gente publique "pops" en sus perfiles y capture la diversión y la emoción en cualquier momento.
3. The Quadrant
Con una imagen principal que muestra a una gaviota descarada y el texto "Un peculiar bar independiente de Brighton", sabemos de inmediato que The Quadrant es mucho más que un aburrido bar de barrio.
A solo un breve desplazamiento de esta colorida apertura, el sitio web de The Quadrant nos ofrece una mirada detallada a sus eventos, una colaboración con la tienda de pollo frito vegano Really Happy Chicken, sus horarios de apertura y sus publicaciones recientes en Instagram. En general, The Quadrant destaca con un diseño tan poco convencional como la comedia que se vive en su escenario.
4. Plantilla de página de destino para productos SaaS
Creada por John D Saunders, "la página de destino para productos SaaS" es una plantilla bien diseñada para empresas de software que puedes clonar gratis.
Este recurso clonable está repleto de todos los elementos básicos que cualquier empresa SaaS necesitaría para montar su sitio web. Incluye una sección principal con un botón de llamada a la acción (CTA) destacado, una sección de tres columnas para mostrar los servicios de la empresa y un espacio para testimonios y preguntas frecuentes (FAQ).
Todas estas piezas encajan a la perfección, con un buen sentido del espacio, un diseño limpio y una tipografía inteligente. Hay muchas oportunidades para personalizar esta plantilla y reflejar mejor una identidad de marca única: un punto de partida perfecto para cualquier empresa SaaS.
5. Alex Fisher Design
Puede ser fácil para un diseñador crear material de marca o marketing para sus clientes, pero cuando llega el momento de promocionar nuestras propias habilidades, el camino correcto puede no estar tan claro. En este portafolio, Alex Fisher se centra en su experiencia como ilustrador, mostrando su talento tanto en los proyectos destacados como en el diseño mismo del sitio.
Alex es un ilustrador que encuentra una gran inspiración en el mundo natural, además de tomar referencias de las bellas artes. Esta sensibilidad se refleja en el diseño, que abre el portafolio con un exuberante lecho de flores y una tipografía inspirada en el Art Nouveau.
Además de contar con ejemplos brillantes de las ilustraciones de Alex, este portafolio tiene mucha acción. Efectos de desplazamiento parallax, transiciones animadas y otros elementos dinámicos están presentes en todo el sitio.
Para cualquiera que esté intentando descifrar cómo armar su propio portafolio, el de Alex Fisher es un ejemplo fantástico de cómo crear un sitio web que capture la creatividad, el estilo personal y la excelencia en el diseño.
6. RYTHM
RYTHM es una plantilla gratuita de Webflow que no solo se ve genial, sino que también aprovecha el poder de Webflow CMS.
Con un enfoque en agencias creativas, cuenta con todos los elementos de diseño y la funcionalidad que una agencia podría necesitar. Somos especialmente fans de la sección de proyectos destacados al final de esta página de inicio. Esta sección aprovecha los elementos visuales de cada proyecto y utiliza una sutil animación al pasar el cursor para resaltar cada imagen.
Para aquellos que buscan un diseño web dinámico que utilice Webflow CMS, RYTHM podría ser exactamente la plantilla que están buscando.
7. Violet
Muchos sitios web de atención médica son tan cálidos y acogedores como la cafetería de un hospital. Violet se libera de la sensación clínica y estéril de los sitios médicos con un diseño web lleno de colores brillantes e ilustraciones divertidas.
Casi cada momento del desplazamiento revela un nuevo elemento visual. Los colores de fondo cambian, las formas y líneas bailan por la pantalla y aparecen diferentes ilustraciones. Todo se une manteniendo la coherencia con su mensaje central de positividad y cuidado.
Violet es un gran ejemplo de lo efectivo que puede ser un diseño web para crear un ambiente cálido y amigable para el visitante.
Diseña interacciones y animaciones sin escribir código
Crea interacciones y animaciones complejas sin tener que tocar ni una línea de código.
8. Mike Murphy
Comenzando con una marcha de timbales, un triunfal crescendo de cuerdas y un castillo imponente que aparece gradualmente, el sitio web del portafolio de Mike Murphy se siente como la escena inicial de una película. Estamos aquí al comienzo del viaje de un héroe, no de un caballero con armadura, sino de la historia de Mike como animador.
Mike ha trabajado en películas como El Señor de los Anillos, El gigante de hierro y Harry Potter. Como resultado, se ha inspirado en su experiencia cinematográfica para crear este portafolio. Este sitio web es un éxito de taquilla lleno de acción constante con desplazamiento horizontal, formas de fondo que se transforman, animaciones de texto activadas por el desplazamiento y una narrativa cautivadora sobre su trayectoria profesional.
9. Faker Agency
Al abrir con el encabezado "Unreal Authentic Branding" en la tipografía poco convencional Tan Paradiso, entendemos de inmediato que Faker es una agencia que no teme hacer las cosas fuera de las convenciones estándar del marketing y el diseño. Su declaración de misión, "Ayudamos a grandes empresas a convertirse en marcas digitales auténticas con actitud", enfatiza este espíritu.
Con una lista de clientes que incluye un fabricante de jugos prensados en frío, un fabricante de trajes de neopreno y una empresa de diseño de interiores, Faker logra mostrar la gran variedad de clientes con los que ha trabajado. Para empresas de nicho, inventivas y fuera de lo común, está claro que Faker es la opción perfecta.
Su diseño web refleja su enfoque poco ortodoxo. Con un fondo marrón, texto rosa y proyectos que se desplazan de un lado a otro, Faker adopta un estilo de diseño excéntrico para reflejar sus propias perspectivas únicas. Este sitio recibió una mención honorífica en el Site of the Week de Awwwards.
10. Shift
Shift ofrece una experiencia en línea sencilla para quienes buscan comprar un vehículo nuevo.
El diseño de su sitio web presenta líneas limpias y una estética fresca y cercana. Existe una gran sensación de orden y organización, lo que facilita que los compradores identifiquen el coche, la marca y el modelo que buscan.
Si estás creando una tienda online de cualquier tipo, Shift es un ejemplo fantástico de cómo diseñar una que mantenga a los clientes en el centro de la experiencia.
11. The Agency
Hablemos del cursor. Es un elemento que suele pasar desapercibido, ya que la mayoría de los diseñadores se resignan a que nunca será más que una simple flecha utilitaria. The Agency es una plantilla que nos muestra el potencial del cursor para convertirse en una parte integral de la experiencia de usuario.
En este diseño elegante y moderno, el cursor se vuelve un elemento activo del sitio web con un círculo que resalta su posición en la página. Al navegar por la plantilla, el círculo reacciona al pasar el ratón. Se transforma en una llamada a la acción, indicando al usuario que "arrastre" ciertos elementos o mostrando un enlace activo para ir a otra parte, como la sección "Sobre nosotros".
Siempre nos encanta ver a diseñadores que toman algo común y le dan un giro fresco y original.
12. Creator Sessions
Ya sea música, fotografía, pintura u otra forma de expresión artística, la mayoría de los diseñadores tienen otras vías creativas. Esta es una de las muchas razones por las que nos encanta Creator Sessions.
Creator Sessions organiza eventos online que ofrecen una mirada íntima al trabajo de diversos cineastas, artistas, músicos y otros creativos.
El diseño del sitio web está muy bien ejecutado, con una variedad de tipografías de diferentes tamaños y una elegante combinación de colores negro y beige. Creator Sessions apuesta intencionadamente por un diseño y una paleta de colores sobrios para que los artistas y creativos destacados sean los verdaderos protagonistas.
Es fácil pasarse de la raya con un diseño que eclipsa el contenido. Creator Sessions es un gran ejemplo de cómo lograr el equilibrio perfecto.
13. Community Club
Community Club ofrece recursos e información para gestores de comunidades y otras personas involucradas en la creación de comunidades. El sitio cuenta con secciones dedicadas a herramientas y software, una bolsa de trabajo y un foro bien organizado para conectar con otras personas interesadas en el ámbito comunitario.
Nos impresiona la sencillez del sitio, su disposición en cuadrícula y su cuidada combinación de colores. Es una web fácil de usar que permite a los usuarios encontrar rápidamente la información y los recursos que necesitan, sin perderse en una interfaz demasiado compleja.
14. Studio Jayne
Hay muchas agencias haciendo un gran trabajo de diseño, pero cuando encontramos una con un enfoque socialmente responsable, nos llama la atención.
Studio Jayne no es la típica agencia de diseño; tienen la misión de empoderar y apoyar a las mujeres. Su trabajo se centra en erradicar la violencia doméstica, defender el derecho a decidir y eliminar la trata de personas.
Libera tu creatividad con Webflow
¿Te sientes inspirado? ¡Genial! No dejes de visitar nuestro escaparate, foros y tutoriales para ayudarte a alcanzar tus sueños como diseñador. Estamos deseando ver lo que creas.
