10 proyectos destacados en Webflow: octubre de 2021

No te pierdas nuestra selección de los proyectos de Webflow favoritos del mes de octubre.

10 proyectos destacados en Webflow: octubre de 2021

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

Desde portafolios que parecen periódicos hasta experiencias de viajes de lujo y mapas de fantasía interactivos, la comunidad de Webflow sigue superando los límites de lo que significa crear un sitio web.

Nos ha encantado ver la creatividad en los proyectos que han compartido a través de Made in Webflow. Aquí tienes algunos que llamaron nuestra atención en el mes de octubre.

1. Niccolo Miranda

Another view of Niccolo Miranda's portfolio site.

Encabezando la lista como uno de los portafolios más originales que hemos visto últimamente está el del diseñador radicado en Ámsterdam, Niccolo Miranda. En lugar del típico sitio modernista, Niccolo lleva su portafolio al siguiente nivel convirtiéndolo en un periódico interactivo.

Another view of Niccolo Miranda's

Las noticias de última hora son el trabajo más reciente de Niccolo, y los titulares y artículos muestran su declaración de principios y sus habilidades. Nos encantan especialmente los pequeños detalles que hacen que la estética de periódico cobre vida, como el encabezado y los pies de página estilizados, el fondo gris que imita el papel y la animación giratoria que nos recuerda a un noticiero antiguo.

2. Mapa interactivo de Tricks (clonable)

An image of Timothy Rick's clonable interactive map. Throughout the map there are diamond icons that trigger a pop=up screen when clicked.

Para todos los fanáticos de la fantasía y la creación de experiencias virtuales, el mapa interactivo clonable de Timothy Ricks es una visita obligada. El mapa se puede desplazar y cuenta con diferentes secciones en las que se puede hacer clic, marcadas con un diamante rojo.

A view of a pop-up in the interactive map. This one reads "The Shadow Fold" and features a video and short explainer.

Al hacer clic, aparece información sobre esa área en una barra lateral. Los diseñadores pueden usar esta barra para añadir una imagen o un video junto con contenido escrito. Este mapa es un gran ejemplo de las experiencias interactivas, como las búsquedas del tesoro, que están arrasando en el diseño web ahora mismo, y sería la página de inicio perfecta para proyectos de ese estilo.

3. Hard Work Club

An image of the Hard Work Club's home page.

Con sede en Toronto, Hard Work Club es una agencia dedicada a ideas fuera de lo común. Dejan atrás la jerga corporativa y el típico horario de oficina, rompiendo las normas tradicionales para fomentar la creatividad y la innovación.

A collection of illustrated images showing the partners of the Hard Work Club.

Su sitio web refleja este espíritu. A lo largo de la página, Hard Work Club utiliza colores alegres, tipografías contrastantes y animaciones divertidas para transmitir su misión. En lugar de un diseño de varias páginas, el sitio web de Hard Work Club es de desplazamiento único con secciones diferenciadas. Nos gusta especialmente cómo han organizado las secciones de forma narrativa, lo que facilita contar su historia y su misión a los posibles clientes.

4. Elish

An image of Elish's home page. It reads "Build Online buisness your way!" s

¿Buscas ayuda y orientación para construir tu negocio? Elish tiene lo que necesitas. Son un servicio de asesoramiento y recursos empresariales que crea y adapta planes de negocio optimizados a tus necesidades específicas.

Another view of Elish's home page.

El sitio web de Elish es sencillo y utiliza una navegación de desplazamiento único, muy parecida a la de Hard Work Club. Al hacerlo, logran comunicar claramente quiénes son, qué hacen y cómo ayudan a sus clientes.

5. Campbell Creative

An image of Campbell Creative's website home page. It reads "A creative marketing company helping you build Marketing Relationships With Your Audience."

Campbell Creative es una agencia de marketing que ayuda a empresas como Pillsbury, General Mills, Walmart y Nintendo a contar historias atractivas y significativas a través de videos, sitios web, redes sociales, fotografía y proyectos creativos.

En lugar de depender de imágenes y animaciones llamativas para transmitir su mensaje, Campbell Creative apuesta por una tipografía de gran tamaño. A través de textos en negrita e iconografía clara, explican quiénes son, con quién han trabajado y qué pueden hacer por ti. Los sitios web no siempre tienen que ser llamativos para causar impacto; el sitio de Campbell Creative es un gran ejemplo de la eficacia de utilizar un mensaje claro y conciso.

Empieza gratis

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

→
↗
►
↓
←
↑
Leer ahora

6. Rich Text Enhancer de Refokus

The Rich Text Enhancer page on the Refokus Tool site.

El socio de Webflow, Refokus, creó recientemente su repositorio público y gratuito de herramientas para Webflow. Dentro de esa caja de herramientas se encuentra su Rich Text Enhancer, que permite a los diseñadores estilizar el texto de sus sitios de Webflow de formas únicas e interesantes.

Another view of the Rich Text Enhancer page.

Esta sección de la herramienta, dentro del sitio general de Refokus Tools, ha sido diseñada específicamente para mostrar todo lo que puedes hacer con el Rich Text Enhancer. Nos encantan las fuentes cambiantes, los gráficos divertidos y las imágenes que le dan personalidad a esta página.

7. Bespoke Luxury

