HYPEWEAR by ABOUT YOU – la primera tienda online de moda digital

ABOUT YOU es una de las empresas de comercio electrónico de más rápido crecimiento y uno de los minoristas de moda online líderes en Europa, que impulsa proyectos innovadores y se considera pionera en la industria de la moda digital.

ABOUT YOU se acercó a DEPT® con la idea de crear una tienda online de moda digital. El objetivo: hacer que los artículos sean accesibles al público masivo. DEPT® brindó su apoyo de principio a fin, tanto como consultorxs como partners en la implementación.

Moda virtual – posibilidades ilimitadas

Primero, se creó la marca HYPEWEAR y se diseñó el IC, ambos en estrecha coordinación con ABOUT YOU. Después, DEPT® conceptualizó y desarrolló la tienda online de moda digital HYPEWEAR basada en la solución Algomart que desarrollamos inhouse. Como último paso, DEPT® creó un teaser para el lanzamiento.

Además del ecommerce, ABOUT YOU tiene como objetivo conquistar el espacio de la moda digital y ofrecer a sus clientxs una amplia variedad de outfits. La moda digital permite a lxs creadorxs diseñar piezas que no se pueden usar en la vida real o que ni siquiera podrían existir como una campera hecha con flores virtuales, un vestido hecho con elementos de tul en movimiento y otras piezas destacadas por su volumen inusual.

Hay diferentes colecciones disponibles en la tienda HYPEWEAR; algunos items son limitados, otros están disponibles con más frecuencia. Lxs clientxs tienen la oportunidad de expresarse de una manera completamente nueva y presentar su identidad digitalmente.

Hypewear Visual Still 02 Desktop Komprimiert

It’s all ABOUT YOU

Con la nueva plataforma para la moda digital, no hay límites físicos para la expresión de cada identidad. HYPEWEAR es pionera en ofrecer moda digital y, según su lema ‘De la tecnología a lo humano’, los artículos no solo son accesibles para fanáticxs de la moda digital, sino que también lo son para personas sin conocimientos de criptografía. Esto convierte a la plataforma en una de las pioneras del mercado.

Fast First Mover – rápido, simple e intuitivo.

El objetivo era poner en marcha un primer MVP de la tienda online en el menor tiempo posible para establecer HYPEWEAR como la tienda integral para artículos de moda digital. El flow del usuario debía diseñarse de la manera más simple e intuitiva posible, incluso para ‘nativos no web3’, para no excluir a nadie y garantizar que todxs lxs usuarixs puedan comprar artículos de moda digital. Además, las marcas tenían que poder vender su moda en 3D a través de HYPEWEAR para ofrecer una gran selección de diferentes piezas en la plataforma.

El metaverso ha abierto un mundo nuevo y emocionante para las empresas y la industria de la moda y en ABOUT YOU queremos darle forma. Con HYPEWEAR, queremos convertirnos en el destino de la moda digital y el vestuario principal del metaverso. Para esto, podemos confiar en DEPT® como un partner sólido en Web3 y Crypto.

Tarek Müller, co-fundador y co-CEO, ABOUT YOU

Hypewear Visual Still 01 Desktop Komprimiert

La solución

Una tienda online de moda digital basada en Algorand Blockchain

La selección de la blockchain apropiada fue una parte clave del proyecto. El enfoque principal fue garantizar que fuera ecológicamente sostenible, rápido y que tuviera tarifas de procesamiento bajas (es decir, tarifas por extraer y transferir NFTs). DEPT® y ABOUT YOU seleccionaron Algorand. Esta blockchain tiene una huella de CO2 mínima y permite transacciones rápidas entre el mercado y lxs clientxs.

A través del CMS integrado en la tienda online, ABOUT YOU puede crear y subir tantos items de moda digital como desee. Además, las tarifas de procesamiento que ocurren en Algorand son bajas.

Gracias a la integración de wallets, la creación de la crypto wallet en la que se almacenan los artículos se gestiona directamente para el usuarix en el proceso de registro. Esto evita una interrupción en la UX, lo que estaría asociado con la creación complicada y lenta que las wallets crypto suelen tener. Incluso lxs usuarixs sin experiencia en Web3 pueden recibir fácilmente sus piezas de moda digital.

Además del modelo 3D del artículo de moda digital respectivo y el NFT, lxs clientxs también reciben una foto editada de ellxs mismxs en la que se mapea la pieza de moda virtual. Este paso también encaja perfectamente en todo el recorrido de compra y se mantiene lo más simple posible. Lxs clientxs pueden administrar fácilmente sus artículos en su perfil y usar las fotos editadas para publicar en redes.

En tan solo unos meses, DEPT® y ABOUT YOU crearon la primera tienda online moda digital. HYPEWEAR empuja los límites de la moda convencional con piezas de moda 3D. La plataforma actúa como un hito digital en este campo, proporcionando el impulso para muchos más proyectos virtuales de futuro.

