15 proyectos destacados de Webflow: febrero de 2021

Aquí tienes 15 sitios web fantásticos que demuestran lo que es posible cuando diseñas y construyes con Webflow.

15 proyectos destacados de Webflow: febrero de 2021

Webflow permite a los diseñadores crear cualquier tipo de sitio web, todo sin código. Vamos a echar un vistazo a 15 sitios web creados con Webflow, que te mostrarán la variedad de formas en las que se puede utilizar para crear sitios web profesionales.

Cada vez que navegamos por el Webflow Showcase, nos sorprende la variedad de sitios web y diseños que aparecen continuamente. Nos encanta ver a la gente usar Webflow de formas creativas.

15 sitios web favoritos de Webflow de febrero de 2021

Desde complejos de apartamentos en Brooklyn hasta recursos de accesibilidad, aquí tienes 15 sitios web que llamaron nuestra atención en febrero.

1. Clubpad

clubpad webflow webste
Abrir en Webflow

¿Qué pasaría si pudieras animar tus reuniones de Zoom o de otras plataformas de video con unos cuantos efectos de sonido bien colocados? Clubpad pone a tu alcance dos cuadrículas completas de clips de sonido. Desde el audio de un trombón triste hasta la familiar música de fondo de Jeopardy, estos sonidos te convertirán en el alma de la reunión virtual o en el destinatario de un correo electrónico muy serio de Recursos Humanos.

Bromas aparte, siempre nos emociona ver lo que lanza Pablo Stanley. Esta caja de sonidos es un ejercicio muy divertido de diseño web. Si tuviéramos que elegir un clip de audio de esta caja para expresar nuestra emoción, sin duda sería la bocina de DJ.

Hay algo de código personalizado, pero Pablo ha sido lo suficientemente generoso como para ponerlo a disposición para clonar de forma gratuita, permitiéndote construir tu propia caja de sonidos.

2. non-os

non-os webflow website
Abrir en Webflow

Siempre somos fans de los diseños de portafolio poco convencionales. Con este sitio web, non-os nos lleva en una máquina del tiempo a principios de los 90, con un diseño de inspiración vintage que parece sacado directamente de los días en que AOL, Netscape y Ask Jeeves reinaban.

Avinilay, el diseñador detrás de este portafolio, incluye algunos ejemplos geniales de sus pósteres, además de una forma de ponerse en contacto. Hay mucho trabajo detrás de un sitio web de estilo retro como este, y sin duda demuestra sus habilidades como diseñador web con esta recreación precisa de un escritorio del pasado.

Si quieres ver cómo Avinilay montó este diseño de la vieja escuela, está disponible para clonar.

3. 1010 Rogers

1010 rogers webflow website
Abrir en Webflow

1010 Rogers es un complejo de apartamentos moderno ubicado en Brooklyn, Nueva York. Con toques de colores claros, las elegantes tipografías Playfair y Oswald, además de una fotografía brillante, este sitio web muestra una elegancia discreta y un sentido de modernidad.

La vida en la ciudad puede ser una experiencia abarrotada y ajetreada, pero este diseño trata sobre la calma. Vemos mucho cielo y árboles en sus fotos, así como espacio negativo en el diseño. Uno tiene la sensación de que vivir en este complejo ofrece un respiro tranquilo frente a los aspectos más agotadores de vivir en la ciudad de Nueva York.

roof deck

Es muy importante que un sitio web coincida con el tono de lo que se presenta, y este diseño es la combinación perfecta para el estilo de vida urbano contemporáneo que 1010 Rogers ofrece a sus residentes. Si te parece un diseño inspirador, está disponible para clonar gratis en nuestro showcase.

4. Bite-sized Fun Cards

bite sized ui cards
Abrir en Webflow

Las tarjetas existen desde hace mucho tiempo y uno podría pensar que ya se ha agotado su creatividad. Pero con unas cuantas animaciones y un fondo parcialmente transparente, Bite-sized Cards ofrece un giro refrescante a este elemento básico del diseño.

gif of card animation