An image of the Bespoke Luxury website home page. Here you see two people sitting in front of a circular tent.

En una era con opciones de viaje casi infinitas, es importante que las empresas destaquen. Bespoke Luxury —una agencia de viajes de lujo con sede en Sri Lanka— apuesta por mostrar la experiencia altamente personalizada que ofrecen a los futuros viajeros a través de un sitio web audaz y llamativo.

Another part of the page which showcases different "hand picked escapes in Sri Lanka."

Las imágenes impactantes son fundamentales cuando vendes experiencias, y Bespoke Luxury lo hace mejor que nadie: exhibe fotos increíbles de sus instalaciones, alojamientos y la belleza de Sri Lanka.

8. Soul Machine

An image of Soul Machine Brand Development's website home page.

Con sede en París, Soul Machine es "una incubadora de moda y oficina de desarrollo de marca" dedicada a apoyar a artistas y marcas emergentes. Dirigen programas como "Incubator", que ayuda a las marcas a iniciar, configurar y mantener sus negocios. También ayudan a pequeñas marcas a ejecutar campañas de marketing y ofrecen consultoría a marcas más grandes sobre comunicación y gestión de moda.

Para una marca tan creativa en una industria creativa, nos encanta que el sitio web de Soul Machine se incline por un tema sutil y sobrio. Esto no significa que el diseño carezca de elementos audaces y cautivadores; Soul Machine mantiene el interés mediante el uso de gráficos abstractos impactantes.

9. Josephine Heide

The homepage for Josephine Heide's portfolio. It reads "Josephine Heide Freelance Digital Designer."

No nos cansamos de los portafolios limpios y minimalistas, y el de Josephine Heide no es la excepción. Con base en Berlín, Josephine es una diseñadora de UI/UX que se centra en la investigación y los datos analíticos para crear proyectos para sus clientes.

An image of Josephine Heide's "About Me" section.

Josephine utiliza un diseño directo para mostrar sus habilidades, trabajos anteriores y biografía. Lo que hace especialmente bien es hacer que toda la información necesaria sea increíblemente accesible para cualquiera que navegue por el sitio. No hay que perderse buscando datos: todo está presentado de forma hermosa e intuitiva.

10. Veri

An image of Veri's home page. It reads "When Eating Right Becomes Easy."

Cuando se trata de tu salud, puede ser difícil entender qué pasos seguir para cuidar tu cuerpo. Veri busca cerrar esta brecha con su herramienta metabólica. Mide tus niveles de glucosa, cómo responde tu cuerpo a ciertos alimentos, cómo optimizar tu salud cada día y más.

A graph showing off an example change of blood sugar in different people.

Nos gusta cómo el sitio web de Veri usa gráficos e imágenes para mostrar lo que su producto puede hacer. El uso de elementos gráficos suele ser la mejor manera de transmitir información sobre un producto a posibles compradores e inversores. Veri lo hace muy bien, combinando gráficos de ejemplo y datos para ayudar a los usuarios a entender qué información recibirán y cómo será su experiencia con el producto.

Muéstranos tu gran proyecto en Webflow

Nos encanta ver lo que crean con Webflow cada mes. Para tener la oportunidad de aparecer en el resumen del próximo mes, asegúrate de enviar tu proyecto a Made in Webflow.


Última actualización
November 12, 2021
Categoría

Artículos relacionados

11 beneficios de Webflow para un diseño web eficiente
11 beneficios de Webflow para un diseño web eficiente

11 beneficios de Webflow para un diseño web eficiente

11 beneficios de Webflow para un diseño web eficiente

Diseño
Por
Equipo de Webflow
,
,
Leer artículo
10 ideas creativas de menús web para que tus diseños marquen la diferencia
10 ideas creativas de menús web para que tus diseños marquen la diferencia

10 ideas creativas de menús web para que tus diseños marquen la diferencia

10 ideas creativas de menús web para que tus diseños marquen la diferencia

Diseño
Por
Equipo de Webflow
,
,
Leer artículo
9 ejemplos de páginas de inicio creadas para la interacción del usuario
9 ejemplos de páginas de inicio creadas para la interacción del usuario

9 ejemplos de páginas de inicio creadas para la interacción del usuario

9 ejemplos de páginas de inicio creadas para la interacción del usuario

Diseño
Por
Equipo de Webflow
,
,
Leer artículo
Migración de WordPress: cómo trasladar tu sitio a una nueva plataforma
Migración de WordPress: cómo trasladar tu sitio a una nueva plataforma

Migración de WordPress: cómo trasladar tu sitio a una nueva plataforma

Migración de WordPress: cómo trasladar tu sitio a una nueva plataforma

Inspiración
Por
Equipo de Webflow
,
,
Leer artículo
16 tácticas de crecimiento web para 2026
16 tácticas de crecimiento web para 2026

16 tácticas de crecimiento web para 2026

16 tácticas de crecimiento web para 2026

Estrategia
Por
Sara Gates
,
,
Leer artículo
Cómo encontrar el equilibrio perfecto entre la personalización web y la privacidad
Cómo encontrar el equilibrio perfecto entre la personalización web y la privacidad

Cómo encontrar el equilibrio perfecto entre la personalización web y la privacidad

Cómo encontrar el equilibrio perfecto entre la personalización web y la privacidad

Estrategia
Por
Allie Moore
,
,
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.