Screenshot 2022 07 28 at 10 11 42

El metaverso seguirá ganando importancia en los próximos años y vemos un gran potencial aquí, que queremos explorar junto con lxs expertxs de DEPT®: Creemos firmemente en una fase de transición de realidad aumentada, donde su yo físico presenta moda digital en las redes sociales, rompiendo los límites del mundo de la moda anterior y llegando a una audiencia aún mayor.

Marius Bingener, Líder del equipo de Desarrollo de Contenido, ABOUT YOU

Visitá HYPEWEAR.

¿Preguntas?

Director Marketing & Business Development

Gesine Meitler

Ralph Lauren

Una experiencia de regalo personalizada para Ralph Lauren

Ralph Lauren Red scaled

La marca de moda de lujo Ralph Lauren se fundó en 1967 y es líder mundial en el diseño, mercadeo y distribución de productos de lifestyle premium, que incluyen ropa, accesorios y muebles para el hogar, entre otros. Durante más de cinco décadas, su reputación y su imagen distintiva se han desarrollado constantemente en una cantidad cada vez mayor de productos, marcas, canales de venta y mercados internacionales.

Para la temporada navideña de 2021, Ralph Lauren invitó a BYTE/DEPT® a encontrar una manera de elevar su experiencia de regalo existente dentro del espacio digital.

Ralph Lauren Gift Chatbot 1 1

El desafío: desarrollar un vínculo fuerte

El objetivo era proporcionarle a sus usuarixs un método más inmersivo y personalizado para elegir el regalo perfecto, haciendo coincidir sus intereses con productos compatibles disponibles en el sitio web de Ralph Lauren. Querían desarrollar un fuerte vínculo entre la identidad de marca de Ralph Lauren, el asistente digital y el cliente, rompiendo cualquier barrera de comunicación y potenciando la experiencia para encontrar el regalo perfecto.

Esto se combinó con el deseo de ser pionerxs en comunicaciones de vanguardia con sus clientxs, aprovechando mecánicas emergentes e innovadoras para dar vida a la experiencia del regalo.

La solución: un chatbot para los regalos

Combinando información basada en datos de chatbots de regalos anteriores con características innovadoras de la plataforma de Instagram, creamos uno de los primeros chatbots de Instagram de marca disponibles en la industria y en todo el mundo.

Optimizamos la estructura de la conversación en función de los datos recopilados de los bots de regalos de Messenger y WhatsApp que ejecutamos anteriormente, para garantizar la mejor experiencia para lxs usuarixs durante la temporada navideña y más allá. Sabemos cómo se comportan lxs clientxs y qué les gusta cuando compran regalos, y lo hemos llevado al siguiente nivel en Instagram.

Una experiencia personalizada

La conversación lo lleva a través de un viaje personalizado para descubrir el regalo perfecto, tal como lo haría en la tienda insignia de Ralph Lauren en Bond Street en Londres.

  • Decinos para quién estás comprando y su estilo.
  • Combiná su estilo con el regalo perfecto utilizando perfiles de gusto personalizados.
  • Refiná su búsqueda con filtros dinámicos (como precio o ropa exterior) que recuerdan su historial de búsqueda y adaptan las recomendaciones en consecuencia.
  • Disfrutá la funcionalidad de NLP que te lleva a páginas de productos específicos cuando se escribieron ciertas palabras desencadenantes.
  • Obtené recomendaciones de productos personalizadas a partir de un feed dinámico de productos.

Hicimos uso de potentes funciones de descubrimiento que incluyen respuestas automáticas a las menciones en historias y mensajes directos para generar nuevas conversaciones de manera rentable. También construimos una serie de activos creativos que se canalizaron a las campañas pagas de Ralph Lauren para dirigir el tráfico al bot.

Uno de los primeros chatbots de Instagram para una marca en el mundo

Ralph Lauren Gift Chatbot 2 1

Resultados sobresalientes

Nuestro chatbot de regalos obtuvo excelentes resultados en sus primeros meses.

Promedio de 12k usuarixs mensuales entre el 21 de dic y el 22 de mar
Hemos visto un tráfico muy saludable en el bot, con 3,5 veces más usuarios en Instagram en comparación con Messenger y WhatsApp combinados.

82% tráfico orgánico
Más del 80% de los usuarios conocen el bot de forma orgánica, lo que lo hace muy eficiente en comparación con las campañas de medios pagados. Esencialmente porque reciben tráfico de alta calidad sin gasto en medios.

6 minutos de tiempo promedio dedicado al bot
Esto es 3 veces más alto que el tiempo promedio dedicado a nuestros otros bots de obsequios, lo que demuestra que lxs usuarixs tienen una buena experiencia.

2.7% tasa de clics al sitio web
Casi el 3% de lxs usuarixs que aterrizan en el chatbot visitan el sitio web y muestran intención de compra.

