Hemos reunido una colección de proyectos que van desde elementos clonables geniales hasta sitios web completos llenos de interacciones y sorpresas.
Aquí tienes 11 proyectos de febrero de 2022 que llamaron nuestra atención:
1. BWNT Showcase 2022 (clonable)
La Baldwin Wallace University presenta su programa de teatro musical con mucho estilo. Al desplazarte por la página, se activa una línea punteada curva con fotos del elenco que aparecen en marcos ornamentados. Este proyecto toma información básica —nombres y fotos del reparto— y la presenta de una forma divertida y única. Su creador, Mack Shirilla, incluso hizo que este proyecto fuera clonable para cualquiera que quiera personalizarlo.
Las fotos individuales son nuestra parte favorita. Al pasar el cursor sobre una foto, se activa un video rápido, haciendo que los retratados parezcan cobrar vida.
2. Vista previa automática de enlaces
Este sencillo proyecto de Dhruv Sachdev permite a los visitantes del sitio obtener una vista previa de los enlaces externos al pasar el cursor sobre el texto.
Mostrar una miniatura de la página enlazada al pasar el cursor permite a los visitantes previsualizar el sitio web externo sin abandonar el tuyo. Es una forma ingeniosa de ofrecer información sobre el enlace sin interrumpir la lectura.
3. Gemini Skincare
Zorro Web Design creó una experiencia fluida en el sitio web de Gemini Skincare. Los colores suaves y las formas amorfas resaltan las fotos de personas con una piel radiante, haciendo que las imágenes de sus productos en uso sean las protagonistas.
Este sitio web también cuenta con una tipografía de gran tamaño combinada con líneas curvas que crean una sensación de movimiento en todo el diseño.
4. Yes, Chef! Studio
Aunque el sitio web de Yes, Chef! de OK Micah mezcla varios colores, fuentes y estilos, el resultado es una experiencia agradable y coherente.
La incorporación de una variedad de estilos crea momentos interesantes, atrayendo la mirada hacia elementos como la fuente pixelada en la barra de menú o el icono de ráfaga giratoria que aparece al pasar el cursor sobre las diferentes opciones de servicio. También nos encanta que este sitio web de estudio mantenga la temática de restaurante en todo momento, etiquetando los servicios como "especialidades" y describiendo a la empresa como "un pequeño estudio con un gran apetito".
5. Get Good At
Para el primer episodio de Get Good At —un podcast sobre intentar volverse bueno en algo en 2 semanas—, los creadores intentaron "volverse buenos" creando un sitio web, y este proyecto es el resultado.
Nos encantan los colores brillantes y los iconos de este sitio web. Los mensajes al estilo teletipo añaden un toque divertido con reflexiones graciosas y a veces aleatorias como "Me tomó mucho tiempo hacer esto" y "Los plátanos son blandos". Está claro que es un trabajo en progreso, lo cual encaja perfectamente con la marca del podcast Get Good At. Asegúrate de escuchar el primer episodio o leer sobre el proceso de creación para aprender cómo los creadores construyeron este sitio en solo 2 semanas.
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.
6. Sitio web de portafolio - Victor Onwuzuruike
El portafolio de Victor abre con un fondo colorido y un autorretrato ilustrado. Aunque se centra en el diseño de producto y UI/UX, Victor también integra sus habilidades como ilustrador y diseñador de movimiento 2D en todo el sitio.
Este portafolio presenta solo unos pocos proyectos destacados, lo justo para darte una idea de lo que Victor puede hacer sin abrumarte. También nos encanta que le dé un toque especial a los testimonios de sus clientes usando un degradado en tonos azul verdoso, morado y azul.
7. Botón de amor (Clonable)
Este botón de corazón pixelado tuvo tanto éxito en nuestro resumen del año 2021 que el equipo decidió compartir el amor —juego de palabras incluido— y convertirlo en un elemento clonable.
Cada vez que haces clic en el botón de amor, un corazón rojo o rosa cae desde la parte superior de la pantalla y rebota antes de quedarse en la parte inferior. Puedes jugar con este proyecto personalizable cambiando los colores, sustituyendo los corazones por otra forma y ajustando la velocidad. ¡Hazlo tuyo!
8. Parallel
El estudio creativo Parallel se especializa en contenido interactivo, así que no es de extrañar que incorporen interacciones sutiles en todo su sitio, empezando por la esfera naranja desenfocada que sigue a tu cursor.
Las imágenes de los trabajos seleccionados responden al pasar el ratón por encima, acercándose ligeramente y cambiando el cursor a una flecha. Más abajo en la página, el texto gris se vuelve blanco al hacer scroll, como si un marcador resaltara las letras a medida que avanzas.
9. JUO
El sitio web de JUO, creado por Halo Lab, es tan elegante como los muebles que muestra. La página de inicio tiene un fondo precioso que cambia sutilmente de un degradado oscuro a uno claro. Al hacer scroll, las imágenes se desplazan suavemente, haciendo que el sitio parezca una galería virtual.
A lo largo de la página, notarás interacciones sencillas como botones que se convierten en animaciones y sombras que aparecen bajo las fotos al pasar el cursor. Este sitio ofrece una experiencia limpia y profesional de principio a fin.
10. Portafolio personal - Rob Green
El portafolio de Rob Green es único, divertido y funcional. Se abre con un adorable dibujo en blanco y negro: una pequeña criatura amorfa que cobra vida al hacer clic en ella. Tras una rápida animación, la página se transforma en un escritorio de estilo retro, con fondo de papel cuadriculado y tres carpetas de archivos.
En lugar de enlazar las carpetas a nuevas páginas, Rob hace que se abran como elementos arrastrables en la página de inicio. La mayoría de los sitios de una sola página dependen del scroll vertical u horizontal, por lo que este enfoque creativo resulta muy refrescante.
11. Historia do Design
Historia do Design —la historia del diseño en portugués— es un sitio impresionante lleno de pequeñas sorpresas que aparecen como si las iluminaras con una linterna.
A medida que recorres la línea de tiempo, disfrutarás de ilustraciones y animaciones junto a datos históricos. Las transiciones fluidas, los dibujos encantadores y los efectos ingeniosos, como tarjetas que se voltean e ilustraciones que se mueven al hacer scroll, hacen que este sitio sea una experiencia inmersiva.
Muestra tu trabajo
Si tienes un proyecto del que te sientas orgulloso, ¡asegúrate de enviarlo a Made in Webflow! Podrías ver tu trabajo en el resumen del próximo mes.
