8 proyectos destacados de Webflow: abril de 2022

Echa un vistazo a los 8 sitios web del Webflow Showcase que nos llamaron la atención en abril.

8 proyectos destacados de Webflow: abril de 2022

Liz Huang
Editora jefa sénior
Ver perfil del autor
Liz Huang
Editora jefa sénior
Ver perfil del autor
Índice de contenidos

El clima se vuelve más cálido, los pájaros cantan y la creatividad abunda, cortesía de nuestra comunidad de creadores y del Webflow Showcase.

Ya sea un nuevo y genial portafolio o algunos elementos clonables divertidos, abril ha estado repleto de proyectos de Webflow que tienes que ver.

Aquí tienes el resumen.

1. François Lemeiux

François Lemeiux homepage. Off-white background. In center, window shape curved on top, filled with red to purple gradient and white text "FRANÇOIS LEMIEUX"

Para empezar, tenemos esta página de aterrizaje de ensueño del diseñador de Montreal François Lemeiux. Incluye sus credenciales, servicios y un espacio para contactarlo.

Nos encanta especialmente cómo François utiliza tanto el espacio en blanco como combinaciones de colores llamativas que se fusionan en degradados. Para unificar toda la página y presentar un flujo natural, François incorpora una suave animación de desplazamiento que te guía delicadamente a través de ella. Es un deleite para la vista y, lo que es más importante, una excelente manera de mostrar sus habilidades a clientes potenciales.

2. Build With Flow

Dark to medium purple gradient background. Large text "Flow" with rainbow drop shadow followed by plain white text "Bringing delightful Webflow sites to your products"

Hablando de "flujo", tenemos Build with Flow, un sitio creado por Neftali Loria, de Raleigh, para promocionar su experiencia y creatividad ante marcas, organizaciones y particulares. Neftali tiene una trayectoria increíble, habiendo trabajado con empresas como Bridgestone, Hilton Hotels, Google, Deloitte y más.

Lo que nos impactó de inmediato de Build with Flow fue su diseño audaz y peculiar. A lo largo del sitio, Neftali utiliza tipografías contrastantes, degradados, divertidos gráficos en 3D y animaciones por doquier. Además, intercala información útil como precios, preguntas frecuentes para clientes potenciales y su filosofía de diseño: un gran ejemplo de cómo mostrar tu estilo sin sacrificar la funcionalidad.

3. Paradam Studios

Paradam Studios homepage. Peach background. Top menu bar: SERVICES, CLIENTS, TEAM, CONTACT. In center, oversized text "PARADAM STUDIOS" with an orange butterfly flying over the "A" and a black and white hand, palm up, under "studios"

¿Qué sucede cuando mezclas la espiritualidad millennial de la nueva era con una buena dosis de dadaísmo? La respuesta: el sitio web de Paradam Studios.

Paradam Studios es un estudio creativo con sede en Los Ángeles que se especializa en todo, desde identidad de marca hasta la producción y creación de podcasts. Nos encanta cómo el sitio de Paradam Studios se apoya en su temática de marca general con textos ingeniosos.

Ya sea la opción de seleccionar lo que buscas (un despertar, alta frecuencia, conexión viva, nueva ola) en su formulario de contacto, los horóscopos de los miembros de su equipo en la página "Team", o llamadas a la acción ingeniosas como "Trasciende con nosotros" para guiar a los clientes potenciales por el sitio, definitivamente sientes las "vibras" de Paradam Studios y su equipo en todas partes.

4. Fowski Studio

Fowski Studio homepage. Sunny yellow background. Large black text "Digital design & branding by Rob Jozefowski. Currently working at Project Simply. Image of a laptop showing a static video.

¿Puede el minimalismo ser maximalista? Según el sitio de Fowski Studio, claro que sí.

Fowski Studio, el estudio de diseño digital y marca de Rob Jozefowski, utiliza un sitio con desplazamiento animado sencillo para presentar trabajos anteriores y proporcionar información de contacto para comenzar tu propio proyecto.

Nuestra parte favorita del sitio es cómo se incorpora el color en un diseño decididamente minimalista. Un audaz degradado arcoíris lleno de amarillos impactantes, azules intensos y rosas brillantes contrasta de forma encantadora con el formato de cuadrícula y la elegante tipografía.

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.

→
↗
►
↓
←
↑
Leer ahora

5. Joanna Puga

Joanna Puga homepage. Black background. Small white text on top "Sun emoji Based in sunny Los Angeles, CA." In center, large, pink 3D heart in glassmorphic style. Over the heart, large white text, "HI, I'M A ILLUSTRATOR & GRAPHIC DESIGNER"

La ilustradora y diseñadora gráfica Joanna Puga abre su portafolio con una tipografía grande sobre un corazón glasmórfico en 3D que gira lentamente en el fondo. El corazón es una constante en todo el sitio, rotando detrás de las imágenes y el texto. Joanna también utiliza el mismo color rosa para los iconos, creando una sensación de continuidad en todo el diseño.

Debajo del pliegue, los trabajos seleccionados de Joanna aparecen en un desplazamiento horizontal. Tanto sus proyectos como su página de presentación dejan claro que a Joanna le apasiona el arte futurista, las ilustraciones y el diseño de maquetación.

6. Página de inicio de comercio electrónico de Rogue and Rosy (clonable)