0,4% de usuarixs entregados a Atención al Cliente
Solo el 0,4% de los usuarixs requirió una transferencia a un agente de Servicio al Cliente en vivo. Esta es una de las tasas más bajas que hemos visto en la industria.

Con el chatbot ahora implementado con éxito en 4 mercados (Reino Unido, Italia, Alemania y Francia) en 4 idiomas, estamos buscando una mayor expansión en más mercados globales de Ralph Lauren para 2022.

¿Preguntas?

Lead Technology Planner at BYTE/DEPT®

Maria Temneanu

H&Mbeyond

Una experiencia Web3 única para H&Mbeyond

H&Mbeyond es el centro de innovación de la famosa empresa de moda sueca H&M Group. Junto con otras empresas e innovadorxs, su equipo impulsa proyectos orientados al futuro. Después de hablar en el Meta Festival 2021 de DEPT®, el director de H&Mbeyond, Oliver Lange, se acercó a nosotrxs para crear un proyecto en el metaverso para la marca H&M: Virtual Showroom.

Un punto central para intercambios significativos

H&Mbeyond se acercó a nosotrxs con la idea de expandir los showrooms físicos de H&M con un showroom en el metaverso. Este debía reflejar la identidad y los valores de la marca virtualmente en lugar de físicamente. Se trata de un espacio sin horario de apertura ni cierre, donde una amplia variedad de públicos objetivo como influencers y estilistas, clientxs, empleadxs y prensa pueden reunirse y conocer más sobre H&M y sus colecciones. Este showroom virtual debía servir como punto central para intercambios significativos en un entorno inmersivo. Los recorridos dirigidos por el equipo de showrooms de H&M tenían como objetivo informar a la audiencia sobre las tendencias y temas actuales, como la sostenibilidad y los materiales nuevos e innovadores que se utilizan para confeccionar las prendas.

La cantidad de visitantes, los países de origen y el tiempo promedio de permanencia en las áreas individuales (lo que puede ser útil para futuras activaciones de marca) se definieron como KPIs para este showroom. Los KPIs, incluidas las tasas de clics de los materiales descargables y los comentarios cualitativos de lxs invitadxs, se publicarán muy pronto.

HM Virtual Showroom Press Area

Trayendo las colecciones a la vida

¿Cómo podemos experimentar con la ropa cuando no podemos tocarla ni probarla? ¿Qué valor añadido ofrece una experiencia digital a visitantes y clientxs? Junto con nuestro partner Journee – The Metaverse Company™, exploramos soluciones a estas preguntas para desarrollar un mundo virtual personalizado para H&M. En el Virtual Showroom, se presenta contenido sobre temas de innovación y esfuerzos de sostenibilidad de H&M, junto con zonas de información, diseñadas especialmente para la prensa o lxs usuarixs interesadxs ​​en entablar una conversación.

El look & feel del showroom se basa en el ADN de H&M, con áreas diseñadas pensando en los temas más importantes que atraviesan a la marca hoy en día como el ‘Sustainability Garden’ (donde se comparte información sobre el material ‘AirCarbon’), o la zona de encuentro H&M Home Inluencers.

La ‘Campaign Room’, a la que se accede a través de un portal, es donde la nueva campaña de H&M Innovation Stories ‘Cherish Waste’ se interpreta de una forma nueva y fascinante.

Es ahí donde la directora creativa Ann-Sofie Johansson y la diseñadora conceptual Ella Soccorsi brindan información sobre el proceso de diseño de la colección y la campaña, y sobre los materiales utilizados en la ropa. Lo más destacado de esta sala son las seis piezas principales de la colección que dominan la sala como gráficos 3D llenos de detalles y de gran tamaño. El movimiento fluido y los colores vivos de los gráficos realmente dan vida a las piezas.

Las Colecciones Especiales, en particular, se prestan a la creación de tales espacios individuales, con una amplia variedad de opciones de activación de marca y brindando un valor agregado único para lxs visitantes.

HM Virtual Showroom Hero Image 3

De la visión a la realización (virtual)

Desarrollamos todos los componentes mencionados anteriormente junto con Journee y en estrecha colaboración con H&M. La visión del showroom fue creciendo poco a poco; nuestrxs estrategas desarrollaron el concepto y lxs diseñadorxs generaron ideas, escribieron y diseñaron dashboards creativos basados en la dirección creativa de la campaña y el ADN de la marca H&M.

Con la ayuda de los conocimientos de lxs clientxs de H&M, diseñamos los flujos de usuarixs para influencers, estilistas y periodistas en una etapa temprana, lo que brindó la orientación necesaria durante el proceso creativo. Con las ideas de diseño afinadas, continuamos optimizando el concepto y el contenido hasta que Journee pudo implementar todo (virtualmente) usando Unreal.

Los primeros recorridos de prueba en el Virtual Showroom nos ayudaron a completar la experiencia H&M Web3: se desviaron caminos, se movieron árboles, se intercambiaron imágenes y se agregaron descripciones para que la experiencia sea realmente inmersiva.