Si buscas una propuesta original para las tarjetas de tu trabajo, puedes clonarlas gratis. Además, echa un vistazo al video de YouTube que preparó el diseñador Mubarak Marafa para mostrar cómo las creó.

5. Protothon

protothon webflow website
Abrir en Webflow

Protothon es un concurso de diseño UX donde los diseñadores eligen una consigna y entregan un prototipo de alta fidelidad antes de una fecha límite. Con un plazo ajustado para construir algo, es un ejercicio excelente para poner a prueba tus habilidades.

gif of protothon website

El diseño en sí ofrece una experiencia interesante y atractiva. Desde la imagen inicial de bloques apilados en tres dimensiones hasta las suaves animaciones activadas por el desplazamiento, hay muchos elementos de diseño geniales que realzan la composición. El texto también hace un trabajo excelente al generar entusiasmo sobre esta competencia de UX.

Para ver cómo se logró este maravilloso diseño y clonarlo para tu próximo proyecto web, visita su página del proyecto en el Webflow Showcase.

6. Ferrari GT

ferrari GT3 website
Abrir en Webflow

Construir tu portafolio puede ser difícil si no has hecho muchos trabajos remunerados. Crear un diseño sobre algo que te apasiona es una forma fantástica de ampliar tu trayectoria. Alex Hartan siempre ha amado la potencia y sofisticación de Ferrari y creó este diseño como homenaje a estos deportivos italianos.

gif of ferrari GT3 website

Alex ha creado una página de inicio tan dinámica y potente como el Ferrari al que rinde homenaje. La animación del deportivo rugiendo al entrar en escena es audaz, pero no ha pasado por alto ningún matiz, incluyendo un sutil rebote del coche al frenar. Cuidar los detalles es fundamental para un diseñador, y Alex demuestra un ojo clínico con esta animación tan convincente.

Si quieres echar un vistazo "bajo el capó" y clonarlo para tu diseño web, Alex ha puesto este impresionante diseño a disposición de todos en el Showcase de Webflow.

7. Adam Bradley

Adam Bradley's portfolio

Ocupando el lado derecho de la pantalla del portafolio de Adam Bradley, hay un corte rápido de los proyectos en los que ha trabajado. Es una yuxtaposición interesante frente al texto enorme que ocupa la pantalla principal y funciona muy bien para demostrar que es un "creativo todoterreno".

gif of Adam's website

Este portafolio presenta una mezcla ecléctica de tipografías, colores y elementos visuales. Aunque se arriesga con este diseño, todo juega a su favor. Además de un diseño deslumbrante, también muestra su versatilidad con los clientes con los que ha trabajado. Desde firmas de arquitectura hasta teatros, Adam aplica ese mismo sentido de creatividad equilibrado con un diseño inteligente.

8. Forage Studios

forage studios website

La agencia de diseño británica Forage studio se presenta así: "Somos una agencia de diseño para marcas con una historia que contar". Y en un puñado de páginas, logran comunicar su narrativa y lo que los hace únicos. Empezando por esta página de inicio, con sus formas coloridas y líneas finas sobre un fondo azul intenso, sabemos de inmediato que tienen un enfoque artístico en todo lo que hacen.

Vemos este gran sentido de la creatividad en las páginas de proyectos individuales. No hay nada que se sienta mediocre o cliché; al contrario, todo brilla con un toque de sofisticación inteligente.

about page

No pierdas de vista su perfil en el showcase de Webflow para ver más trabajos geniales en el futuro.

9. Relume

relume's website

Siempre nos sentimos honrados de que haya agencias de diseño que utilizan Webflow como su principal medio de creación. Nos propusimos hacer que Webflow fuera accesible para todos, y es fantástico ver a una agencia como Relume tomando medidas para incluir a sus clientes como participantes activos en la supervisión de sus sitios web.

gif of reulume webflow website

Este sitio web de agencia está lleno de animaciones dinámicas activadas por el desplazamiento, un llamativo desenfoque gaussiano (que nunca se ve tan bien en una captura de pantalla como nos gustaría) vinculado al movimiento del scroll, y otros adornos creativos que lo convierten en una obra de diseño cautivadora.

