Sumérgete en estos proyectos frescos que exhiben una gran variedad de estilos de diseño.
Este mes destacamos proyectos que demuestran una identidad visual sólida, interacciones divertidas y una navegación centrada en la narrativa.
Portafolios personalizados
Explora tres portafolios que muestran los estilos únicos de sus creadores.
Oscar Dykeman
Aviso de fotosensibilidad: parpadeo al cargar.
Oscar Dykeman le da a su portafolio un aire cyberpunk con efectos de glitch, contrastes de color intensos y una estética atrevida.
El nombre de Oscar aparece en letras tipo globo con fuente de grafiti que se mueven al ritmo de tu cursor. A medida que bajas por la página, aparecen vistas previas de varios proyectos, con los nombres de estos revelándose al pasar el ratón. Cada página de proyecto incluye un resumen del trabajo junto con una lista rápida de las responsabilidades de Oscar, como composición fotográfica, renderizado 3D de productos, retoque fotográfico, diseño gráfico, dirección creativa, packaging, etc. Esta organización facilita que los clientes potenciales revisen rápidamente las habilidades, el estilo y los resultados de Oscar.
Pedro Matas Chaves
Pedro Matas Chaves abre su portafolio con un titular directo: "Diseñador multidisciplinar centrado en branding y medios digitales", e información clave como sus años de experiencia y disponibilidad laboral en la parte superior de la página.
Pedro ofrece una visión clara de quién es y qué hace desde el primer momento, y luego te invita a echar un vistazo a su trabajo haciendo scroll. Para mantener el contenido fresco, incluye algunos proyectos destacados en un carrusel de fotos. Debajo de las imágenes, verás un archivo de proyectos anteriores con etiquetas como identidad visual y UX/UI.
Esmeralda Studios
Enkhmaa, de Esmeralda Studios, añade toques de su personalidad con un logotipo compuesto por plantas moradas y una mano animada haciendo el signo de la paz en su página de inicio.
Enkhmaa divide sus ejemplos de trabajo en dos categorías: galería y estudios de caso. Su galería es una exploración visual de su estilo, sin descripciones. Los estudios de caso, por otro lado, incluyen un resumen y una tabla de contenidos que cubre áreas clave como visión general de la marca, resumen del proyecto, guía de estilo, maquetas de marca, investigación UX, diseños UI y vídeos de demostración. Organizar la información de esta manera permite a los clientes potenciales obtener toda la información que deseen, ya sea leyendo todo el contenido o saltando a secciones específicas.
Elementos interactivos clonables
Experimenta con estos elementos interactivos clonables para añadir detalles geniales y atractivos a tu próximo diseño.
Sintetizador de audio con teclado interactivo
El estudio de diseño Roem creó un teclado sintetizador clonable con sonidos DuoSynth que se puede tocar tanto con el ratón como con el teclado (del ordenador).
El teclado minimalista es divertido de tocar por sí solo, pero Roem también incluye una explicación sobre cómo incorporar el teclado en tus propios proyectos.
Cursor recortado con vídeo de fondo
El proyecto de efecto de cursor recortado de Eloy Be muestra un círculo a modo de ventana animado mediante interacciones nativas de Webflow que sigue al ratón por toda la pantalla.
Gracias a los modos de fusión de CSS3, Eloy hizo que el fondo se vea a través de la ventana —como si miraras por un portal en movimiento— y añadió un vídeo hipnótico de líquido marmolado verde. También puedes cambiar a "cálido" para pasar a una paleta de colores rojos.
Portafolio en espiral 3D
Dale una vuelta al portafolio en espiral 3D para ver cómo un carrusel de imágenes se desplaza en una espiral ascendente.
Esta interacción, sencilla pero impactante, quedaría genial en el sitio web de un fotógrafo o cualquier otro artista visual. También es una forma única de mostrar fotos de productos.
Empieza gratis
Crea sitios web personalizados y escalables, sin escribir código. Empieza a construir en Webflow.
Narrativa inmersiva
Echa un vistazo a algunos proyectos que te atrapan contando una historia a través del diseño.
Fern: del amanecer al anochecer
Navegar por la web del restaurante de lujo Fern es casi como hacer una visita virtual que comienza con un resumen del ambiente del local, seguido de una gran foto de su interior.
A medida que bajas por la página, recorres los menús de desayuno, comida y copas para después del trabajo. El orden cronológico marca el ritmo, llevándote a través de un día en el restaurante Fern, desde que abre hasta que cierra.
Animación de desplazamiento interactivo a página completa
La animación de desplazamiento interactivo a página completa de Ashish Kumar es un adelanto de un proyecto de sitio web narrativo más amplio.
Este proyecto utiliza interacciones activadas por el desplazamiento para que las páginas parezcan deslizarse hacia la derecha o hacia arriba mientras el fondo cambia de color. También aparecen bocadillos de texto gradualmente, lo que da la sensación de que estás manteniendo una conversación mientras exploras.
Finsweet-island-d3
Sean Armstrong creó Finsweet-island-d3 para practicar sus habilidades narrativas, y el resultado es un sitio ilustrado y divertido que parece un libro de cuentos.
El desplazamiento horizontal hace que navegar por el sitio sea como pasar las páginas de un libro dividido en tres capítulos. Tú controlas el movimiento de la historia —hacia adelante o hacia atrás—, la velocidad y el progreso con el scroll, lo que convierte la experiencia en algo muy dinámico.
Envía tu trabajo a Made in Webflow
Tanto si tienes un sitio web completo como si estás experimentando con elementos clonables, ¡a la comunidad de Webflow le encantaría verlos! Envía tu trabajo a Made in Webflow para conectar con otros creadores y, quién sabe, ¡quizás aparezcas en el resumen del próximo mes!