HM Virtual Showroom Campaign Area 2

Una experiencia de usuario inmersiva

Los tres diseños de avatar representan un mensaje importante: la necesidad de más diversidad e inclusión en la moda. Con los avatares, lxs usuarixs pueden moverse libremente en el Virtual Showroom, por lo que prestamos especial atención a la guía del usuario, la orientación y el orden en las salas.

Incluso lxs usuarixs sin experiencia pueden navegar por la sala de exposición con la ayuda de varias guías y explicaciones que les permiten descubrir todo de una manera lúdica y encontrar rápidamente lo que buscan simplemente teletransportándose al destino deseado.

HM Virtual Showroom Campaign Garment 6

Resultados

Una encuesta realizada a los visitantes de la Generación Z en la Sala de Exposición Virtual ha dado una respuesta muy positiva:

  • El 69% de los encuestados afirmó que la sala de exposición había despertado su interés por una experiencia virtual de la marca H&M.
  • Además, el 80% de los encuestados ya está interesado en participar en una experiencia virtual de la marca H&M como miembro de H&M Hello.
  • Por último, el 85% de los visitantes encuestados calificaron la experiencia de la sala de exposición virtual como muy positiva.

Notable eco en la prensa

“Previous digital press meetings were nothing compared to this experience. Amazing space and visual execution, i.e. 3D moving garments in campaign room.” GLAMOUR

“Congrats to the space. In love especially with the visuals.” VOGUE

“Super cool to experience such an entirely new and imaginary environment. Love the photo booth to share.” FASHION UNITED

En sólo 12 semanas, creamos una experiencia metaversa única en su género con el equipo de DEPT® y JOURNEE, que no sólo suscitó una reacción positiva del público objetivo y un notable eco en la prensa. El proyecto es también el impulso para otros proyectos de innovación dentro del Grupo H&M. Estoy deseando seguir colaborando con el equipo y me entusiasma ver cómo daremos forma a Web3 juntos en el futuro.

Oliver Lange, Head of H&Mbeyond.

¿Qué sigue?

Al trabajar en una verdadera colaboración a lo largo de un proceso iterativo, los requisitos del enfoque de innovación de H&Mbeyond se entendieron e implementaron de manera óptima. En el futuro, se espera que el Virtual Showroom albergue eventos como lanzamientos, reuniones y conciertos para un público más amplio, además de las presentaciones de nuevas colecciones.

“El Virtual Showroom de H&M está diseñado como un espacio para activaciones de marca como lanzamientos de nuevas campañas de moda. Estas cobran vida de una manera completamente nueva y emocionante, combinando innovación, digitalización y sostenibilidad. Me enorgullece ver cuánta energía, corazón y alma que nuestrxs colegas de todos los países y departamentos han puesto en este proyecto. Esperamos explorar el potencial en los países de la región de Europa Central y más allá”. Thorsten Mindermann, Gerente Regional, H&M Europa Central.

¿Preguntas?

Director Marketing & Business Development

Gesine Meitler

Patagonia

Una experiencia de ecommerce con el storytelling en el centro de todo

iStock 1314820096 scaled

Patagonia es una tienda family-owned de ropa y artículos deportivos para actividades al aire libre que tiene como centro de la marca la sustentabilidad. Como líder en modelos comerciales ecológicos, ha allanado el camino para que otras marcas reinventen sus prácticas teniendo en cuenta la sostenibilidad.

Para la experiencia emblemática de Patagonia, se nos encomendó la creación de una solución de diseño que diera vida a su enorme cantidad de productos y contenidos de una manera simple pero perspicaz. Para una marca que realmente vive sus valores, era vital que el UX reflejara eso, lo que significa que nuestro desafío era crear una experiencia de compra digital que contara una historia de marca en cada punto de contacto.

Patagonia siempre tuvo una voz y un tono fuertes. Nuestro enfoque fue elevar esta voz y darle vida en una ejecución clara y simple que busca que lxs consumidorxs consideren el impacto de sus elecciones en el ambiente.

La plataforma de ecommerce reinventada sirve como centro para la marca tanto para su activismo como para su contenido y sus productos.

La experiencia invoca la emoción y la comprensión racional y está completamente impulsada por la misión de la marca.

Un proceso colaborativo

Este proyecto requería un proceso profundamente colaborativo, que exigía una asociación única entre la agencia y el cliente. Rápidamente nos integramos al equipo de diseño de Patagonia en nuestra sede de San Diego y trabajamos en conjunto desde el concepto hasta la finalización. Esto sentó las bases para una relación duradera y exitosa que se extiende más allá de los límites tradicionales de servicio entre agencias y clientes.

Nuestro equipo encabezó la experiencia de usuario más amplia mientras consultaba de cerca con el equipo interno de Patagonia sobre dirección de arte, sistemas de diseño, pruebas de usuario y secuencias de comandos. A medida que avanzaba el proyecto, se nos dio una oportunidad adicional de ser dueños del rediseño visual y estratégico de la iniciativa de marca de Patagonia, The Footprint Chronicles. Al hacerlo, logramos un sistema de diseño simple y cohesivo que complementaba el sitio más grande.

