Cómo el sitio web del colectivo artístico Meow Wolf complementa sus espacios inmersivos

Las experiencias de arte inmersivo en persona de Meow Wolf transportan a los visitantes a otro mundo. Descubre cómo sus diseñadores utilizan Webflow para llevar esa experiencia al entorno digital.

Cómo el sitio web del colectivo artístico Meow Wolf complementa sus espacios inmersivos

Kate Marshall
Redactora creativa sénior
Ver perfil del autor
Kate Marshall
Redactora creativa sénior
Ver perfil del autor
Índice de contenidos

El sitio web del marketer

Nuestro ebook gratuito exclusivo para marketers. Descubre cómo el no-code elimina los cuellos de botella de los desarrolladores y permite que los equipos de marketing modernos tomen el control total de su sitio web.

→
↗
►
↓
←
↑

El sitio web del marketer

Nuestro ebook gratuito exclusivo para marketers. Descubre cómo el no-code elimina los cuellos de botella de los desarrolladores y permite que los equipos de marketing modernos tomen el control total de su sitio web.

→
↗
►
↓
←
↑

Al entrar en una de las experiencias de arte inmersivo a gran escala de Meow Wolf, te adentras en lo que solo podemos describir como un mundo diferente. Entre colores que se arremolinan, pasadizos secretos, experiencias de audio alucinantes y habitaciones que funcionan como portales, a los visitantes les espera un viaje salvaje.

Meow Wolf se fundó como un colectivo artístico en 2008. Junto con su primera sede, House of Eternal Return en Santa Fe, recientemente abrieron las puertas de Omega Mart en Las Vegas y pronto inaugurarán una tercera ubicación en Denver. Para conocer desde dentro cómo trasladan su fascinante experiencia presencial a la web, charlamos con Geet Jacobs, director de operaciones digitales de Meow Wolf.

An image of the Meow Wolf "Visit" drop down menu.

Geet ha sido desarrollador web durante más de 22 años. Comenzó su trayectoria en la creación de sitios web mientras trabajaba en una galería de arte, donde aprendió a dar rienda suelta a su creatividad con elementos interactivos y música. Fue al empezar a trabajar con organizaciones sin ánimo de lucro cuando desarrolló una especial afinidad por crear sitios totalmente personalizados que fueran asequibles y eficientes.

Hace unos cuatro años, Meow Wolf contrató a Geet para dar vida a la sensación inmersiva de sus exposiciones artísticas en la web.

El camino hacia Webflow

Una vez contratado en Meow Wolf, Geet comenzó a formar un equipo de diseñadores, desarrolladores y expertos en marca para crear un sitio capaz de vender entradas, comercializar productos, conectar con la comunidad de Meow Wolf y generar expectación por sus ubicaciones, exposiciones y proyectos, tanto actuales como nuevos. Fue —y sigue siendo— una tarea titánica.

Cuando el equipo alcanzó las seis personas, decidieron darle un toque más "guay" a su sitio y construir una capa intermedia GraphQL totalmente personalizada con React como front-end. Con esa estrategia, pasaron un año construyendo su sitio utilizando un popular creador de sitios web convencional. Aunque aprendieron mucho por el camino, exigía demasiado tiempo y recursos a su pequeño equipo. "Nuestro equipo aprendió mucho, pero fue muchísimo trabajo", comentó Geet. "Había muchísimos errores".

Another view of the Meow Wolf website.

Cuando llegó el momento de renovar su sitio durante un cambio de exposiciones en Meow Wolf, llegaron a un punto en el que necesitaban más capacidades y fiabilidad. Así que consideraron cambiar de plataforma. En aquel momento, Geet pensó: "Un momento, hemos construido este monolito, ¿qué vamos a hacer?". Querían algo que fuera más fácil de configurar y mantener, que pudiera gestionar varios tipos de colecciones y que tuviera un front-end intuitivo.

Reflejando a Meow Wolf en la web

Geet conocía Webflow desde sus inicios y decidió volver a considerarlo como una solución potente y segura para su reconstrucción. En lugar de dedicar el tiempo de su equipo a reconstruirlo ellos mismos, encontró a un desarrollador de Webflow por contrato, Aaron Grieve.

Lo que tardó un año en construirse en WordPress con seis personas, se reconstruyó en un mes y con un solo desarrollador en Webflow.
An image of the Meow Wolf timeline.

‍

Para los elementos visuales, el equipo crea prototipos en Figma. Las transiciones de la página de inicio, los efectos de movimiento, los bucles y las transiciones que antes se construían a medida en React, se duplicaron y mejoraron en Webflow. "Webflow lo hace súper fácil", dijo Geet.

