Maker DAO

Fintech Dashboard für Stable-Crypto-Coins

Zero to <b>one</b>

Von einer Produkt-Idee zu einem Finanz-Dashboard.

Individuelle <b>Illustrationen</b>

Einzigartige Bildsprache für Onboarding und modale Dialogerlebnisse.

Maker DAO

Visit website

BRANCHE

FinTech

Zeitraum

6 Wochen in 2017

TEAM

Design Lead
UX/UI Designer
Illustrator

Produkt-Design Web

Über das Projekt

In einem unsicheren Markt hat Maker DAO einen Weg gefunden, stabile Crypto-Wärungen zu schaffen. Wir haben sie dabei unterstützt, aus einer Idee und einer Menge von Daten ein digitales Produkt zu schaffen, das für ihre Nutzer verständlich und funktional ist und Spaß macht.

<section class="padding-largest no-padding-bottom module-portolio-detail-headline"> <div class="wrapper"> <h2 class="l-text center"> <span class="color">Von der Business-Idee</span> <br class="not-on-s">zum digitalen Produkt </h2> </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/maker-dao-crypto-finance-dashbaord-ux-ui/02._tiles-product/mkrdao_workshop-1x.jpg" /> <source srcset="https://boanastudio.com/user/pages/04.cases/maker-dao-crypto-finance-dashbaord-ux-ui/02._tiles-product/mkrdao_workshop-1x.jpg 1x, https://boanastudio.com/user/pages/04.cases/maker-dao-crypto-finance-dashbaord-ux-ui/02._tiles-product/mkrdao_workshop2x.jpg 2x" /> <img src="https://boanastudio.com/user/pages/04.cases/maker-dao-crypto-finance-dashbaord-ux-ui/02._tiles-product/mkrdao_workshop-1x.jpg"> </picture> </div> <div class="flex-item-right"> <div class="vertical-middler"> <h3>Product-Vision-Workshops –<br> Funktionen und Anwendungsfälle identifizieren</h3> <p>UX-Konzept-Workshop mit dem Produktteam in unserem damaligen Gartenbüro. Wir clusterten Datenmengen, schufen Funktionsgruppen und gruppierten Anwendungsszenarien um im darauf folgenden Schritt das Interface zu erfinden.</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 Liste voll Daten<br> in ein digitales Dashboard verwandeln </h3> <p>In mehreren Layout-Schritten haben wir die Benutzeroberfläche um ein aussagekräftiges Dashboard herum strukturiert und dem Benutzer die Möglichkeit gegeben, Finanzaktionen auf einfache Weise durchzuführen.</p> </div> </div> <div class="flex-item-right img-mobile"> <picture> <source media="(max-width: 767px)" srcset="https://boanastudio.com/user/pages/04.cases/maker-dao-crypto-finance-dashbaord-ux-ui/02._tiles-product/mkrdao_dashboard-1x.jpg" /> <source srcset="https://boanastudio.com/user/pages/04.cases/maker-dao-crypto-finance-dashbaord-ux-ui/02._tiles-product/mkrdao_dashboard-1x.jpg 1x, https://boanastudio.com/user/pages/04.cases/maker-dao-crypto-finance-dashbaord-ux-ui/02._tiles-product/mkrdao_dashboard2x.jpg 2x" /> <img src="https://boanastudio.com/user/pages/04.cases/maker-dao-crypto-finance-dashbaord-ux-ui/02._tiles-product/mkrdao_dashboard-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/maker-dao-crypto-finance-dashbaord-ux-ui/02._tiles-product/mkrdao_Fintech-functionalities-1x.jpg" /> <source srcset="https://boanastudio.com/user/pages/04.cases/maker-dao-crypto-finance-dashbaord-ux-ui/02._tiles-product/mkrdao_Fintech-functionalities-1x.jpg 1x, https://boanastudio.com/user/pages/04.cases/maker-dao-crypto-finance-dashbaord-ux-ui/02._tiles-product/mkrdao_Fintech-functionalities2x.jpg 2x" /> <img src="https://boanastudio.com/user/pages/04.cases/maker-dao-crypto-finance-dashbaord-ux-ui/02._tiles-product/mkrdao_Fintech-functionalities-1x.jpg"> </picture> </div> <div class="flex-item-right"> <div class="vertical-middler"> <h3>Implementierung von Transaktions-Funktionen <br> wie Einzahlungen, Abhebungen usw.</h3> <p>Um neue Märkte zu erreichen, ist es wichtig, die Krypto-Funktionen leicht verständlich zu machen. Wir haben alle Abläufe und Schritte nach demselben Muster gestaltet und beschreibende Texte und Bebilderungen hinzugefügt.</p> </div> </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">Das Produkt erklären -</span> <br class="not-on-s">Website und Illustrationen </h2> </div> </section> <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>Verbesserte Krypto-Erfahrung <br> durch maßgeschneiderte Illustrationen</h3> <p>Ansprechende Illustrationen und Icons dienten der Gestaltung, die Marke zu formen und motivieren zur Nutzung.</p> </div> </div> <div class="flex-item-right img-mobile"> <picture> <source media="(max-width: 767px)" srcset="https://boanastudio.com/user/pages/04.cases/maker-dao-crypto-finance-dashbaord-ux-ui/04._tiles-website/mkrdao_illustrations-1x.jpg" /> <source srcset="https://boanastudio.com/user/pages/04.cases/maker-dao-crypto-finance-dashbaord-ux-ui/04._tiles-website/mkrdao_illustrations-1x.jpg 1x, https://boanastudio.com/user/pages/04.cases/maker-dao-crypto-finance-dashbaord-ux-ui/04._tiles-website/mkrdao_illustrations2x.jpg 2x" /> <img src="https://boanastudio.com/user/pages/04.cases/maker-dao-crypto-finance-dashbaord-ux-ui/04._tiles-website/mkrdao_illustrations-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="" /> <source srcset=" 1x, 2x" /> <img src=""> </picture> </div> <div class="flex-item-right"> <div class="vertical-middler"> <h3>Ein One-Pager <br> zur Werbung für die Beta-Version.</h3> <p>Zur Einführung des neuen Dashboards wurde eine einfache Website erstellt. Wir steuerten Design, Text, Bilder und HTML/CSS bei.</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"> <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>