Para ver más proyectos geniales de Webflow que han hecho para sus clientes, dirígete a su perfil en el showcase de Webflow.

10. EunJeong Yoo

Eunjeong-Yoo's website

EunJeong Yoo es una ilustradora, directora de arte y diseñadora con base en Seúl. Trabajar en un nicho especializado es una forma de destacar como diseñador, y EunJeong se centra en el sector de la moda. El aspecto y la sensación de este diseño encajan a la perfección con sus intereses en esta industria.

Con una combinación clásica de fuentes como Times New Roman, Montserrat y Aktiv Grotesk, este diseño parece sacado de una revista de moda de alta gama. Este guiño al diseño gráfico se aprecia aún más en las finas líneas divisorias y en el uso generoso del espacio en todo el sitio.

gif of EunJeong Yoo's website

Aunque gran parte de la inspiración proviene del mundo impreso, EunJeong también aprovecha las posibilidades del medio digital; el efecto de desplazamiento (hover) que aparece arriba aporta un toque de color a la paleta minimalista de este espacio web.

Este es un ejemplo fantástico de marca personal bien ejecutada, con un portafolio que captura sus habilidades y talentos, mostrando a clientes potenciales del mundo de la moda exactamente de lo que es capaz.

No dejes de seguir a EunJeong Yoo en el Webflow Showcase para ver en qué anda trabajando.

11. Portfolio Placeholder

tanner panetta's website

Tanner Panetta demuestra que algunos de los diseños más intrigantes y mejor logrados tienen sus raíces en la sencillez. Este portafolio, con su diseño cuidadosamente espaciado, tipografía simple y una paleta de colores en morados, grises, blanco y negro, es un placer para la vista y ofrece una experiencia de usuario fluida. Transmite una sensación de calma y una proyección de confianza que nace de su meticulosa disposición de elementos visuales y texto. Demuestra que un poco de moderación puede ser clave para lograr un diseño efectivo.

gif of tanner's website

Esperamos ver más trabajos de Tanner en el Webflow Showcase pronto.

12. Amanda Lee Peers

Amanda Lee Peers music website

Amanda Lee Peers no solo exhibe su talento como cantautora en este sitio web para su música, sino que también demuestra su destreza como diseñadora. Nos encanta ver a personas que adoptan el enfoque "hazlo tú mismo"; Webflow brinda a cualquiera las herramientas necesarias para hacer realidad su creatividad.

Este diseño va mucho más allá del típico sitio web de un músico. Además de unos visuales cautivadores, cuenta con una gran cantidad de contenido excelente.

gif of amanda lee peers' website

Lo impresionante es cómo cuenta su propia historia. Con textos que se deslizan al hacer scroll, imágenes que giran y se mueven, y una línea de tiempo de sus logros musicales, uno se hace una idea clara de quién es ella como artista.

Amanda también ha lanzado un sitio web para iniciar 12 sitios web de startups en 2021. Estamos deseando ver todos estos proyectos en su perfil de Webflow Showcase.

13. Ficturo

Ficturo website

Paulina Jarosz demuestra un gusto exquisito por el color, el espacio y la tipografía moderna en este sitio web para la firma de diseño polaca Ficturo. Con una sólida disposición en cuadrícula, se percibe un fuerte sentido del orden y un equilibrio perfecto entre los elementos.

Aquí se presentan varios proyectos diferentes, pero gracias a una ecléctica selección de colores de fondo, nada se pierde en el espacio en blanco del diseño. El sutil efecto al pasar el cursor también contribuye en gran medida a mantener el interés en la página.

gif of Ficturo website

Hay otros toques creativos que ocupan este diseño. Nos encanta especialmente esta ilustración lineal. No cumple ninguna función utilitaria, pero encaja de maravilla con el aire ecléctico de este sitio web de agencia.

digital branding page

Paulina describe sus habilidades como "mover píxeles" en su página de diseñadora en Webflow. ¡Esperamos verla moviendo muchos más píxeles en el futuro!

