Digital DJ Pool

Redesign einer DJ‑Plattform

<b>Rebranding</b> auf jedem Touchpoint

Die "Cherryphones" sind die neue einzigartige Signatur

<b>UX-Overhaul</b> der Plattform

Schlankere Benutzerführung, klarere Aktionen, attraktives Upselling - in einem völlig neuem UI

Digital DJ Pool
Visit website
BRANCHE
Music Tech
Zeitraum
Mehrere Sprints im Jahr 2020 und 22
TEAM

Lead Design
Designers UX / UI

Produkt-Design Web Marke Mobile

Über das Projekt

Digital DJ Pool ist ein Ort für Labels, Künstler und Manager, um ihre Musik zu promoten, indem sie sie direkt an DJs und Radiosender weltweit einreichen. Die Plattform bietet eine große Bibliothek an Musik in über 40 Genres.

Wir haben ein einfaches und inspirierendes Entdeckungserlebnis und eine Reihe von Funktionen für soziale Netzwerke entwickelt, um das Engagement der Nutzer auf der Plattform zu steigern. Zum Projektumfang gehörten die Desktop- und Mobilgeräte-Erfahrung der Plattform sowie das neue Website-, Branding- und Designsystem.

<section class="section modular-portfolio-detail-list bg-grey-05"> <div class="wrapper portfolio-detail-list"> <div class="item flex-container"> <div class="flex-item-left"> <div class="vertical-middler"> <h3>Eine Marke, die man wiedererkennt</h3> <p>Betreut mit der Aufgabe, das Erscheinungsbild der Marke zu modernisieren, entwarfen wir ein neues adaptives Logo und harmonisierten und erweiterten die UI Farbpalette. Die sogenannten &quot;Cherry Phones&quot; wurden zum neuen Markenzeichen des Kunden, das von seiner Zielgruppe geliebt und adaptiert wird.</p> </div> </div> <div class="flex-item-right img-mobile"> <picture> <source media="(max-width: 767px)" srcset="https://boanastudio.com/user/pages/04.cases/digital-dj-pool/01._rebranding/digitaldjpool-branding-materials-1x.jpg" /> <source srcset="https://boanastudio.com/user/pages/04.cases/digital-dj-pool/01._rebranding/digitaldjpool-branding-materials-1x.jpg 1x, https://boanastudio.com/user/pages/04.cases/digital-dj-pool/01._rebranding/digitaldjpool-branding-materials-2x.jpg 2x" /> <img src="https://boanastudio.com/user/pages/04.cases/digital-dj-pool/01._rebranding/digitaldjpool-branding-materials-1x.jpg"> </picture> </div> </div> </div> </section> <section class="padding-largest no-padding-bottom module-portolio-detail-headline bg-grey-05"> <div class="wrapper"> <h2 class="l-text center"> <span class="color">Redesign und UX-Optimierung </span> <br class="not-on-s">der Plattform </h2> </div> </section> <section class="section modular-portfolio-detail-list no-padding-sides no-padding-bottom bg-grey-05"> <div class="headline-large-image"> <div class="item-wrapper"> <div class="item"> <div class="image img-mobile"> <picture> <source media="(max-width: 767px)" srcset="" /> <source srcset="https://boanastudio.com/user/pages/04.cases/digital-dj-pool/03._full-width-no-margin-image-2/digitaldjpool-beefore-after-1x.jpg 1x, https://boanastudio.com/user/pages/04.cases/digital-dj-pool/03._full-width-no-margin-image-2/digitaldjpool-beefore-after-2x.jpg 2x" /> <img src="https://boanastudio.com/user/pages/04.cases/digital-dj-pool/03._full-width-no-margin-image-2/digitaldjpool-beefore-after-1x.jpg}"> </picture> </div> </div> </div> </div> </section> <section class="section modular-portfolio-detail-list"> <div class="wrapper portfolio-detail-list"> <div class="item flex-container reverse-order"> <div class="flex-item-left img-mobile"> <picture> <source media="(max-width: 767px)" srcset="https://boanastudio.com/user/pages/04.cases/digital-dj-pool/04._tile-image-1/digitaldjpool--what-you-missed-1x.jpg" /> <source srcset="https://boanastudio.com/user/pages/04.cases/digital-dj-pool/04._tile-image-1/digitaldjpool--what-you-missed-1x.jpg 1x, https://boanastudio.com/user/pages/04.cases/digital-dj-pool/04._tile-image-1/digitaldjpool--what-you-missed-2x.jpg 2x" /> <img src="https://boanastudio.com/user/pages/04.cases/digital-dj-pool/04._tile-image-1/digitaldjpool--what-you-missed-1x.jpg"> </picture> </div> <div class="flex-item-right"> <div class="vertical-middler"> <h3>Erstellen von Musiksets&lt;br&gt; in Minutenschnelle</h3> <p>Digital DJ Pool ist eine unverzichtbare Ressource für DJs, die ihre Sets mit Leichtigkeit erstellen wollen. Das Browsing-Erlebnis wurde für eine einfache Navigation konzipiert, so dass der Benutzer in wenigen Minuten Sets zusammenstellen kann. Nutzer können Tracks, Künstler und Labels schnell finden und ganze Crates herunterladen, um ihren Set-Erstellungsprozess zu optimieren.</p> </div> </div> </div> </div> </section> <section class="section modular-portfolio-detail-list"> <div class="wrapper portfolio-detail-list"> <div class="item flex-container"> <div class="flex-item-left"> <div class="vertical-middler"> <h3>Jede Woche ein&lt;br&gt; gezielter Mix von Tracks</h3> <p>The discovery of new tracks is the cornerstone of the product. That’s why the vast library can now be explored through curated lists and daily updated charts and trends pages that provide inspiration. The platform offers new music every day, directly from labels, artists, and producers.</p> </div> </div> <div class="flex-item-right img-mobile"> <picture> <source media="(max-width: 767px)" srcset="https://boanastudio.com/user/pages/04.cases/digital-dj-pool/05._tile-image-2/digitaldjpool-hand-picked-1x.jpg" /> <source srcset="https://boanastudio.com/user/pages/04.cases/digital-dj-pool/05._tile-image-2/digitaldjpool-hand-picked-1x.jpg 1x, https://boanastudio.com/user/pages/04.cases/digital-dj-pool/05._tile-image-2/digitaldjpool-hand-picked-2x.jpg 2x" /> <img src="https://boanastudio.com/user/pages/04.cases/digital-dj-pool/05._tile-image-2/digitaldjpool-hand-picked-1x.jpg"> </picture> </div> </div> </div> </section> <section class="section modular-portfolio-detail-list"> <div class="wrapper portfolio-detail-list"> <div class="item flex-container reverse-order"> <div class="flex-item-left img-mobile"> <picture> <source media="(max-width: 767px)" srcset="https://boanastudio.com/user/pages/04.cases/digital-dj-pool/06._tile-image-3-4/digitaldjpool--feedback-module-1x.jpg" /> <source srcset="https://boanastudio.com/user/pages/04.cases/digital-dj-pool/06._tile-image-3-4/digitaldjpool--feedback-module-1x.jpg 1x, https://boanastudio.com/user/pages/04.cases/digital-dj-pool/06._tile-image-3-4/digitaldjpool--feedback-module-2x.jpg 2x" /> <img src="https://boanastudio.com/user/pages/04.cases/digital-dj-pool/06._tile-image-3-4/digitaldjpool--feedback-module-1x.jpg"> </picture> </div> <div class="flex-item-right"> <div class="vertical-middler"> <h3>Ermutige&lt;br&gt; Nutzerinteraktion</h3> <p>Das Erlebnis auf der Plattform wird durch interaktive Funktionen bereichert - Künstler können nun wertvolles Feedback von DJs in über 150 Ländern auf der ganzen Welt erhalten und eine globale Präsenz erreichen. Nutzer können DJs, Labels und Künstlern folgen, die sie lieben, und mit einem personalisierten Musik-Feed und Benachrichtigungen über die neuesten Veröffentlichungen auf dem Laufenden bleiben.</p> </div> </div> </div> </div> </section> <section class="section modular-portfolio-detail-list"> <div class="wrapper portfolio-detail-list"> <div class="item flex-container"> <div class="flex-item-left"> <div class="vertical-middler"> <h3>Mobiles Erlebnis&lt;br&gt; für Musik unterwegs</h3> <p>Mit der mobilen App können Sie von jedem Ort aus neue Musik hören, Crates erstellen und Ihre Wiedergabelisten verfeinern. Dateien können heruntergeladen und offline abgespielt werden - Sie müssen sich also keine Sorgen um eine unzuverlässige Netzwerkverbindung machen.</p> </div> </div> <div class="flex-item-right img-mobile"> <picture> <source media="(max-width: 767px)" srcset="https://boanastudio.com/user/pages/04.cases/digital-dj-pool/06._tile-image-3-4/digitaldjpool-mobile-screens---stream-1x.jpg" /> <source srcset="https://boanastudio.com/user/pages/04.cases/digital-dj-pool/06._tile-image-3-4/digitaldjpool-mobile-screens---stream-1x.jpg 1x, https://boanastudio.com/user/pages/04.cases/digital-dj-pool/06._tile-image-3-4/digitaldjpool-mobile-screens---stream-2x.jpg 2x" /> <img src="https://boanastudio.com/user/pages/04.cases/digital-dj-pool/06._tile-image-3-4/digitaldjpool-mobile-screens---stream-1x.jpg"> </picture> </div> </div> </div> </section> <section class="section modular-portfolio-detail-list bg-grey-05"> <div class="wrapper portfolio-detail-list"> <div class="item flex-container reverse-order"> <div class="flex-item-left img-mobile"> <picture> <source media="(max-width: 767px)" srcset="https://boanastudio.com/user/pages/04.cases/digital-dj-pool/07._last-tile-image/digitaldjpool-quick--win-1x.jpg" /> <source srcset="https://boanastudio.com/user/pages/04.cases/digital-dj-pool/07._last-tile-image/digitaldjpool-quick--win-1x.jpg 1x, https://boanastudio.com/user/pages/04.cases/digital-dj-pool/07._last-tile-image/digitaldjpool-quick--win-2x.jpg 2x" /> <img src="https://boanastudio.com/user/pages/04.cases/digital-dj-pool/07._last-tile-image/digitaldjpool-quick--win-1x.jpg"> </picture> </div> <div class="flex-item-right"> <div class="vertical-middler"> <h3>Quick-win: Erfassen Deine Leistung&lt;br&gt; mit transparenten Daten</h3> <p>Digital DJ Pool ist eine umfassende Plattform für Künstler und Plattenfirmen, die ihre Musik promoten möchten. Wir haben eine Reihe leistungsstarker Funktionen entwickelt, mit denen Sie Ihre Fangemeinde vergrößern, Ihre weltweite Bekanntheit verfolgen und neue Titel effektiv bewerben können. Mit unseren Analysen und Einblicken können Künstler ihre Leistung in Echtzeit messen, datengestützte Entscheidungen treffen und ihre Musik auf die nächste Stufe heben.</p> </div> </div> </div> </div> </section> <section id="cta-your-project" class="section padding-largest modular-call-contact "> <div class="wrapper"> <div class="flex-container"> <div class="flex-item-left"> <picture> <source media="(max-width: 767px)" srcset="/user/themes/boanastories/img/sales/s-profile-j2-mobile.jpg" /> <source srcset="/user/themes/boanastories/img/sales/s-profile-j2-1x.jpg 1x, /user/themes/boanastories/img/sales/s-profile-j2-2x.jpg 2x" /> <img src="/user/themes/boanastories/img/sales/s-profile-j2-1x.jpg" alt="Johannes Holl" /> </picture> <a href="https://boanastudio.com/de/team/johannes-holl" class="xs-text text-grey-60 image-caption"><b class="bold text-grey-40">Johannes Holl</b> <span class="not-on-s">• </span>Geschäftsführer</a> </div> <div class="flex-item-right"> <div class="text"> <div class="headline l-text"> &lt;span class=&quot;color&quot;&gt;Sprechen wir über&lt;/span&gt;&lt;br&gt;Ihr Projekt. </div> <div class="teaser n-text text-grey-60"> Teilen Sie Ihre Ideen mit uns, wir helfen gerne! </div> <div class="actions"> <a href="https://boanastudio.com/de/contact" class="button primary">Kostenlose Beratung</a> </div> </div> </div> </div> </div> </section>