Beats by Dre

Een nieuw thuis voor Beats by Dre

Beats Retail Web Design Case Study Hero Image Desktop scaled

Het audiomerk Beats by Dre is een icoon in de wereld van popcultuur met een focus op muziek en sport. Het merk werd op de kaart gebracht door de twee legendarische oprichters Dr. Dre en Jimmy lovine. Na een overname door Apple benaderde Beats ons voor hulp om het merk in een andere richting te sturen met een nieuw digitaal flagship dat gericht is op het opbouwen van het merk en het verbeteren van conversie en click-through rates. 

De nieuwe .com focust zich op het idee van meebewegen met de snelheid van cultuur en fungeert als een kanaal waar merkinspiratie, productinformatie en de Beats-community samenkomen. Storytelling is van groot belang voor het product en komt tot leven door diepgaande informatie en culturele context. Redactionele content, merkcampagnes en productverhalen zijn met elkaar verbonden op een manier die het publiek aanmoedigt om zich volledig te storten in de activiteiten waar ze van houden.

Experience design

Het doel van de digitale ervaring was tweeledig: de emotie van het merk naar voren brengen en tegelijkertijd de productvoordelen benadrukken. Naast een standaard e-commerce platform, hielpen we een bestemming te bouwen voor alles wat met Beats te maken heeft.

Met een doelgroep variërend van 16 tot 24 jaar oud, is de e-commerce-ervaring ontworpen voor interactie. De navigatiestructuur is aanpasbaar voor mobiel, tablet en desktop, zodat we gebruikers ongeacht gedrag of type apparaat van dienst kunnen zijn. Door de op onderzoek gebaseerde aanpak werkt, ziet en voelt de ervaring als een app.

Een digital-first designtaal en contentstrategie

De nieuwe creatieve richting is kenmerkend voor Beats: mooi, gedurfd en gestroomlijnd. Het designsysteem omarmt minimalisme en is modulair opgebouwd om consistentie te creëren en flexibiliteit te verbeteren. Productpagina’s belichten unieke verhalen en kenmerken door middel van lifestyle fotografie en video, waardoor sterke art direction standaarden worden neergezet.

Een content hub om het merk te verkennen

Door social media zijn relevantie en betrokkenheid essentiële onderdelen van de gebruikerservaring geworden. Op basis van populaire kanalen als Instagram, Pinterest en Snapchat is er een centrale locatie voor originele Beats-content waar gebruikers tijdens het browsen in en uit kunnen springen.

De content tagt relevante producten om overweging en verlangen te stimuleren.

Door de op onderzoek gebaseerde aanpak werkt, ziet en voelt de ervaring als een app.

Visual Dark 20 1 scaled

Een interactieve styling voor naadloze updates

We werkten samen met de digitale, merk-, marketing- en technologieteams van Beats om een systeem van site-onderdelen op te zetten. Eentje die gemakkelijk te gebruiken is en flexibel genoeg voor nieuwe campagnes, trends en product updates.

Onze digital experience manager stelt elke regio in staat zijn eigen front-end te bouwen. Dit terwijl de stijlgids interne teams instrueert hoe ze site-onderdelen en code moeten gebruiken en integreren om tijdig verhalen te vertellen. Om consistentie te creëren en de doorlooptijd te verkorten, hebben we een interactieve stijlgids gemaakt die ontwerpoverwegingen en -standaarden schetst naast codefragmenten. Zo helpen we engineering teams om de digitale platforms gemakkelijk te integreren.

Voortbouwend op de stijlgids ontwierpen we een aangepaste pagebuilder en prototyping systeem dat de verschillende afdelingen bij Beats in staat stelt samen te werken en werkwijzen te testen. De tool voegt site-brede componenten samen en stelt het klantenteam in staat om eenvoudig verschillende ervaringspatronen toe te voegen en te verwijderen. Ze kunnen ook lay-outs opslaan en functionele code exporteren voor deployment op Adobe Experience Manager.

Technologische oplossingen

Om hun bedrijf te laten groeien en zich aan te passen aan het veranderende culturele landschap, moeten merken vertrouwen op technische innovatie. Zo had Beats ook een platform nodig dat schaalbaar, efficiënt en wrijvingsloos was.

Om een langetermijnvisie uit te voeren, had het Beats-team de beste tools voor contentcreatie en een modulair systeem van componenten nodig. Adobe Experience Manager biedt media- en contentbeheer op bedrijfsniveau, waardoor het klantenteam zich kan concentreren op de berichtgeving en de user journey in plaats van op schaalbaarheid.

Visual Light 138

Beleef de website

Visual Light 125 2 1 scaled

1x

Webby Award – Site of the year 2017

1x

Webby Award – Mobile Best Practices 2019

Vragen?

Danijel Bonacic 1

Strategy Director

Danijel Bonacic

Blijf op de hoogte

Net zoals andere websites maken ook wij gebruik van cookies(en daarmee vergelijkbare technieken) om het bezoek van www.deptagency.com voor jou nog makkelijker en persoonlijker te maken. Hiermee kunnen wij en derde partijen advertenties aanpassen aan jouw interesses en kun je informatie delen via social media.