10 proyectos destacados de Webflow: agosto de 2021

Echa un vistazo a nuestra selección de los 10 proyectos de Webflow que más nos gustaron en el mes de agosto.

10 proyectos destacados de Webflow: agosto 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

El verano llega a su fin, pero los sitios web que hemos visto este último mes han estado que arden.

Desde colectivos artísticos y equipos de fútbol juvenil hasta una guía de estilo (¡clonable!), aquí tienes un resumen completo de los proyectos de Webflow que nos han encantado, inspirado y emocionado durante el mes de agosto.

Empecemos.

1. The Circle and the Square

An image of the Circle and the Square website homepage.

The Circle and the Square es una colaboración artística entre Nyamekye Smith —bailarina, modelo y artista— y DeQuan Russ —diseñador gráfico, fotógrafo, director creativo y consultor creativo—. Juntos, Nyamekye y DeQuan crean de todo: desde música y diseño gráfico hasta coreografías y mucho más.

Los artistas de The Circle and the Square encuentran su propósito en la alegría de crear «un poco de todo» para «inspirar a la gente a adoptar nuevas formas de ver, hacer y pensar las cosas, con la esperanza de aumentar la capacidad de comprensión y empatía».

An image of Nyamekye Smith's "about" section.

Su sitio web refleja su misión y el arte que crean. En la página de inicio, vemos una imagen de Nyamekye y DeQuan frente a frente con una navegación circular que permite a los usuarios explorar el sitio. El dúo utiliza vídeos, fotos recortadas y un uso potente del color y los gráficos para mostrar su trabajo, sus habilidades y su energía en general.

Nos encanta especialmente cómo Nyamekye y DeQuan usan vídeos en lugar de fotografías estáticas en sus secciones «Sobre nosotros». El uso del vídeo de esta manera da vida a sus personalidades creativas para los visitantes del sitio.

2. Juventus Academy DC Metro

An image of the Juventus Academy DC website.

Juventus Academy DC Metro es una filial del club de fútbol de la Serie A, la Juventus F.C. En esta academia de fútbol, niños de 5 a 18 años aprenden, entrenan y compiten bajo la metodología de la filosofía de la Juventus Academy, participando en todo tipo de actividades, desde equipos de viaje y competiciones hasta campamentos.

An image of the coaches page on the Juventus Academy DC website.

Para el sitio web de su academia, lanzado recientemente, Juventus Academy DC Metro toma como referencia el diseño y la marca de la Juventus F.C., pero le da su propio toque para satisfacer sus necesidades, como la captación de miembros para el equipo y la promoción de sus programas.

Su navegación y su diseño limpio, en particular, facilitan que los usuarios y los posibles nuevos miembros exploren el sitio y se inscriban en el programa que mejor se adapte a ellos.

3. Grace Potter

An image of Grace Potter's portfolio website.

Como anillo al dedo para un resumen de sitios web de agosto, el sitio de Grace Potter se siente como la encarnación del verano. No, no utiliza los típicos gráficos de soles y palmeras; en su lugar, centra el sitio en una sola foto de una persona en la playa.

Combinado con una tipografía sencilla y un tono marrón chocolate intenso, el sitio rebosa calma y muestra el cuidado enfoque de diseño de Grace. Nos gusta cómo mantiene su diseño y disposición bastante simplificados. Una página de inicio concisa destaca su trayectoria y sus servicios. La página secundaria, directa y clara, muestra y explica algunos de sus trabajos anteriores.

An image of Grace Potter's "about" section.

Al crear tu propio sitio de portafolio, a veces lo sencillo es lo mejor. La información clave, como los datos de contacto y los trabajos anteriores, debe ser fácil de encontrar para los clientes potenciales.

4. EMPATHY (clonable)

An image of the EMPATHY cloneable template.

Nos encanta este clonable gratuito de Tyler Hughey. Empathy es una carta de amor al diseño minimalista y a la animación maximalista. Desde el texto desplazable que te da la bienvenida en la página de inicio hasta las animaciones al pasar el ratón y los cursores animados, no te faltarán efectos visuales que te sorprenderán y deleitarán.

Está orientado a agencias creativas, pero puede personalizarse para cualquier propósito. Creemos que este proyecto sería ideal para un sitio web de portafolio.

5. Milli Agency

An image of the Milli Agency website.

Milli Agency es una agencia creativa galardonada con sede en Seattle. Fundada en 2014, Milli Agency ayuda a empresas y organizaciones a desarrollar su estrategia de marca, contenido y presencia en redes sociales.

An image of the Who We Are section on the Milli Agency website.

Para su sitio, Milli Agency adopta el concepto de cuadrícula de diversas formas, utilizándolo en la navegación animada de su página de inicio, destacando a los miembros de su equipo en la sección "Sobre nosotros" y exhibiendo sus proyectos.

An image of Milli Agency's featured work.

Aunque la idea de una cuadrícula puede parecer estática y absoluta, Milli Agency la reinterpreta y le da la vuelta con un desplazamiento horizontal, una animación al pasar el cursor que mueve las líneas de la cuadrícula y una selección de colores llamativos.

Empieza gratis

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

→
↗
►
↓
←
↑
Leer ahora

6. Taro Design Co.

An image of the Taro Design Co. website

Taro Design Co. es un estudio de diseño boutique con sede en Nashville, Tennessee, que crea sitios web exclusivamente en Webflow.

Para el sitio web de su estudio, Taro Design Co. adopta un enfoque minimalista que es todo menos aburrido. Desde un logotipo discretamente divertido hasta un desplazamiento sutilmente animado, el sitio web de Taro Design Co. demuestra que la diversión a veces funciona mejor como un susurro que como un grito.

An image of the Taro Design Co. about section.

