Este mes todo gira en torno a las decisiones de diseño atrevidas.
Para nuestra selección de proyectos de julio de 2022, elegimos aquellos que hacen un uso excelente de la animación, apuestan por una tipografía con carácter o presentan un negocio profesional a través de un diseño ingenioso.
Aquí tienes nuestro resumen.
Proyectos con animaciones cautivadoras
Añadir movimiento a un sitio web puede ser una forma fantástica de captar la atención de los visitantes y dejar huella.
Rachel Bavaresco
El sitio web de Rachel Bavaresco nos recibe con una pantalla de carga animada, marcando el tono de su portafolio de animación 2D, diseño gráfico, diseño de movimiento e ilustración.
Este sitio, creado por Mason Pajunas, demuestra a la perfección la capacidad multidisciplinar de Rachel. Justo debajo del pliegue, verás fragmentos de vídeo de su carrete, seguidos de imágenes estáticas de sus trabajos seleccionados. Las imágenes cobran vida al pasar el cursor sobre ellas, como si fuera un resumen destacado de cada proyecto.
Rompecabezas de animaciones al pasar el cursor (clonable)
Hover Animations Puzzle es un elemento clonable sencillo de Bryce Tanner que puede utilizarse para diversos fines.
Mover el cursor del ratón por la página activa la animación cuadrado a cuadrado para revelar una imagen. Una vez activado, cada cuadrado permanece visible unos segundos antes de desvanecerse de nuevo a blanco. Este recurso clonable es ideal para generar expectación ante un anuncio o una imagen especial.
Stephanie Ma
La diseñadora visual Stephanie Ma abre su portafolio con lo que parece una página de unir puntos. Y aunque no puedes unirlos realmente, una línea curva sigue a tu cursor mientras te mueves por la pantalla.
Cada punto corresponde a un proyecto y, al pasar el cursor sobre él, aparece una vista previa animada del trabajo. Stephanie mantiene el tema incorporando la interacción del cursor por todo el portafolio. Añadir ese toque lúdico a su sitio web crea una experiencia mucho más atractiva para cualquiera que explore su trabajo.
Si estos proyectos te animan a añadir movimiento a tu próximo diseño, asegúrate de tener en cuenta la accesibilidad y diseña tanto para quienes prefieren el movimiento como para quienes no.
Proyectos con una tipografía destacada
La forma en que organizas el texto y combinas las fuentes puede marcar una gran diferencia en tu estética general. Estos proyectos impactan visualmente gracias a sus fuentes únicas y tipos de letra de gran tamaño.
It’s Chris
El diseñador Chris Nelson capta tu atención con un texto grande y pixelado que anuncia quién es y a qué se dedica.
La tipografía pixelada y los colores brillantes le dan a todo el sitio web un aire de diseño web de los 90 con toques modernos. Chris también juega con la animación: pasa el cursor sobre cualquier nombre de proyecto y las letras se desplazarán hacia arriba mientras aparece una miniatura del mismo.
Ekilab
Ekilab combina una tipografía de gran tamaño con un diseño minimalista.
Este sitio web de una sola página te mantiene haciendo scroll al limitar la cantidad de texto que ves. Si te cansas de bajar, también puedes usar el menú de la izquierda para saltar a la sección que te interese.
Jade Sheng
La diseñadora visual, ilustradora y directora de arte Jade Sheng se especializa en tipografía, así que no es de extrañar que su portafolio presuma de sus habilidades.
El sitio web de Jade se siente como un currículum interactivo. Puedes desplazarte por él o usar la navegación lateral para ver diferentes tipos de trabajos, incluyendo tipografía original, experimentos de diseño e ilustraciones.
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.
Proyectos con profesionalismo divertido
¿Quién dice que profesional tiene que ser aburrido? Cada uno de estos sitios web muestra un diseño divertido para negocios profesionales.
My Design Buddy
My Design Buddy presenta un resumen de lo que hacen con colores pastel y descripciones rápidas dentro de formas que parecen pegatinas.
Explorar el sitio se siente como hojear el cuaderno de alguien gracias a los garabatos que rodean el texto. Aunque el diseño y la elección de colores son caprichosos, My Design Buddy describe bien su trabajo y experiencia, logrando un equilibrio perfecto entre trabajo y diversión.
Snackable Copy Tips
Tanto el diseño como el texto de Snackable Copy Tips se sienten divertidos a la vez que ofrecen mucha información útil.
Un sutil efecto de animación hace que el fondo parezca estática, y las fotos en blanco y negro están acentuadas con añadidos graciosos como ojos saltones o labios rojos brillantes. El texto también es peculiar, con frases como "conviértete en un as del copywriting con estilo" y "lecciones rápidas ideales para quienes aprenden visualmente".
OH! she sells
El sitio web de OH! she sells, diseñado por Sandra Junker, está lleno de colores brillantes y patrones divertidos, algo que normalmente no esperarías de un sitio web de ventas y gestión de marketing.
Por todo el sitio verás patrones llamativos y diseños caricaturescos que te harán sentir como si estuvieras caminando por una casa de la risa. OH! she sells equilibra un diseño cargado con textos claros que explican sus servicios y te invitan a contactar para saber más.
Sigue compartiendo tus trabajos hechos en Webflow
¡Siempre estamos atentos a las nuevas presentaciones en Made in Webflow, y nuestra comunidad también! La próxima vez que crees algo de lo que te sientas orgulloso, asegúrate de enviarlo a la colección Made in Webflow.
