My DJ Cloud

Eine Cloud-Musiklösung für DJs

UX-Design für <b>4 Touchpoints</b>

einschließlich: Desktop-App, die in der Taskleiste minimiert wird, mobile App, Landing Page, App Store Assets

<b>Quick win</b>

Als Nebenprojekt haben wir die Menüs umstrukturiert, damit die Benutzer die Produkte und Informationen schneller finden können. Insgesamt hat die Neugestaltung dazu beigetragen, dass Lykon sein Wertversprechen besser vermitteln kann.

<b>UX Overhaul</b>

ohne die Nutzer zu überrumpeln

My DJ Cloud

Visit website

BRANCHE

Music Tech

Zeitraum

Mehrere Sprints im Jahr 2020 und 22

TEAM

Lead Design
Designers UX / UI

Produkt-Design Web Mobile

Über das Projekt

Die Gründer von My DJ Cloud verfügen über umfangreiche Erfahrungen in der Musikindustrie. Sie hatten die Vision eines neuen Dienstes, der ein neues Marktsegment schaffen könnte. Dieser Dienst bietet Cloud-Speicher für DJs und ermöglicht es ihnen, ihre bestehende Musiksammlung mit maßgeschneiderten Backup-Funktionen in die Cloud zu bringen. In Zusammenarbeit mit den Gründern haben wir uns eine Sammlung von mobilen und Desktop-Apps vorgestellt, die nahtlos zusammenarbeiten, um einen einheitlichen Service und ein einheitliches Markenerlebnis zu schaffen.