Visual Light 159 2 scaled

Navegación y arquitectura de la información

Un nuevo sistema de navegación considera el alcance completo del viaje del consumidor, desde la interacción inicial hasta encontrar exactamente lo que está buscando. Transformamos la experiencia organizando el contenido de forma clara y lógica e integrando historias relevantes cuando correspondía. Esto le da a los productos más contexto mientras inyecta sin problemas la voz de la marca a lo largo de todo el viaje.

La nueva navegación prioriza el objetivo más amplio del diseño general para la narración de productos y propósitos a través de una estrategia de curación simple. Una extensa biblioteca de iniciativas culturales como Patagonia Action Works, The Footprint Chronicles y más se exhiben adecuadamente para un fácil descubrimiento.

Filtros

Para mantener la simplicidad de nuestro diseño, necesitábamos una poderosa herramienta de filtración que pudiera optimizar un catálogo de productos complejo. El resultado final fue un botón de acción contextual flotante que se convierte en el indicador más destacado de cualquier página. Este patrón de UX receptivo está diseñado para la accesibilidad y la progresión y ayuda con éxito a los usuarios a navegar.

Educación

Era fundamental que esta experiencia fuera personalizada y siempre relevante para el consumidor. Nuestro objetivo era, en última instancia, guiar a los usuarios hacia el mejor producto para sus necesidades en un flujo simple. Al implementar una superposición de comparación de productos y preguntas y respuestas en línea, pudimos ayudar a los clientes a decidir qué producto es el adecuado para ellos, ahorrándoles la molestia de alternar entre las páginas de detalles del producto. Como resultado, los usuarios se enrutan directamente a través del embudo de ventas en un flujo de UX sin problemas.

Estrategia de contenidos

The delicate balance between purpose and product truly came to life throughout our overall content strategy for this redesign. We set out to create a central system that could not only serve as a shopping platform but a brand initiative as well. In doing so, we were able to weave Patagonia’s passion and purpose right into each product story and keep consumers engaged in the brand, even if they were just looking to shop.

Desde el lanzamiento, las ganancias derivadas de mobile crecieron más de un 25%.

Visual Light 158 1 scaled

El sistema de diseño

El delicado equilibrio entre el producto y el propósito fue la fuerza impulsora detrás de todo nuestro sistema de diseño. El enfoque, la claridad y la simplicidad se convirtieron en nuestros principios rectores de UX, lo que nos permitió ayudar a Patagonia a contar historias convincentes, manteniendo tanto el sentimiento emocional como la comprensión racional. Nos propusimos eliminar cualquier exceso que no respaldara nuestro objetivo más amplio de una experiencia digital centralizada.

La colaboración constante entre el equipo de Patagonia y el nuestro, tanto diseñadores como desarrolladores, dio como resultado una guía de estilo digital refinada, con una solución técnica para respaldarla. Cada elemento del sistema rediseñado, desde la página de inicio hasta la navegación y nuestro nuevo sistema de filtrado de productos, se incorporó a la guía de estilo con la máxima fidelidad. A medida que avanzaba el proyecto, nuestro equipo de desarrollo se incorporó al equipo de tecnología de Patagonia para ofrecer un soporte continuo en la construcción de The Footprint Chronicles y Patagonia.com. A partir de esto, construimos un modelo de contenido intuitivo dentro de Salesforce Commerce Cloud, mientras que nuestros esfuerzos de frontend produjeron un sitio altamente interactivo con un movimiento renderizado meticulosamente para contar la historia de The Footprint Chronicle.

Consideraciones del proyecto

Diseño a escala

Código responsive

Documentación

etzel k 1375 cc WEB

The Footprint Chronicles: lo que comenzó como una asociación para reinventar una tienda digital pronto se convirtió en un compromiso de consultoría colaborativa.

Se le pidió a nuestro equipo que ayudara a revivir una de las iniciativas de marca impulsadas por la transparencia de Patagonia: The Footprint Chronicles. Esta historia de sustentabilidad necesitaba ser contada en más de un lugar, por lo que desarrollamos un sistema para mostrarla a lo largo de la experiencia de compra.

Footprint Overview3 scaled

Dar pausas

En un esfuerzo por cambiar la mentalidad de los consumidores, utilizamos las páginas de detalles del producto como una oportunidad para invitar a un propósito de marca más grande. Al educar suavemente a los compradores sobre cómo se fabrican los productos y el impacto que tienen en el planeta, podemos darles un momento para hacer una pausa y considerar sus hábitos. Al hacerlo, podemos convertir a los buscadores de productos en compradores motivados por un propósito, mientras contamos historias de productos significativas.

Una historia inmersiva