Rogue and Rost homepage. Red background. On left, large yellow text "Alcohol infused fruit jam" with yellow "Shop now" button with drop shadow. On right and bottom, various jam jars with fruit splashing out from behind the jars.

Este sitio web para una mermelada con alcohol (lamentablemente) ficticia es un gran ejemplo de cómo aplicar la identidad de marca al diseño web. La página no solo utiliza tipografía y colores que combinan con las etiquetas del producto, sino que también imita el estilo divertido y desenfadado de algo diseñado para fiestas y eventos.

El sitio web de Rogue and Rosy muestra imágenes en 3D de los frascos de mermelada que parecen flotar en la página. También nos encanta cómo este diseño de una sola página nos mantiene interesados con animaciones activadas por el desplazamiento, como flechas y destellos que resaltan los puntos clave de venta. Además, esta plantilla de comercio electrónico clonable incluye todo lo esencial: botones de compra, espacios para testimonios y pruebas sociales, botones de redes sociales e información básica de la empresa en el pie de página.

7. Sellos postales adaptables (clonable)

Left side of image, white background. Images in a grid that looks like postage stamps — orange dots mimic stamp tear-away edges. On Right, orange background.

Actualización de seguimiento: ¡el diseño divertido está en camino! Este proyecto clonable presenta un diseño al estilo de un sello postal, perfecto para destacar diferentes proyectos o categorías.

Al pasar el cursor, los sellos parecen elevarse de la página e inclinarse ligeramente hacia la izquierda. Cada sello permite incluir un título del proyecto y una breve descripción debajo, lo que facilita ofrecer un adelanto de cada trabajo.

8. Améa

Améa homepage. Beige background. Golden-brown text "FOOD MADE WITH SOUL" over a large photo of hands holding a round loaf of crusty bread.

Améa, un restaurante y cafetería de inspiración mediterránea, traslada el ambiente de una cafetería a su diseño web. Con una paleta de colores suaves, fotografías de alta resolución y una tipografía ornamental, el sitio de Améa transmite una elegancia sencilla.

Lo que nos encanta de este diseño es cómo se adapta a los visitantes. El menú superior les permite profundizar en detalles específicos sobre el restaurante, mientras que la página de inicio ofrece información clave, como fotos de los platos, opciones de pedido para recoger, indicaciones para llegar al local y el horario de atención.

Presume de tu creatividad

No olvides enviar tus increíbles proyectos #MadeinWebflow a nuestra sección de Showcase; ¡podrías ver tu sitio en nuestra próxima publicación de proyectos destacados!


Última actualización
May 27, 2022
Categoría

Artículos relacionados

Cómo Tia Meyers creó en solo un año la mayor organización de mujeres freelancers del mundo: Freelancing Females
Cómo Tia Meyers creó en solo un año la mayor organización de mujeres freelancers del mundo: Freelancing Females

Cómo Tia Meyers creó en solo un año la mayor organización de mujeres freelancers del mundo: Freelancing Females

Cómo Tia Meyers creó en solo un año la mayor organización de mujeres freelancers del mundo: Freelancing Females

Inspiración
Por
Mariah Driver
,
,
Leer artículo
Intensidad frente a saturación: ¿cuál es la diferencia?
Intensidad frente a saturación: ¿cuál es la diferencia?

Intensidad frente a saturación: ¿cuál es la diferencia?

Intensidad frente a saturación: ¿cuál es la diferencia?

Diseño
Por
Equipo de Webflow
,
,
Leer artículo
6 mejores ejemplos y prácticas de diseño para carritos de compra
6 mejores ejemplos y prácticas de diseño para carritos de compra

6 mejores ejemplos y prácticas de diseño para carritos de compra

6 mejores ejemplos y prácticas de diseño para carritos de compra

Diseño
Por
Tomas Laurinavicius
,
,
Leer artículo
Cómo trabajar como freelancer: una guía para principiantes
Cómo trabajar como freelancer: una guía para principiantes

Cómo trabajar como freelancer: una guía para principiantes

Cómo trabajar como freelancer: una guía para principiantes

Estrategia
Por
Equipo de Webflow
,
,
Leer artículo
11 kits de interfaz premium para diseños web espectaculares
11 kits de interfaz premium para diseños web espectaculares

11 kits de interfaz premium para diseños web espectaculares

11 kits de interfaz premium para diseños web espectaculares

Diseño
Por
Equipo de Webflow
,
,
Leer artículo
Las 29 mejores herramientas y recursos de diseño web para probar en 2025
Las 29 mejores herramientas y recursos de diseño web para probar en 2025

Las 29 mejores herramientas y recursos de diseño web para probar en 2025

Las 29 mejores herramientas y recursos de diseño web para probar en 2025

Diseño
Por
Equipo de Webflow
,
,
Leer artículo

verifone logomonday.com logospotify logoted logogreenhouse logoclear logocheckout.com logoreddit logothe new york times logoideo logoupwork logodiscord logo
verifone logomonday.com logospotify logoted logogreenhouse logoclear logocheckout.com logoreddit logothe new york times logoideo logoupwork logodiscord logo

Empieza gratis

Prueba Webflow todo el tiempo que quieras con nuestro plan Starter gratuito. Compra un plan de sitio de pago para publicar, alojar y desbloquear funciones adicionales.

Empieza, es gratis
Ver demostración

Prueba Webflow todo el tiempo que quieras con nuestro plan Starter gratuito. Compra un plan de sitio de pago para publicar, alojar y desbloquear funciones adicionales.