Cerremos el 2022 con proyectos recientes que captaron nuestra atención.
Nuestra última selección de proyectos destacados del año incluye una gran variedad de creaciones. Sumérgete para descubrir proyectos que nos invitaron a hacer scroll, nos impresionaron con sus elecciones de color o nos animaron a clonar y experimentar.
Proyectos que te invitan a explorar
Cada uno de estos proyectos muestra decisiones de diseño que te atrapan y te mantienen haciendo clic.
otherworldspace
Otherworld es un espacio inmenso lleno de “piezas interactivas a gran escala, patios de recreo de realidad mixta y pasadizos secretos”. El sitio web que lo acompaña, creado por Eurecah, es un adelanto de la experiencia.
Nos encantan los elementos interactivos, como el botón de “arrastrar” que sigue a tu cursor y te anima a pasar las fotos. La mezcla de tipografía de gran tamaño, fotografía en primer plano y movimiento por todo el sitio resulta extraña de una forma agradable, haciendo juego con la atmósfera de la maravillosamente peculiar experiencia que promete Otherworld.
Alsjdzx
Abrir el portafolio de Han Xu se siente como revisar los archivos físicos de un detective privado.
Han presenta sus trabajos anteriores como carpetas de archivos con imágenes de proyectos que se desbordan por los bordes. El tema se mantiene en todo el sitio, con texto estilo máquina de escribir, recortes de periódico y un formulario de contacto que parece una postal.
What Should I Letter
What Should I Letter es un sitio sencillo de Rachel Kreutzkamp que solo tiene unos pocos elementos clicables, pero el botón de “nueva cita” te anima a quedarte un rato.
El sitio web genera citas de forma aleatoria o mediante filtros como empoderamiento femenino, autocuidado, humor, cultura pop y motivación. Como sugiere el nombre, las citas están pensadas para dar a los artistas de lettering frases con las que jugar mientras diseñan.
Sitios web con un uso del color potente pero sencillo
Colorido no tiene por qué significar abrumador. Todos estos proyectos dejan una fuerte impresión al mantener sus esquemas de color directos.
At Hello
At Hello de Jay Chubb te engancha de inmediato con un fondo amarillo soleado.
Cada página del sitio web de At Hello presenta un color de fondo diferente, pero mantiene la misma fuente y el color de texto negro. Usar colores de fondo únicos mientras se mantiene la tipografía constante crea una marca visual sólida.
Urbs Design
Spencer Urban’s, el sitio web de su portafolio, Urbs Design, causa impacto con solo dos colores: azul y blanco hueso.
Nos encanta que Spencer no distraiga a los visitantes con demasiadas cosas a la vez. Gracias a la tipografía grande y a la paleta de colores sencilla, podemos centrarnos fácilmente en los dos aspectos más importantes de un portafolio: los trabajos anteriores y una forma de contactar con el creador.
Allied Arts
Creado por Rafael Torquato, el sitio web de Allied Arts resalta su vínculo con el arte mediante una paleta de colores primarios.
El sitio web de Allied Arts se basa en los colores de su logotipo: rojo, azul, amarillo y verde. Los botones, iconos y sombras paralelas se ciñen a esos cuatro colores. Es un gran guiño a la propia organización, que se dedica a recaudar fondos para las artes y a promover la educación artística.
Crea sitios web que dan resultados.
Diseña visualmente, publica al instante y escala de forma segura y rápida. Todo con la plataforma de marketing web con IA de Webflow.
Kits y elementos clonables
Nos encanta ver a nuestra comunidad compartir recursos útiles y elementos clonables que ofrecen una visión entre bastidores de proyectos geniales.
Ganador del desafío de construcción rápida
El ganador del desafío de construcción rápida de Webflow Conf 2022, Felixander Yuan, convirtió todos sus proyectos del Speed Build Challenge en un elemento clonable.
Tanto si viste el Speed Build Challenge en directo como si viste la repetición, es interesante ver qué hay detrás de estas creaciones ganadoras. Clona este proyecto para experimentar con tarjetas meteorológicas, interacciones al hacer clic con el ratón y un botón que simplemente no te dejará abandonar Webflow.
T.RICKS Scroll toggle
El elemento clonable T.RICKS Scroll toggle de Timothy Ricks te permite cambiar el contenido al hacer scroll.
El proyecto de Timothy muestra tres elementos de menú: planificar, diseñar y construir. El texto y las imágenes cambian a medida que haces scroll y un subrayado te indica qué área del sitio representa el contenido. El elemento clonable también incluye un estilo diferente de intercambio de contenido: imágenes de fondo que empiezan siendo pequeñas y se agrandan al hacer scroll, como si hicieras zoom en la foto. Si quieres personalizar este elemento clonable, echa un vistazo al tutorial rápido de Timothy.
Guuulp! Illustration Kit
Si te gusta el claymorphism y las ilustraciones en 3D, te encantará el Guuulp! Illustration Kit de Lstore.
Esta colección incluye ilustraciones coloridas y divertidas que presentan muchos personajes diferentes y más de 60 iconos para proyectos de interfaz de usuario. Las ilustraciones se pueden descargar para Sketch, Figma y en formato png.
¿Qué estás construyendo con Webflow?
Si estás orgulloso de ello, ¡queremos verlo! Envía tus proyectos a Made in Webflow.