7. Mary Andreina

An image of Mary Andreina's portfolio home page.

Siguiendo con la temática de proyectos que evocan el verano, Mary Andreina nos transporta a un campamento de verano con su portafolio, gracias a una tipografía vintage, bloques de colores desgastados y una estética casi de papel en todo el sitio, que recuerda a los viejos folletos de campamentos que solían llegar por correo.

How Mary Andreina displays her skills on her portfolio site.

Sin embargo, aquí no encontrarás fotos de lagos ni itinerarios de campamento. En su lugar, verás un diseño optimizado de los proyectos de Mary, las cosas que la inspiran y una breve descripción de quién es ella, junto con su filosofía de diseño.

En lugar de usar fotos suyas, nos encanta que Mary utilice su Memoji en todo el sitio, lo que añade un toque divertido y personal a su portafolio.

8. Guía de estilo (clonable)

An image of the Sty

En Webflow, nuestra guía de estilo es un recurso importante para nuestros equipos en toda la empresa. Desde la definición de nuestras paletas de colores hasta cómo utilizamos el texto, nos ayuda a garantizar que todo lo que producimos esté alineado y sea coherente con la marca.

A medida que haces crecer la presencia web de tu propia empresa, contar con una guía de estilo es excelente para definir tu marca y tener una fuente de identidad disponible para tu equipo. Nos encanta especialmente esta guía de estilo clonable de Samuel Hoang.

An image of the Color Palette's section in the Style Guide template.

No solo es un diseño elegante y moderno, sino que es fácilmente adaptable a tu marca. Incluye todo lo que necesitas para empezar, como pautas de tipografía, paletas de colores, directrices para encabezados y mucho más.

9. Hochkant Film (*advertencia de movimiento*)

An image of the Hochkant Film home page.

Hochkant Film es una agencia cinematográfica con sede en Múnich que crea películas para organizaciones corporativas de todo el mundo. Fundada en 1999, su lista de clientes incluye importantes corporaciones globales como BMW, Roche y Siemens.

Para su sitio, Hochkant Film pone su producto en el centro de atención. Al entrar en la página de inicio, se reproduce una de sus películas destacadas, lo que permite a los visitantes hacerse una idea del estilo de video atmosférico por el que es conocida la agencia.

Nos gusta que Hochkant centre su sitio web totalmente en sus películas, especialmente en la página de inicio. Esto elimina distracciones innecesarias y deja que el trabajo hable por sí mismo. Así, cuando un cliente potencial llega a la página de "contacto", ya tiene una idea clara de cómo será el resultado final, por lo que sabrá si Hochkant es la agencia adecuada para su proyecto.

10. Control deslizante CMS apilado (clonable)

An image of the Stacked CMS slider cloneable template.

¿Buscas un slider genial? Vimalan Vijayasekaran, diseñador con sede en Londres y fundador de VI Designs, ha creado un slider CMS animado muy divertido que puedes clonar para tus propios proyectos.

Nos encanta lo limpias y nítidas que son las transiciones animadas, lo que lo hace perfecto para elementos con mucha carga gráfica, como presentaciones de fotos. Es muy fácil empezar: solo haz clic en el enlace de arriba para clonarlo.

Muéstranos en qué estás trabajando

¿Trabajando en tu propio proyecto increíble de Webflow? Asegúrate de publicarlo en el Webflow Showcase. Es el lugar ideal para presumir de lo que has hecho, conectar con la comunidad de Webflow y tener la oportunidad de aparecer en el resumen del próximo mes.

¿A qué esperas? Empieza hoy mismo.



Última actualización
September 17, 2021
Categoría

Artículos relacionados

10 secciones imprescindibles en un contrato de diseño web
10 secciones imprescindibles en un contrato de diseño web

10 secciones imprescindibles en un contrato de diseño web

10 secciones imprescindibles en un contrato de diseño web

Diseño
Por
Equipo de Webflow
,
,
Leer artículo
Claves para escalar tu web: 6 formas de ampliar y hacer crecer tu sitio
Claves para escalar tu web: 6 formas de ampliar y hacer crecer tu sitio

Claves para escalar tu web: 6 formas de ampliar y hacer crecer tu sitio

Claves para escalar tu web: 6 formas de ampliar y hacer crecer tu sitio

Estrategia
Por
Equipo de Webflow
,
,
Leer artículo
Nuevo recurso: Webflow Experts
Nuevo recurso: Webflow Experts

Nuevo recurso: Webflow Experts

Nuevo recurso: Webflow Experts

Dentro de Webflow
Por
Barrett Johnson
,
,
Leer artículo
SEO para blogs: 7 mejores prácticas para aumentar el tráfico de tu blog
SEO para blogs: 7 mejores prácticas para aumentar el tráfico de tu blog

SEO para blogs: 7 mejores prácticas para aumentar el tráfico de tu blog

SEO para blogs: 7 mejores prácticas para aumentar el tráfico de tu blog

Estrategia
Por
Equipo de Webflow
,
,
Leer artículo
El diseño de movimiento no es solo un adorno visual; es infraestructura de experiencia de usuario.
El diseño de movimiento no es solo un adorno visual; es infraestructura de experiencia de usuario.

El diseño de movimiento no es solo un adorno visual; es infraestructura de experiencia de usuario.

El diseño de movimiento no es solo un adorno visual; es infraestructura de experiencia de usuario.

Diseño
Por
Jasmine Andria
,
,
Leer artículo
Squarespace frente a WordPress: 6 diferencias clave y una alternativa
Squarespace frente a WordPress: 6 diferencias clave y una alternativa

Squarespace frente a WordPress: 6 diferencias clave y una alternativa

Squarespace frente a WordPress: 6 diferencias clave y una alternativa

Estrategia
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.