Nuestro objetivo con The Footprint Chronicles era primero generar empatía con los clientes y luego impulsar la acción. Nuestra estrategia de contenido y el diseño de componentes nos permitieron contar historias ricas y dinámicas a través de contenido interactivo que permite a los usuarios explorar y aprender. La flexibilidad de este diseño nos permite no solo educar a los consumidores sobre la misión de la marca, sino que también genera un cambio real en la mentalidad cultural.

Un call to action

Nuestra estrategia y objetivo general para The Footprint Chronicles culmina en una estructura narrativa simple. Comenzamos con por qué cada aspecto de nuestra misión es importante: por qué es necesario señalar estos puntos y contar historias. Luego, los consumidores reciben una explicación honesta de dónde nos encontramos en este viaje para hacer y ver el cambio. Por último, el compromiso de la marca con lo que viene. ¿Hacia dónde progresa Patagonia desde aquí y qué pueden hacer los consumidores y cada marca para desempeñar un papel en este cambio?

Visitá la web

1x

Webby Award – Fashion & Beauty 2021

1x

Webby Award – People’s Voice Winner 2021

¿Preguntas?

Head of Marketing US

Kristin Cronin

Beats by Dre

A new home for the Beats brand

Beats Retail Web Design Case Study Hero Image Desktop scaled

The Beats by Dre brand is a multibillion-dollar company that owns over 70% of the market. An icon at the center of pop culture, its stamp on music and sports was cemented by legendary founders Dr. Dre and Jimmy Iovine. After changing hands through an Apple acquisition, Beats approached us to help pivot the brand in a different direction with a new digital flagship focused on building the brand while improving conversion and click-through rates.

Centered around the idea of moving at the speed of culture, the new .com acts as a channel where brand inspiration, product information, and the Beats community come together. Storytelling lives at the service of product, and product is brought to life through more in-depth information and cultural context. Editorial content, brand campaigns, and product stories are now connected in a manner that encourages the audience to lose themselves in what they love.

Experience design

The purpose of the digital experience was two-fold: to bring the emotion of the brand forward while emphasizing product benefits. Beyond a standard eCommerce platform, we helped build a destination for all things Beats.

Optimising for users and form factors – With a core audience ranging from 16 to 24 years old, the eCommerce experience is designed for thumb-first interaction. The navigational structure is adaptable across mobile, tablet, and desktop, ensuring we’re serving users of all behaviors and device types.

Through a research-proven approach, the experience works, looks, and feels like an app.

A digital-first design language and content strategy.

The new creative direction is distinctively Beats: bold, streamlined, and beautiful. The design system embraces minimalism and is modular in structure to create consistency and improve flexibility.

Product pages highlight unique stories and features through lifestyle photography and video, establishing strong art direction standards in the process.

A content hub to explore the Beats brand.

Social media has made relevance and engagement essential components of the user experience. Taking cues from popular channels like Instagram, Pinterest, and Snapchat, a centralized location for original Beats content allows users to jump in and out during the browsing experience.

The content tags relevant products to spark consideration and desire.

Through a research-proven approach, the experience works, looks, and feels like an app.

Visual Dark 20 1 scaled

Interactive and modular styling for seamless updates.

We teamed up with Beats’ digital, brand, marketing, and technology teams to establish a system of site components that is easy to use and flexible enough for new campaigns, trends, and product updates.

Our digital experience manager allows each region to build out its own front end, while the style guide instructs internal teams how to use, interact with, and manipulate site components and code to tell timely stories.

To create consistency and expedite time to market, we created an interactive style guide that outlines design considerations and standards alongside code snippets to help engineering teams easily integrate across digital platforms.

Building upon the style guide, we engineered a custom page builder and prototyping system that enables the various departments at Beats to collaborate and test approaches.

The tool pulls together site-wide components and enables the client team to add and remove various experience patterns with ease. They can also save and share layouts as well as export functional code for deployment on Adobe Experience Manage

Technology solutions

To grow their businesses and adapt to the changing cultural landscape, brands must rely on technical innovation. Likewise, the Beats brand needed a platform that was scalable, efficient, and frictionless.

To execute on its long-term vision, the Beats team needed best-in-class content creation tools and a modular system of components. Adobe Experience Manager provides enterprise-level media and content management, which allows the client team to focus on the messaging and user journey rather than scalability.

Visual Light 138

Experience the website

Visual Light 125 2 1 scaled

1x

Webby Award – Site of the year 2017

1x

Webby Award – Mobile Best Practices 2019

Questions?

Head of Marketing US

Kristin Cronin

Adidas

Responsive web design for a global player

iStock 1210783873 min scaled

For the launch of the new Adidas football boot models, which were worn during the 2016 European Championship, Adidas presented a prize draw campaign. DEPT® teamed up with Adidas to work on this project. DEPT® was responsible for the execution of the site across all areas – from the design and the front-end execution to the database link and the integration of social media functions. In addition to the creation of the campaign’s concept, DEPT® developed a microsite that includes a prize draw. In this way, the two new football boot models X / ACE 15+ Primeknit in the new Black & White Edition were put in the spotlight.