14. Italic candles

Italic candle website

Esta es una de las páginas de inicio más interesantes que hemos visto en mucho tiempo. Para empezar, ¿quién comienza su diseño con un "¿Por qué perdimos dinero?". Te atrapa al instante para descubrir la historia detrás de Italic candles. Luego, está la llamada a la acción para "encenderme" con esa llama que parpadea delicadamente y que ha tomado el control de tu cursor.

gif of candle website

Lo que antes era oscuridad se ilumina al colocar esta pequeña chispa de fuego. Solo esta página de inicio habría bastado para que el sitio web destacara, pero hay muchas otras animaciones y efectos visuales fascinantes por todas partes.

gif of landing page

15. a11yresources

a11yresources website

Los colores apagados entraron en nuestras principales tendencias para 2021 y es genial ver esta hermosa paleta de tonos pastel en a11yresources. El diseño luce espléndido, pero es el contenido lo que hace que sea una visita obligada para cualquier diseñador. Su objetivo principal es mejorar la accesibilidad. Con una amplia gama de herramientas, extensiones de navegador, complementos y otros recursos, buscan ayudar a los diseñadores a crear proyectos más amigables y abiertos a todos, sin importar las discapacidades que puedan tener.

a11y resources list

Tampoco falta contenido para ayudar a los diseñadores a aprender cómo hacer que su trabajo sea más accesible. Con enlaces a artículos que cubren temas como patrones de diseño más amigables, diseño para personas con discapacidad visual y otros asuntos, todo diseñador debería marcar a11yresources para estar al tanto de lo que ocurre en el mundo de la accesibilidad.

Queremos ver lo que creas

Aunque apenas estamos empezando el 2021, ya hemos visto una gran cantidad de trabajos increíbles en el Webflow Showcase. Si aún no has configurado tu propio perfil de Webflow, esperamos que lo hagas pronto; ¡nos emociona ver lo que creas! ¡Quizás veas tu proyecto destacado en el resumen del próximo mes!

Empieza gratis

Crea sitios web personalizados y escalables, sin escribir código. Empieza a construir en Webflow.

→
↗
►
↓
←
↑
Leer ahora

Última actualización
March 2, 2021
Categoría

Artículos relacionados

Marcado de esquema para SEO: qué es y cómo funciona
Marcado de esquema para SEO: qué es y cómo funciona

Marcado de esquema para SEO: qué es y cómo funciona

Marcado de esquema para SEO: qué es y cómo funciona

Estrategia
Por
Equipo de Webflow
,
,
Leer artículo
10 sistemas de navegación web únicos
10 sistemas de navegación web únicos

10 sistemas de navegación web únicos

10 sistemas de navegación web únicos

Diseño
Por
Jeff Cardello
,
,
Leer artículo
Analíticas clave y mejoras de UX para sitios de comercio electrónico
Analíticas clave y mejoras de UX para sitios de comercio electrónico

Analíticas clave y mejoras de UX para sitios de comercio electrónico

Analíticas clave y mejoras de UX para sitios de comercio electrónico

Estrategia
Por
Catalin Zorzini
,
,
Leer artículo
5 navegadores en los que todo diseñador web debe hacer pruebas
5 navegadores en los que todo diseñador web debe hacer pruebas

5 navegadores en los que todo diseñador web debe hacer pruebas

5 navegadores en los que todo diseñador web debe hacer pruebas

Diseño
Por
Nick Babich
,
,
Leer artículo
Cómo crear páginas de producto de alta conversión mediante pruebas estratégicas
Cómo crear páginas de producto de alta conversión mediante pruebas estratégicas

Cómo crear páginas de producto de alta conversión mediante pruebas estratégicas

Cómo crear páginas de producto de alta conversión mediante pruebas estratégicas

Estrategia
Por
Leah Retta
,
,
Leer artículo
Del no-code a saber código
Del no-code a saber código

Del no-code a saber código

Del no-code a saber código

Desarrollo
Por
David Hoang
,
,
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.