<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-cloud/01._tile-image-1/Mydjcloud-pic05-desktop-crates-1x.jpg" /> <source srcset="https://boanastudio.com/user/pages/04.cases/digital-dj-cloud/01._tile-image-1/Mydjcloud-pic05-desktop-crates-1x.jpg 1x, https://boanastudio.com/user/pages/04.cases/digital-dj-cloud/01._tile-image-1/Mydjcloud-pic05-desktop-crates-2x.jpg 2x" /> <img src="https://boanastudio.com/user/pages/04.cases/digital-dj-cloud/01._tile-image-1/Mydjcloud-pic05-desktop-crates-1x.jpg"> </picture> </div> <div class="flex-item-right"> <div class="vertical-middler"> <h3>Immersives Benutzererlebnis<br> auf mehreren Touchpoints</h3> <p>Die Desktop-Anwendung bietet DJs Cloud-Speicher- und Backup-Optionen, während die mobile App für iOS und Android den Zugriff auf Dateien von unterwegs und die einfache Bearbeitung von Wiedergabelisten ermöglicht. Mit dieser umfassenden Lösung können DJs ihre Musikbibliotheken von jedem Gerät mit Internetzugang aus effizient verwalten und so einen nahtlosen Zugriff auf ihre Musiksammlung gewährleisten, wann und wo immer sie sie benötigen.</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>Synchronisierte<br> Desktop-Bibliothek</h3> <p>My DJ Cloud ist eine Versicherungspolice, die Schutz vor verschiedenen Szenarien wie Festplattenausfällen, verlorenen externen Laufwerken, gestohlenen Geräten oder fehlenden Backups bietet. Die App erstellt automatisch Backups von DJ-Bibliotheken und Dateien und stellt so sicher, dass Nutzer ihre sorgfältig zusammengestellte Musiksammlung nicht verlieren. Die Plattform bietet einen klaren Überblick über Dateien und Kisten mit der Option, nicht benötigte Dateien manuell zu löschen.</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-cloud/01._tile-image-1/Mydjcloud----sync-desktop-1x.jpg" /> <source srcset="https://boanastudio.com/user/pages/04.cases/digital-dj-cloud/01._tile-image-1/Mydjcloud----sync-desktop-1x.jpg 1x, https://boanastudio.com/user/pages/04.cases/digital-dj-cloud/01._tile-image-1/Mydjcloud----sync-desktop-2x.jpg 2x" /> <img src="https://boanastudio.com/user/pages/04.cases/digital-dj-cloud/01._tile-image-1/Mydjcloud----sync-desktop-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">Deine Musik, wo du sie brauchst, wann du sie brauchst. </span> <br class="not-on-s">Und in der Cloud, wenn nicht. </h2> <p class="sn-text section-paragraph center">Die My DJ Cloud-App lässt sich nahtlos mit allen wichtigen DJ-Softwareprogrammen integrieren, darunter Serato, rekordbox und Virtual DJ. Der Projektumfang umfasste die Entwicklung eines Onboarding-Assistenten und eines Einrichtungsprozesses für Drittanbieter, um sicherzustellen, dass Benutzer die App schnell und einfach mit ihrer bevorzugten DJ-Software verbinden können. Diese Integration ermöglicht es DJs, ihre Musikbibliotheken und Backups effizienter und flexibler zu verwalten, und gibt ihnen die Freiheit, die von ihnen bevorzugte Software zu nutzen.</p> </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="topic color bold">Integriert in den bestehenden Workflow</div> <div class="image img-mobile"> <picture> <source media="(max-width: 767px)" srcset="" /> <source srcset="https://boanastudio.com/user/pages/04.cases/digital-dj-cloud/03._full-width-no-margin-image-1/mydjcloud----full-wifth-integrated-in-workflow-1x.jpg 1x, https://boanastudio.com/user/pages/04.cases/digital-dj-cloud/03._full-width-no-margin-image-1/mydjcloud----full-wifth-integrated-in-workflow-2x.jpg 2x" /> <img src="https://boanastudio.com/user/pages/04.cases/digital-dj-cloud/03._full-width-no-margin-image-1/mydjcloud----full-wifth-integrated-in-workflow-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-cloud/04._tile-image-2-3/mydjcloud-mobile----crate-1x.jpg" /> <source srcset="https://boanastudio.com/user/pages/04.cases/digital-dj-cloud/04._tile-image-2-3/mydjcloud-mobile----crate-1x.jpg 1x, https://boanastudio.com/user/pages/04.cases/digital-dj-cloud/04._tile-image-2-3/mydjcloud-mobile----crate-2x.jpg 2x" /> <img src="https://boanastudio.com/user/pages/04.cases/digital-dj-cloud/04._tile-image-2-3/mydjcloud-mobile----crate-1x.jpg"> </picture> </div> <div class="flex-item-right"> <div class="vertical-middler"> <h3>Den Status<br>immer im Blick</h3> <p>Die Desktop-Anwendung verfügt über ein Benachrichtigungsfeld, das den Benutzer über den Fortschritt der Synchronisierung informiert. Unser Team hat bei der Gestaltung der App verschiedene Aspekte berücksichtigt, darunter den Dateistatus, Fehlerzustände und Synchronisierungskonflikte. Zusätzlich verfügt die App über eine Reihe von isometrischen Illustrationen, die das Gesamtdesign verbessern und die nächsten Schritte für den Benutzer kommunizieren.</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>Eine App<br> für mobile Anwendungen</h3> <p>Das UX-Design für die mobile App legt den Schwerpunkt auf Einfachheit und intuitive Navigation, um sicherzustellen, dass die Nutzer ihre Aufgaben auch unterwegs mühelos erledigen können. Durch die Integration einer sauberen und reaktionsfähigen Schnittstelle bietet die App ein nahtloses und angenehmes Benutzererlebnis auf verschiedenen mobilen Geräten.</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-cloud/04._tile-image-2-3/mydjcloud-mobile-crates-1x.jpg" /> <source srcset="https://boanastudio.com/user/pages/04.cases/digital-dj-cloud/04._tile-image-2-3/mydjcloud-mobile-crates-1x.jpg 1x, https://boanastudio.com/user/pages/04.cases/digital-dj-cloud/04._tile-image-2-3/mydjcloud-mobile-crates-2x.jpg 2x" /> <img src="https://boanastudio.com/user/pages/04.cases/digital-dj-cloud/04._tile-image-2-3/mydjcloud-mobile-crates-1x.jpg"> </picture> </div> </div> </div> </section> <section class="padding-largest no-padding-bottom module-portolio-detail-headline"> <div class="wrapper"> <h2 class="l-text center"> <span class="color">Landingpage</span> <br class="not-on-s"> </h2> <p class="sn-text section-paragraph center">Wir haben die Website neu gestaltet und ein Designsystem eingeführt, das eine starke Markenidentität schafft. Die neue Landing Page wurde auf die Kernwerte der Marke abgestimmt, um die Konversionsrate zu erhöhen und eine Verbindung zu potenziellen Nutzern zu schaffen.</p> </div> </section> <section class="section modular-portfolio-detail-list no-padding-sides no-padding-bottom"> <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-cloud/06._full-width-no-margin-image-2/mydjcloud-fullwidth-1x.jpg 1x, https://boanastudio.com/user/pages/04.cases/digital-dj-cloud/06._full-width-no-margin-image-2/mydjcloud-fullwidth-2x.jpg 2x" /> <img src="https://boanastudio.com/user/pages/04.cases/digital-dj-cloud/06._full-width-no-margin-image-2/mydjcloud-fullwidth-1x.jpg}"> </picture> </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"> <span class="color">Sprechen wir über</span><br>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>