Development of microsite and prize draw campaign

The target audience for the competition concerned active (hobby) footballers. To participate, the user goes to the link http://www.adidas.de/takeyourchance#/ to register with their email address and date of birth. Then they choose which type of player they are, based on their playing techniques, position and personality. The user can select from two models: ACE 15+ Primeknit “Control everything – Rule the game” for the traditional footballer or X 15+ Primeknit “Cause chaos – Destroy order” for the explosive scorer.

Visual Light 109 scaled

In the race for new football boot models

Visual Light 110 scaled

A fully accessible solution

After successfully completing, the user can share their experience with their new friends and their football team on their social media sites at just a single click. Thus, they also animate others to play along. Of course, the campaign’s site featured a completely responsive Web design – thereby allowing users to easily participate from all stationary and mobile devices.

For the largest competition of the season, a total of 18 pairs of new X 15.1 and ACE 15.1 models were given away. Not only did the participant themselves win a new model, but their entire team did too.

Questions?

Executive Creative Director

Max Pinas

By Malene Birger

Luxury label reveals new website

2007 launch ourstory 1440x799 01

By Malene Birger, a subsidiary of the IC Group A/S, is an international premium luxury brand that charms thousands of fashion-conscious women all over the world. The fashion house passionately represents the idea of making women feel strong and self-confident in its brand. IC Group A/S decided to migrate the existing By Malene Birger online shop from a full-service environment and to manage it independently with the aim of taking all control and coordination of the online shop into its own hands. IC Group is relying on DEPT® in the implementation of this project.

By Malene Birger launches new online shop

The international luxury label By Malene Birger launched the new online shop running on the cloud-based e-commerce solution Salesforce Commerce Cloud in March 2015 with the support of DEPT®. Since the go-live, By Malene Birger has managed its online shop completely independently, including logistics and customer service. Now, the fashion company has full control over the shop system and can easily and quickly adapt to shifting market conditions. The shop has also been implemented in responsive design, is optimised for use with search engines and is characterised by greater customer friendliness and better brand perception. This was achieved by connecting the brand and e-commerce sites and then carrying out migration to the Salesforce Commerce Cloud platform.

Visual Light 125 1 scaled

Stylish in every aspect

Visual Light 126 2 1 scaled

New one-page-checkout

By switching from a multi-page to a one-page checkout, By Malene Birger wants to enable its customers to complete their purchases more quickly and, at the same time, minimise the abandonment rate resulting from a checkout process that is too extensive and confusing. The customer can now enter her personal data such as delivery address, delivery type and payment method directly on a clearly arranged page where the order summary continues to be displayed at all times.

14

countries

6

currencies

5

languages

More features

To simplify order management, DEPT® has implemented a specially developed OMS module into the Salesforce Commerce Cloud platform. In addition, a plug-in has been implemented to support returns management and CRM and PIM systems have been integrated.

Questions?

Director Web3 & Partner

Jan Gutkuhn

Marks & Spencer

Maximising multilingual paid search campaigns

Marks scaled

Marks & Spencer Group (M&S) is a major multinational retailer, specialising in selling clothing, homeware and luxury food products. Founded in 1884, M&S has been a stalwart presence on UK high streets for over a hundred years. Today, it operates over 1,000 stores in the UK and 428 international stores in 56 territories across the world. Its ecommerce site is present in 33 countries in 30 languages. Combined, its global revenue is over £10.5bn.

12 markets & 8 languages

Marks & Spencer wanted to grow and mature its international business through an enhanced consumer experience, smarter digital investments and better strategic decisions on market entry and expansion. Improving Paid Search was identified as a key success factor to achieve this in the overall marketing mix, and it turned to DEPT® to help.

The initial goal was to take full ownership across branded search, and to build and execute a scalable and complete market-specific Paid Search strategy.

DEPT® helped M&S take full advantage of Paid Search advertising in 12 markets and 8 languages, including Ireland, France, USA and Australia.

We first conducted initial account audits, analysed Google Search data, and leveraged explicit channel knowledge to estimate market potential. This was a crucial element in designing and prioritising the optimal approach.

Together with M&S, DEPT® built roadmaps and forecasts for each market, and executed the Paid Search strategy across all nominated countries.

Achieving growth with consistent optimisation

Restructuring a fragmented set-up

The first challenge DEPT® overcame was to move away from a fragmented and unstructured Paid Search setup where international markets where treated with a a one-size-fits-all approach.

DEPT® restructured the accounts based on a combination of analyses and deep channel understanding. Designing a scalable and consistent Paid Search campaign structure made it possible to implement the Paid Search initiatives at a fast pace across the 12 countries.

The optimisation journey

It’s easy to turn on a campaign, but in order to achieve growth and ongoing development, DEPT® works in a three pillar approach: Structure; Quality; Financial Performance.

