ABOUT YOU is one of the fastest growing e-commerce companies and one of the leading online fashion retailers in Europe, driving innovative projects and seeing itself as an industry pioneer in digital fashion. ABOUT YOU approached DEPT® with the vision to create an online shop for digital fashion. The aim: making digital fashion items accessible to the general public. DEPT® supported end-to-end, as both consultant and implementation partner.
Virtual Fashion – unlimited possibilities
First, the HYPEWEAR brand was created and the CI designed, both in close coordination with ABOUT YOU. DEPT® then conceptualized and developed the HYPEWEAR digital fashion online shop based on the agency’s own Algomart solution. As a last step, DEPT® created a teaser video for the high-profile launch of HYPEWEAR.
In addition to the fashion e-commerce business, ABOUT YOU aims to conquer the virtual fashion space and offer customers a wide variety of outfits. Virtual fashion allows creators to design pieces that are not wearable in real life or could not exist like this such as a jacket made of virtual flowers, a dress made of dancing tulle elements, or other unusual voluminous highlight pieces. There are different collections available in the HYPEWEAR shop; some of them are rare and limited in number, others are available more often. Customers have the opportunity to express themselves in a completely new way and to present themselves digitally; this is particularly relevant for Gen Z with regard to the fluid understanding of their identity.
It’s all ABOUT YOU
With the new platform for digital fashion, there are no physical limits to the customers’ own self-expression. HYPEWEAR is a first mover to offer digital fashion and, according to its motto ‘From Tech to Human’, the items are not only affordable for digital fashion fans, but also accessible without crypto knowledge. This makes the platform one of the pioneers in the market.
Fast First Mover – fast, simple and intuitive
The aim was to bring a first MVP of the online shop live in the shortest possible time to establish HYPEWEAR as the one-stop store for digital fashion items. The user journey was to be designed as simple and intuitive as possible, even for ‘non-web3 natives’, in order not to exclude anyone and to ensure that every user can purchase digital fashion items. In addition, brands should be able to sell their 3D fashion via HYPEWEAR to provide a large selection of different fashion pieces on the platform for the target group.
An online shop for digital fashion based on the Algorand Blockchain
The selection of the appropriate blockchain was a key part of the project. The main focus was on ensuring that it was ecologically sustainable, fast, and had low processing fees (i.e. fees for mining and transferring the NFTs). DEPT® and ABOUT YOU selected Algorand. This blockchain has a minimal CO2 footprint and enables fast transactions between marketplace and customers.
Through the integrated CMS in the online store, ABOUT YOU can create and upload as many digital fashion items as desired. The occurring processing fees on Algorand are minor.
Thanks to the integration of custodial wallets, the creation of the crypto wallet in which the items are stored is handled directly for the customer in the registration process. This prevents a break in the customer journey, which would be associated with the time-consuming and complicated creation of crypto wallets and the subsequent connection in the store. Even Web3-inexperienced users can receive their digital fashion pieces with ease.
In addition to the 3D model of the respective digital fashion item and the NFT, customers also receive an edited photo of themselves onto which the virtual fashion piece is mapped. This step also fits perfectly into the entire customer journey and is kept as simple as possible. Customers can easily manage their digital fashion items in their profile and use the edited photos for social media.
Within just a few months, DEPT® and ABOUT YOU have created the first online store for digital fashion. HYPEWEAR pushes the boundaries of conventional fashion with three-dimensional fashion pieces. The platform acts as a digital milestone in this field, providing the impulse for many more future-forward, virtual projects.
The metaverse will continue to gain importance in the upcoming years and we see great potential here, which we want to explore together with the experts of DEPT®: We strongly believe in a transition phase of augmented reality, where your physical self presents digital fashion on social media, breaking down the boundaries of the previous fashion world and reaching an even larger audience.
Marius Bingener, Teamlead Content Development, ABOUT YOU
Visit the HYPEWEAR online shop
Director Marketing & Business Development
C&A is one of the leading fashion companies in Europe, with over 1,300 stores and 25,000 employees across 18 countries. Every day, over 2 million customers flock to its physical stores, or visit its online site looking for high-quality fashion at low prices. C&A turned to DEPT® to review and refresh its technical architecture in line with its extensive rebrand.
Flexibility and scalability – key factors in a digital world
The collaboration between C&A and DEPT® began in mid-2020. Initially, we were tasked with maintaining and further developing the front-end of the previous online store. However, the monolithic e-commerce platform it was built upon was unfortunately restricting the retailer’s digital growth. In today’s digital world where user expectations, trends, technology, and broader market factors change so quickly, a flexible and scalable system is key for companies who want to act instead of react.
From a monolithic platform to a headless microservice architecture
C&A needed a customer experience platform to act as its central digital touchpoint and support omnichannel consumer journeys to ensure a seamless shopping experience. The retailer had already developed an innovative architecture concept, and planned to replace its legacy platform with an edge-based, headless microservice architecture with SPA front end. Together with C&A’s in house teams, DEPT®:
- developed an agile product strategy and roadmap;
- set up a cross-product design system;
- developed new front- and backend components;
- implemented a new, modern technical architecture.
Product strategy and roadmap
To effectively pursue the goals of C&A’s digital strategy, as well as the overarching business and brand strategy, DEPT® worked with C&A’s Product and UX team to develop a medium-term, agile product strategy for the new online store.
We first developed data-based customer value propositions for the target groups of the online store. We mapped out an ambitious Webshop Vision Statement 2024 as a landmark for the product team. Together with C&A, we set strategic milestones and defined associated key results, to ensure the online store’s success is continuously measured and can be made visible to key stakeholders at any time.
To bring the online store strategy to life, we set up an agile workflow that leads directly to a dynamic, strategic product discovery and roadmap. Since expectations and impulses around digital products change at lightning speed, the online store will be strategically reviewed in regular alignments in the future.
Collaboration and process
From the very beginning, DEPT® established a broad collaboration with various stakeholders at C&A – from brand and marketing teams to IT and research units. This was an important basis for the success of the project, as it enabled a common understanding of how brand purpose and brand value propositions could be translated into the digital realm. Possible solutions based on consumer insights were developed with the help of collaborative ideation and co-creation sessions, and the results were tested using interactive prototypes. In order to routinely generate ideas for new functions and services in the future, the collaboration between the C&A user research team and the product managers was integrated and intensified – a new power force that will not only further develop the online store in a user-centric manner but also make it more innovative.
Architecture and technology
The technical solution conceived by C&A was further elaborated and implemented together with DEPT® to create a microservice approach. This scalable and flexible infrastructure enables optimal time-to-market performance, and enables personalised offers, content, and services to be delivered to the users. At the same time, the solution can grow seamlessly with future requirements.
Due to the complexity of the project and the associated complete renewal of the architecture, the development of the new online store was divided into several stages. Stage 1 included the redevelopment of the store frontend for the customer journey up to the shopping cart, as well as the introduction of a new backend. Both components are hosted “on the edge” on a high-performance and scalable serverless infrastructure from Cloudflare. The generation and delivery of content to users is done via a worldwide CDN (Content Delivery Network), with thousands of nodes.
A new, modern headless CMS became the central tool for content maintenance across multiple channels such as the online store and the C&A app. Because the backend and commerce engine remained unchanged in Stage 1, interfaces to the legacy system based on GraphQL were developed in collaboration with software company novomind. This enables the parallel operation of old and new technology, and conducts ongoing A/B tests for 10% of the users. The connection of these APIs and all other third party systems like Reco-Engine, PIM, etc, takes place via a newly developed gateway, which provides the data in a consolidated form to the frontend; a modern and server-side rendered single page application based on React.
Product design, user experience and content
The entire user journey through to checkout was redesigned. A comprehensive set of content modules provides space for engaging, inspiring content that embodies freshness and modernity. Large-scale images and strong portraits combined with close-ups create an emotional connection, while striking typography succinctly brings user-relevant content to the point.
The header is now cleaner and clearer; there is a new navigation concept for the mobile and the desktop versions. New and more balanced product listings provide a better overview and support the user to make an informed buying decision.
Easy-to-understand labels and a focus on sustainability communicate the brand promise and good value for money. A user-friendly filter gives customers the most important options directly at their fingertips. The products on the details page now have a new arrangement, with a clearer buy box and integrated size advice, helping to underline the modern look and feel of the new platform.
The design system as the single source of truth
Built from scratch, the new C&A design system is a living digital ecosystem that grows and changes in symbiosis with the e-com products. It enables teams to develop a consistent experience for users as the new single source of truth for a common digital language. This increases efficiency and strengthens cross-functional collaboration, even for external partners. In a collaborative approach, our product design team worked closely with the client to develop and define the overarching guidelines such as digital branding basics and content principles. Shop-specific foundations, components and UX patterns are provided with guidelines and numerous best practices to offer the best possible orientation and guidance for a consistent experience.
Together with DEPT®, the strong partner at our side, we have built a state-of-the-art webshop. The new platform fulfils the wishes of our customers, reflects the modernity of our brand and forms the basis for our ambitious growth targets.
Ulrike Otto, Head of Digital Experience, C&A
Patagonia is a family-owned apparel and outdoor sporting goods outfitter, rooted in sustainability. As a leader in eco-friendly business models, they’ve paved the way for others to reimagine their practices with sustainability in mind. For Patagonia’s flagship experience, we were tasked with crafting a design solution that brought its massive product and content library to life in a simple yet insightful way. For a brand that truly lives its values, it was vital that the user experience echo that—meaning that our challenge was to create a digital shopping experience that tells a brand story at every touchpoint.
Being no stranger to storytelling, Patagonia has always maintained a strong voice. Our approach was to elevate this voice and bring it to life in a clear, simple execution while striking a balance between culture, business, and the environment. One that begs consumers to consider the impact of their choices—right down to the clothes they wear. The reimagined eCommerce platform serves as a brand hub for both activism and content, through a cohesive digital style guide, UX principles, and a consistent narrative. The experience invokes human emotion and rational understanding and is entirely driven by the brand’s mission. Most importantly, it serves both function and storytelling by not only selling clothes but transforming value systems.
This project called for a deeply collaborative process—one that demanded a unique agency-client partnership. We quickly embedded the Patagonia design team into our San Diego HQ and worked in tandem from concept to completion. This set the foundation for a longstanding, successful relationship that extends beyond the traditional boundaries of agency-client servicing.
Our team spearheaded the broader user experience while closely consulting with the in-house team at Patagonia on art direction, design systems, user testing and scripting. As the project progressed, we were given an additional opportunity to own the visual and strategic redesign of Patagonia’s brand initiative, The Footprint Chronicles. In doing so, we achieved a simple, cohesive design system that complemented the larger site.
Navigation & information architecture
A new navigation system considers the full scope of the consumer journey—from initial interaction to finding exactly what they’re looking for. We transformed the experience by organizing content in a clear, logical way, and integrating relevant stories when appropriate. This gives products more context while seamlessly injecting the brand voice throughout the entire journey.
The new navigation prioritizes the overall design’s larger goal for product and purpose-led storytelling through a simple curation strategy. An extensive library of cultural initiatives like Patagonia Action Works, The Footprint Chronicles, and more are properly showcased for easy discovery.
To maintain the simplicity of our design, we needed a powerful filtration tool that could optimize a complex product catalog. The end result was a floating, contextually aware action button that becomes the most prominent prompt on any page. This responsive UX pattern is designed for approachability and progression and successfully helps users browse.
It was essential that this experience was personalized and always relevant to the consumer. Our goal was to ultimately guide users to the best product for their needs in one simple flow. By implementing an in-line Q&A and product comparison overlay, we were able to help customers decide which product is right for them, saving them the hassle of toggling between product detail pages. As a result, users are directly routed through the sales funnel in one seamless UX flow.
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.
Since the launch of Patagonia mobile revenues have grown by over 25%
The delicate balance between product and purpose was the driving force behind our entire design system. Focus, clarity, and simplicity became our guiding UX principles, which allowed us to help Patagonia tell compelling stories—while maintaining both emotional feeling and rational understanding. We set out to strip away any excess that did not support our larger goal of one, centralized digital experience.
Constant collaboration between Patagonia’s team and ours—both designers and developers—resulted in a refined digital style guide, with a technical solution to support it. Each element of the redesigned system, from the homepage to navigation to our new product filtering system, was built into the style guide to the highest fidelity. As the project progressed, our development team was embedded into Patagonia’s tech team to offer seamless support in building out The Footprint Chronicles and Patagonia.com. From this, we built an intuitive content model within the Salesforce Commerce Cloud, while our frontend efforts produced a highly interactive site with meticulously rendered motion to tell The Footprint Chronicle story.
The Footprint Chronicles – What started as a partnership to reimagine a digital storefront soon became a collaborative consulting engagement. Our team was asked to help revive one of Patagonia’s transparency-driven brand initiatives—The Footprint Chronicles. This story of sustainability needed to be told in more than one place, so we developed a system that would surface it in the shopping experience. An informative card structure highlights key details about a product’s carbon footprint to educate the consumer and drive brand purpose, perspective, and conversion.
Give people pause
In an effort to shift the consumers’ mindset, we used product detail pages as an opportunity to invite a bigger brand purpose. By gently educating shoppers on how products are made and the impact it has on the planet, we’re able to give them a moment to pause and consider their habits. In doing so, we can convert product seekers into purpose-driven shoppers, while telling meaningful product stories.
An immersive story
Our goal with The Footprint Chronicles was to first build empathy with customers, then drive action. Our content strategy and component design allowed us to tell rich, dynamic stories through interactive content that allows users to explore and learn. The flexibility of this design lets us not only educate consumers about the brand mission but impacts real change in the cultural mindset.
A call to action
Our overall strategy and goal for The Footprint Chronicles culminates into one simple storytelling structure. We start with why each aspect of our mission is important—why these points need to be made and stories be told. Consumers are then given an honest explanation of where we stand in this journey to make and see change. Finally, the brand’s commitment to what’s next. Where does Patagonia progress from here and what can consumers and every brand do to play a role in this shift.
Experience the website
Webby Award – Fashion & Beauty 2021
Webby Award – People’s Voice Winner 2021
Head of Marketing US
ASOS is a leading online retailer for fashion-loving 20-somethings around the world, but staying ahead of ever-increasing competition for an ever-changing and savvy demographic means a constant need to innovate. And then came Covid-19, taking away all those special occasions young shoppers would regularly hit up ASOS for new clothes anyway.
ASOS is the market leader in the UK but a challenger brand in the USA. In fact in the American market there’s debate over how to even pronounce the brand name. For the record it’s, ”Ay like in play then sauce” – which we started off by including in our TikTok bio. With “sauce” being a youth expression for great outfit this then gave the heart of our TikTok challenge, “show us your A-sauce, B-sauce, C-sauce” i.e. your three best looks. Putting our brand name right, in a non-obtrusive but clear way, at the heart of doing what young people loved, showing off their new threads. Now we just needed to enable them to do this in a creative, brand-friendly way.
TikTok is a rare “sound on” channel, known for breaking some of today’s biggest hits, so we went “sound first” – crafting a bespoke track with KARM that gave the platform’s legion of creators a beat to cut their outfit changes to. In addition, we created an interactive “branded effect” that allowed creators to transition between outfits with hand actions (peace sign and hand palm) and flair. To get people participating we launched the “hashtag challenge” by working with 28 popular U.K. and U.S. Creators, such as @abbyrartistry, @estare, @elmo, and @lorengray, to kick off the challenge and provide inspiration for users to follow while also building the credibility of ASOS’ brand presence on the platform.
Users taking part
Globally, the campaign recorded over 1.2 billion video views in just 6 days, with 488,000 videos created and 167,000 users taking part, all of which exceeded expectations. On top of that, the creative achieved an engagement rate of 15.79%, well above benchmarks. ASOS commissioned a brand lift study for the campaign, and the results were also very impressive. The campaign achieved a 25% increase in aided brand awareness and a 10% increase in brand association with being “trendy.” Ad recall also saw a 50% increase.
Head of Marketing, Europe
H&Mbeyond is the innovation hub of the well-known Swedish fashion company H&M Group. Together with startups and innovators, its team drives forward future-oriented projects. After speaking at DEPT®’s 2021 Meta Festival, Head of H&Mbeyond, Oliver Lange, approached us to create the first-of-its-kind, Metaverse project for the H&M brand: the Virtual Showroom.
A central point for meaningful exchanges
In keeping with the current zeitgeist, H&Mbeyond approached us with the idea of expanding H&M’s physical showrooms with a digital showroom. Based on the former, it should reflect the brand’s identity and values, just virtually instead of physically. A space without opening hours, where a wide variety of target audiences such as influencers and stylists, customers, employees, and the press can meet and learn more about H&M and its collections. The Virtual Showroom was to serve as a central point for meaningful exchanges in an immersive environment. Targeted tours by the H&M showroom team were intended to inform the audience about current trends and topics such as sustainability and new, innovative materials.
The number of visitors, countries of origin and the average time spent in the individual areas (which can be helpful for future brand activations), were defined as KPIs for this new showroom. KPIs including click rates of downloadable materials and qualitative feedback from showroom guests and media stakeholders are to follow soon.
Bringing collections to life
How can we experience clothing when we can’t touch it or wear it? What added value does a digital experience offer visitors and customers? Together with our partner Journee – The Metaverse Company™, we explored solutions to these questions to develop a virtual, custom-fit world for H&M. In the H&M Virtual Showroom, content on H&M’s innovation topics and sustainability efforts are presented, alongside ‘information zones’, designed especially for the press or users interested in a conversation.
The look of the showroom is based on the DNA of the H&M brand, with appropriately designed areas for the most important topics such as the ‘Sustainability Garden’ (where information on the innovative material ‘AirCarbon’ is shared), or the H&M Home influencers meeting area.
The ‘Campaign Room’, accessible through a portal, is where the new H&M Innovation Stories campaign ‘Cherish Waste’ is interpreted in a fascinating new way. Here, Creative Director Ann-Sofie Johansson and Concept Designer Ella Soccorsi give insights into the design process of the collection and the campaign, as well as the materials used in the clothing. The highlight of this room are the six main pieces of the collection which dominate the room as detailed, oversized 3D graphics. The flowing movement and vivid colours of the graphics really bring the pieces to life. Special Collections, in particular, lend themselves to the creation of such individual spaces, with a wide variety of brand activation options and providing unique, added-value for the visitors and the H&M showroom team.
From vision to (virtual) realisation
We developed all of the components mentioned above together with Journee and in close cooperation with H&M. The vision of the showroom grew piece by piece; our strategists developed the concept, and the designers brainstormed, scribbled and designed creative mood boards based on the creative direction of the campaign and the H&M brand DNA.
With the help of H&M’s user insights, we designed the user flows for the influencers, stylists and journalists at an early stage, which provided the necessary guidance during the creative process. With the design ideas sharpened, we continued to optimise the concept and content until everything could be implemented (virtually) by Journee, using Unreal.
The first test tours in the Virtual Showroom, plus the positive feedback and ideas received from H&M stakeholders, helped us to round off the H&M Web3 experience. Paths were rerouted, trees moved, images swapped, and descriptions added.
An immersive user experience
The three avatar designs represent an important message: the need for more diversity and inclusion in fashion. With the avatars, users can move freely in the Virtual Showroom, so we paid special attention to user guidance, orientation and the order in the rooms. Even inexperienced users can navigate through the showroom with the help of various aids and explanations, helping them to discover everything in a playful way. Thanks to the separate rooms and different areas in the H&M Virtual Showroom, users can explore and experience the brand and the respective collections, or they can quickly find what they are looking for by simply teleporting to their desired destination.
A survey carried out with Gen Z visitors to the Virtual Showroom has resulted in very positive feedback:
- 69% of the respondents said that the showroom had aroused their interest in a virtual H&M brand experience.
- In addition, 80% of the respondents are already interested in participating in a virtual H&M brand experience as an H&M Hello member.
- Finally, 85% of the visitors surveyed rated the virtual showroom experience as very positive.
Remarkable press reviews
“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
Within only 12 weeks, we created a first-of-its-kind metaverse experience with the team from DEPT® and JOURNEE, which not only triggered positive feedback from the target group and a remarkable press echo. The project is also the impetus for further innovation projects within the H&M Group. I am looking forward to further collaboration with the team and am excited to see how we will shape Web3 together in the future.
Oliver Lange, Head of H&Mbeyond.
By working in true collaboration throughout an iterative process, the requirements of H&Mbeyond’s innovation approach were optimally understood and implemented. In the future, the Virtual Showroom is expected to host events such as launches, meetings, and concerts for larger audiences, all in addition to the presentation of new collections.
“H&M’s Virtual Showroom is designed as a space for brand activations such as fashion campaigns. These are brought to life in a whole new and exciting way, combining innovation, digitalisation and sustainability. It makes me very proud to see how much energy, heart and soul our colleagues across countries and departments have put into this project. We are looking forward to exploring the potential in the countries of the Central Europe region and beyond.” Thorsten Mindermann, Regional Manager, H&M Central Europe.
Director Marketing & Business Development
Alongside DEPT®, Wilson repositioned themselves and authored a proactive, authentic mission for the brand and business: “empower every human to live life like an athlete.”
On this foundation, we set out to refresh the brand identity and execute a digital launch strategy for Wilson Sportswear from concept through production.
The need to stand for something
Wilson, the iconic American sporting goods brand, came to us at an inflection point.
The company had been at the centre of sport for over a century, making world-class hard goods like balls, bats, rackets, clubs, and gloves to give athletes an edge. While their products were well-known by athletes around the world, they were preparing to launch their first-ever apparel line and recognised that the brand needed to stand for something bigger.
We started by shaking down the brand through a visual audit and interviews with employees and athletes to understand brand perception and the role that sport plays in their lives.
We learned unequivocally that sports matter. They add meaning to our lives. They teach us things.
How to persist. How to work together. How to fail. And most importantly, that what lies within is bigger than anything that lies ahead.
You don’t reinvent a 100-year-old brand. You find its soul and give it room to grow.
No primetime athletes.
No cut-throat competition. No winning or losing.
Our creative showed only everyday athletes who play for the love of the sport.
“Athlete” is considered a title reserved for a chosen few. It conjures up ideas of physical ability and big-name fame. When people think “athlete,” they think of the ones they see on TV. Blood, sweat, and tears. Walking out of tunnels, arms raised in victory.
Our go-to-market strategy for the first year of Wilson Sportswear was to challenge these stereotypes by representing the athletic spirit that lives inside us all and plays on without expecting anything in return.
Spirited collaboration despite the odds
Design and product development, in sync
The timing of our brand identity work allowed BASIC/DEPT® designers to explore and refine a new visual language for the Wilson brand at the same time their internal teams developed the inaugural Sportswear collection. As a result, we were able to influence everything from packaging to hang tags, even branding on the collection itself.
Empowering a global team to create with long-term consistency. We crafted an all-new brand book consisting of a design system, photography guidelines, and company culture material.
A familiar format to carry on the conversation. For year one, we proposed orienting the brand around biweekly “drops.” This construct was proven in the category and gave Wilson a way to establish a heartbeat of product stories based on cultural moments, capsules, and collaborations.
Remote content production
The restraints of the pandemic didn’t hold us back. We were able to safely plan and produce multi-day shoots in LA to sustain the launch phase and months of drops to follow.
Client Services Director
Time? It flies by. It’s why we like to capture our lives through photographs. It allows us to relive special and everyday moments. Polaroid’s cameras make these moments tangible with just one click. The iconic brand is well known among people over 30, but not as well known among the younger generation who is digitally native: Generation Z. A generation that captures experiences with their smartphones. So how do you bring Polaroid to the attention of this group? We set to work on this issue together with Polaroid which resulted in a successful TikTok campaign reaching over 9.4 million users.
How to reach
Polaroid believes we are what we create. Polaroid’s unique instant cameras make this possible. For the first time in over 20 years, Polaroid created an entire new camera system and film. The new model is more compact, the smallest instant analog camera ever designed, and better suited to the lifestyle of Generation Z: the Polaroid Go. Together we set out to find the answer to the question: How do we reach Generation Z with this camera?
Performance through the roof
The spot-on and platform-specific content combined with our well-defined targeting resulted in a strong performance of this campaign. Besides the huge reach, we also noticed that the target group was very interested in the content of the campaign. With the valuable insights we gained from this campaign, the next campaigns are already in the starting blocks.
- More than 20 million impressions
- A total reach of 9.4 million unique users
- A view-through-rate of 53%
Social Advertising Consultant
Four times a year, the Scandinavian cult brand GANNI would travel to Paris, London and New York for sales appointments. Their Pre Spring 21 collection was scheduled to be sold to buyers in May 2020. However, COVID-19 disrupted the company’s plans, forcing them to quickly re-imagine the way that they connected with their B2B buyers and presented their newest collection. Together with MOON agency, GANNI turned to DEPT® to help them create a unique and immersive digital showroom experience. The result? A retro microsite that emulates a Windows 98 desktop that featured a personalised playlist, a lookbook that combines both video and still elements, campaign imagery as well as private folders and dress-up dolls, all of this built in just six weeks.
Changing how GANNI interacts with its buyers
From its striped sweaters to banana and cherry print T-shirts, GANNI, the Scandinavian street-style brand has been making waves across the fashion industry as it grew to become a designer label which every follow-worthy Instagrammer was wearing. In a world that stays at home, the brand needed to reinvent how it connected with its B2B buyers by embracing a digital-only approach. Thanks to our previous collaboration together during which our team of experts redesigned the brand’s website in six week’s time, GANNI asked us to help them design and build a lookbook and digital showroom for their wholesale buyers together with MOON.
We created a unique and immersive digital showroom experience
Transforming GANNI’S creative director’s computer into a showroom
Although the aim was to present the brand’s newest collection to their B2B buyers, we wanted to take it a step further and create an immersive experience which incorporates some playful elements that reflect GANNI’s brand personality and make the user smile. Therefore, together with GANNI and MOON, we came up with the idea of recreating Ditte’s, GANNI’s Creative Director, desktop and transform it into an immersive digital showroom experience.
The core of the showroom experience was the lookbook which enabled buyers to have a 360-degree view of each style. Each selected product would prompt multiple pop-ups of both photos and videos that zoom in and out to demonstrate the fit, shape and texture of the garment. To keep the navigation process simple and intuitive, users could use the arrows on their keyboard to flip through the various product offerings and press “escape” to close all of the open windows. Making it easy to navigate through the brand’s various product offerings in a surprising and engaging way.
Taking the showroom beyond a simple lookbook
However, beyond the lookbook folder which showcased the newest styles in addition to styling suggestions and behind-the-scenes images from the photoshoot, Ditte’s desktop also included a virtual fitting room feature which prompted users to take a photo of themselves and play dress up with a few signature styles from the collection. Once the look was finalised, users could save and download their creations. This enabled buyers to visualise and style each item to their liking from the comfort of their homes.
Setting the mood
Lastly, we included a few small but fun digital components to set the mood for buyers around the world. So from a music player which played layback and lively music to a folder which opened the hampsterdance GIF and song as a fun 90’s reference; and a “private” folder with a personal letter from Ditte introducing this year’s collection and images showing the making of the collection, our team incorporated these elements to ensure this felt like an experience rather than just business.
Crafting a microsite using Netlify and Contentful
Our team of experts had six weeks to build and code a digital showroom for GANNI. Given this tight timeframe, we opted to use a customisable blank slate Netlify CMS which enabled fast and flexible development via a friendly user interface. Meaning we were able to deploy it quickly and GANNI employees could also easily work with it. In addition, we used Contentful for media hosting purposes. This enabled us to construct a small-scale coherent self-contained application.
Building the future of wholesale
In six weeks time, together with GANNI and MOON, we created and built a digital showroom that enabled 600 buyers to discover a more personal side to the fashion brand, browse the newest collection and save any items they wish to buy.
Nicolaj Reffstrup, GANNI’s founder comments “As COVID-19 hit, we realised that we had to radically rethink our approach to B2B sales. However, we needed to ensure that the project was 100% on-brand, totally immersive, digitally savvy and added value to our partners. We also wanted to combine the digital experience with playful and physical elements such as a handmade wine glass or a curated notebook with fabric swatches, creating tactility. The result was a completely tailored digital platform with an interesting brand narrative and content that was multi-layer. We were able to offer a high level of service to our wholesale partners as well as creating something that felt super personal in the shape of Ditte’s actual desktop.”
However, we’re just getting started. We are currently working on elevating the original concept by enabling e-commerce features in addition to adding more playfulness. As the world becomes more and more digital, GANNI is future-proofing its brand by catering to all of its customers in a digital manner.
Jonas Roland Therkildsen
Going live with a brand new e-commerce system and a whole new design – in just five months. This challenge was one that DEPT® willingly accepted on behalf of fashion label GANT. We took a pragmatic approach to the issues at hand: getting the webshop live as soon as possible; continuing (a still ongoing) redesign project, and developing a new rollout. The result is a future-ready webshop that fits GANT’s contemporary character perfectly.
GANT is driven by the belief that one should ‘Never Stop Learning’. This concept created the base on which this successful clothing brand was built, ever since it was founded in 1949. Staying curious, learning more, and being open to new ideas and views; this is what it’s all about, according to GANT. It is no surprise that they express this belief in their fashion and the accompanying campaigns, in which being inclusive is the main focal point.
Despite GANT already having a powerful online presence, they wished to develop themselves further in the digital field. Up until then, they used multiple types of software, and their webshop did not portray GANT’s identity; one which they are so proud of.
Covid-19 has only increased the importance of a robust online presence; the lockdown forced physical shops to shut their doors and drove retailers to solely sell their wares online. It was time for GANT to stand out by giving the webshop a new design, whilst simultaneously ensuring the website stayed future-ready by switching to one single software system.
Experience the website
Lyst is one of the most celebrated breakthrough stories in fashion retail. Established in 2010 from a small shed in London. Lyst emerged to become the largest global fashion search platform, bringing together 5 million products from 12,000 of the world’s leading brands and retailers, all in one place. Lyst continues to innovate e-commerce with a curated customer experience and partnered with a DEPT® to conceptualise their latest campaign. Fulled by data and brought forward with award-winning creativity, an interactive quiz encouraging users to ‘Discover your Fashion DNA’ was launched.
Using data to fuel creativity
DEPT® took a strategic, data-led approach towards developing the campaign concept. The structure and narrative of the quiz were cleverly designed to compel users, prevent drop-offs and encourage social sharing.
Using relatable, scenario-led questions in a quiz format, Lyst was able to effectively gather lifestyle-oriented data to generate a better understanding of its users, based on their preferences. As this information was gathered, it was directly linked into
Lyst’s existing database of website analytics, paths to purchase, onsite user journeys, and favourited products or categories. Adding this new data and filtering results into categories enables Lyst to formulate well-rounded user personas to frame future marketing campaigns with highly personalised touchpoints.
Enhancing UX with micro-interactions
Experience at the forefront
Innovative technical workarounds
DEPT® worked in collaboration with the client throughout the project in an agile way; being reactive to budget and timing changes, as well as iteratively releasing demos and digital modules as they were being developed. With this partnership, creative assets were produced in-line with Lyst’s tone of voice, and points of sign-off were streamlined, allowing the team to continuously progress.
It was important for a timely launch of the campaign, which required a technical workaround to maintain the original creative concept. It would have been best practise to build each animation in code however, time constraints meant that we used an alternative method involving video that worked just as well.
Upon completing a question, a video is triggered to play for the duration of the timing gap leading into the next page. On mobile, videos were swapped for GIFs. The end result was a seamless transition, demonstrating how DEPT®’s dynamic teams of design, motion and code experts can release digital products, to brief, when the pressure is high and time is of the essence.
AWWW Honourable Award
AWWW Site of The Day
DEPT® created a highly engaging campaign for Lyst that recognises the differences between countries and people, celebrating the individuality of nations and people alike.
The quiz indulges users in an interactive experience that eventually gives them insight into how their lifestyle preferences position them on a global scale; a fair value exchange for Lyst to gather user data.
Launched in March 2020, The ‘Discover Your Fashion DNA’ campaign was translated in 8 languages. There are over 200 possible clothing items that are displayed on the results page and many, many more found within the quiz.
Executive Creative Director
Personalize your experience