Geet y su equipo también hacen un uso extensivo de la combinación entre no-code y código personalizado. Algunos ejemplos incluyen la estructura alterna de izquierda a derecha en la página de proyectos y la función de filtro en la página de prensa. Para los filtros, Geet utiliza una combinación de colecciones de Webflow, la biblioteca Isotope y llamadas API personalizadas a plataformas de terceros.

An image of the Meow Wolf press articles page.

El reproductor de vídeo es también un proyecto del que Geet se siente orgulloso. Para permitir que los visitantes disfruten de una experiencia de vídeo coherente con la marca Meow Wolf, personalizó un enlace de Vimeo para que se convirtiera automáticamente en su reproductor de vídeo personalizado. Esto permite que el visitante se pierda en la sección de vídeo de su sitio, tal y como podría perderse dentro de una exposición de Meow Wolf.

An image of the Meow Wolf Kaleidoscape video player.


Webflow Enterprise

La opción favorita de los diseñadores y la elección de confianza de las grandes empresas. Lleva Webflow a tu compañía y disfruta de seguridad avanzada, escalabilidad de tráfico personalizada, tiempo de actividad garantizado y mucho más.

→
↗
►
↓
←
↑
Leer ahora

Meow Wolf en casa

Unos meses después de iniciada la pandemia, el equipo creó Meow Wolf At Home en Webflow en tres días.

Querían destacar cómo la gente puede crear y expresarse creativamente desde casa. Webflow les permitió poner en marcha este recurso doméstico rápidamente, entre dos personas, algo por lo que el equipo de Meow Wolf está muy agradecido.

A view of Meow Wolf At Home.

Webflow permite que el arte y el mundo digital colisionen

Tras hacer el cambio de WordPress a Webflow, y con el tiempo y la creatividad de nuevo en sus manos, Geet, su equipo y Aaron pueden ahora ponerse súper creativos con sus proyectos. Algunos de ellos son más experimentales, como lawyerman.lawyer, que encajaba en una estrategia de marketing experiencial/fuera de casa más amplia.

A gif showcasing part of the Meow Wolf at Home experience — build on Webflow.

«Webflow permite destacar de una forma muy sencilla y diferente. Es un sitio web dinámico que hace que tu experiencia parezca mucho más costosa de lo que realmente fue», comentó Geet. «Devuelve el poder a los diseñadores creativos, en lugar de depender de desarrolladores para construir los mundos inmersivos que estas experiencias ofrecen a la gente».

Tras comprobar el progreso que ha logrado el sitio al convertir la web de Meow Wolf en otro tipo de portal para sus clientes y equipos creativos, planean migrar el resto de sus sitios a Webflow. Con esta herramienta, sus páginas pueden servir como portales de empoderamiento e ingenio, devolviendo la creatividad digital a manos de los diseñadores.


Última actualización
June 25, 2021
Categoría

Artículos relacionados

9 sitios web de arte creados en Webflow sin código
9 sitios web de arte creados en Webflow sin código

9 sitios web de arte creados en Webflow sin código

9 sitios web de arte creados en Webflow sin código

Inspiración
Por
Jeff Cardello
,
,
Leer artículo
Maximalismo: cómo los diseñadores están subiendo el volumen de su trabajo
Maximalismo: cómo los diseñadores están subiendo el volumen de su trabajo

Maximalismo: cómo los diseñadores están subiendo el volumen de su trabajo

Maximalismo: cómo los diseñadores están subiendo el volumen de su trabajo

Diseño
Por
Jeff Cardello
,
,
Leer artículo
Cómo usamos Webflow en Webflow
Cómo usamos Webflow en Webflow

Cómo usamos Webflow en Webflow

Cómo usamos Webflow en Webflow

Dentro de Webflow
Por
Johnnie Gomez Alzaga
,
,
Leer artículo
Cómo Stir usó Webflow para construir su comunidad
Cómo Stir usó Webflow para construir su comunidad

Cómo Stir usó Webflow para construir su comunidad

Cómo Stir usó Webflow para construir su comunidad

Inspiración
Por
Kate Donnellan
,
,
Leer artículo
Cómo un consultor de diseño de alto nivel utiliza Webflow
Cómo un consultor de diseño de alto nivel utiliza Webflow

Cómo un consultor de diseño de alto nivel utiliza Webflow

Cómo un consultor de diseño de alto nivel utiliza Webflow

Diseño
Por
Deepak Kanda
,
,
Leer artículo
10 ejemplos inspiradores de maximalismo
10 ejemplos inspiradores de maximalismo

10 ejemplos inspiradores de maximalismo

10 ejemplos inspiradores de maximalismo

Diseño
Por
Mariah Driver
,
,
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.