In doing so, we follow a transparent optimisation model tailored to both the specific market needs and Marks & Spencer’s marketing calendar. Automation helps to ensure the smooth and effective execution of promotion campaigns across multiple countries and languages.

70% increase in revenue

Thanks to a structured and consistent approach and our local language and market competencies, DEPT® managed to realise a large share of the international potential.

During the collaboration, revenue from the Paid Search channel increased between 25% – 70% across the twelve markets.

Questions?

Strategy Director

Christina Hansen

Tom Tailor

From an external e-commerce model to an in-house platform

The Tom Tailor Group’s declared aim was to get their outsourced shop back into their own hands and create their own platform. DEPT® was chosen to implement this project back into an in-house platform. The aim was not only to create as much flexibility as possible for Tom Tailor and Bonito shops, but also to ensure they‘re competitive. Our joint starting point was to draw up a complete strategy.

A new system architecture for a traditional company

How did we do this? Getting all the e-commerce activities back in-house required not only the UX/AD part but also a new IT architecture as well. That’s why we provided a complete front-end team and back-end development to implement system-critical components such as the interface with Novomind i-PIM and emarsys. And, above all, we focussed on the crucial development of a new system architecture, which was adapted and optimised multiple times.


More conversion through targeted addressing and content

Results

We laid the focus on targeted addressing and content. So, fashion content as it should be: emotional and gender-specific, addressed to particular target groups. From newsletters to detailed pages. User-centred strategies were developed and implemented using all the available shop data as a basis, and taking personas into account. We adapted and optimised the customer experience, and confirmed it through WebArts A/B testing. The navigation we redesigned in this way, with different gender entries, has already allowed us to achieve a significant conversion uplift. The final result? An increased revenue per visitor of 3.08% and an increased CR of 2.43%!


Questions?

Director Web3 & Partner

Jan Gutkuhn

Birkenstock

Un zapato de culto conquista el mundo virtual

birkenstock eu cw15 stage 01 franca d

Con un reconocimiento de marca de más del 80 por ciento, Birkenstock es una de las 5 principales marcas mundiales de calzado. Con alrededor de 3.800 empleadxs, la tradicional empresa familiar en su sexta generación es también uno de los mayores empleadores de la industria del calzado alemana.

Nuestra misión

Hasta 2016, Birkenstock utilizaba principalmente el comercio minorista en tiendas para entregar sus zapatos a consumidores conscientes de la moda. Para establecer una tienda en línea profesional y fortalecer la marca a nivel mundial, Birkenstock optó por una nueva plataforma de comercio electrónico. DEPT® se encargó del rediseño conceptual y visual de la tienda online, su implementación e internacionalización.


Trabajo en equipo para la sandalia que marca tendencia

Listxs para el mundo

Junto con nuestra extensa fase de consultoría técnica y la decisión de utilizar Salesforce Commerce Cloud como la plataforma de comercio electrónico elegida, nuestro equipo de Diseño y Tecnología desarrolló el concepto y la nueva apariencia para la tienda en línea internacional de Birkenstock en cooperación con el cliente en un proceso de co-creación. Después de solo tres meses de desarrollo e implementación, la tienda se puso en marcha en Austria. Pronto siguieron otros países europeos, EE. UU. y Japón, siempre teniendo en cuenta los requisitos específicos de cada país. Hoy, la tienda está disponible en 21 países de todo el mundo con una selección de 17 idiomas diferentes.

Visual Light 94 scaled

Identidad de marca y estilo de vida centrados en el usuario

Sensible, con una presentación atractiva y, sobre todo, fácil de usar: la nueva tienda de Birkenstock facilita que los clientes descubran y compren sus productos favoritos. Gracias al contenido inspirador y al diseño intuitivo y claro, el factor de estilo de vida de Birkenstock se acentúa perfectamente. No importa si optas por las sandalias Gizeh en Japón o en Nueva York.

Visual Light 93 3 scaled

Otras características para el éxito

Además, DEPT® integró las siguientes funcionalidades y soluciones de terceros:

  • Marketing automation (Salesforce Marketing Cloud)
  • Store locator
  • OMS-, CRM- und ERP-system (Arvato)
  • PIM (InRiver)
  • Influencer marketing (Olapic)
  • Mejoras en las promociones
  • Wishlists

En agradecimiento al enfoque de vía rápida, DEPT® recibió el popular premio Salesforce Pacetter Award 2017 para Birkenstock.

¿Preguntas?

Director Web3 & Partner

Jan Gutkuhn

Mantengámonos en contacto!

Personalize your experience

We use functional cookies to make the website work properly, analytical cookies to measure your behavior and marketing cookies for ads- and content personalization. We collect data on how you use our website to make our website easier to use, but also to tailor or personalize communication in advertisements, on our website or apps. Data collected through marketing cookies is also shared with third parties. By clicking accept you agree to this. More information? Read our cookie policy.