Deutsche Bildung

Neugestaltung der Kreditanfrage

<b>Starke Zeitersparnis</b><br> für das Back-Office

Mehr als 60 % weniger Zeitaufwand für die Bearbeitung einzelner Anträge.

<b>Höhere </b><br>Teilnahmequote

bei Webinaren und den verbindliche Updates zum Studium.

<b>Einheitliches</b><br> Erscheinungsbild

basierend auf dem neuen Corporate Design

Deutsche Bildung AG

Visit website

BRANCHE

Fin Tech, Education Tech

Zeitraum

2021

TEAM

Design Consultant
UX / UI Designers
Illustrator

Web Marke Mobile

Über das Projekt

Deutsche Bildung begleitet Studierende bei allen finanziellen Aspekten ihres Studiums. Das Angebot umfasst neben dem Studienkredit auch Webinare, Coaching und ein Alumni-Netzwerk.

Der Kunde wandte sich an uns, um den Antragsprozess für Studienkredite zu optimieren und - in einer zweiten Runde - das gesamte Kundenportal neu zu gestalten.

Auf Grundlage von Analytics und Gesprächen mit den Sachbearbeitern haben wir gemeinsam mit dem Kunden Lösungen für die zahlreichen Problemfälle bei der Kreditbearbeitung entwickelt und das gesamte Kundenportal auf einen Mobile-First-Ansatz umgestellt.

<section class="padding-largest no-padding-bottom module-portolio-detail-headline"> <div class="wrapper"> <h2 class="l-text center"> <span class="color">Eindeutiges & unterstützendes UI-Design </span> <br class="not-on-s">für höhere Engagement-Raten </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/deutsche-bildung-ux-ui-design/02._tile-image-1/deutsche-bildung--prescreening-1x.jpg" /> <source srcset="https://boanastudio.com/user/pages/04.cases/deutsche-bildung-ux-ui-design/02._tile-image-1/deutsche-bildung--prescreening-1x.jpg 1x, https://boanastudio.com/user/pages/04.cases/deutsche-bildung-ux-ui-design/02._tile-image-1/deutsche-bildung--prescreening-2x.jpg 2x" /> <img src="https://boanastudio.com/user/pages/04.cases/deutsche-bildung-ux-ui-design/02._tile-image-1/deutsche-bildung--prescreening-1x.jpg"> </picture> </div> <div class="flex-item-right"> <div class="vertical-middler"> <h3>Pre-Screening –<br> Wärst Du förderberechtigt?</h3> <p>Die Deutsche Bildung bietet ein Pre-Screening an, mit dem Studierende feststellen können, ob sie für eine Förderung in Frage kommen. Wir haben einen Abfrageprozess mit klaren Fragen entworfen, der einen schnellen und ansprechenden Weg für den Nutzer schafft und die Gesamtzeit und Anfragen per E-Mail für unseren Kunden deutlich reduziert. <br><br> Am Ende der Befragung erhalten die Nutzer eine Schätzung der zu erwartenden Förderung, so dass sie keine Zeit mit Anträgen verschwenden, die möglicherweise nicht bewilligt werden, und ihre Erfolgschancen erhöhen.</p> </div> </div> </div> </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/deutsche-bildung-ux-ui-design/03._full-width-no-margin-image-1/deutsche---bildung-miro-1x.jpg 1x, https://boanastudio.com/user/pages/04.cases/deutsche-bildung-ux-ui-design/03._full-width-no-margin-image-1/deutsche---bildung-miro-2x.jpg 2x" /> <img src="https://boanastudio.com/user/pages/04.cases/deutsche-bildung-ux-ui-design/03._full-width-no-margin-image-1/deutsche---bildung-miro-1x.jpg}"> </picture> </div> </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">Die Finanzierung nach dem Antrag –</span> <br class="not-on-s">Übersicht, Historie und Statusabfrage </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/deutsche-bildung-ux-ui-design/05._tile-image-2-3/deutsche-bildung--view-funding-1x.jpg" /> <source srcset="https://boanastudio.com/user/pages/04.cases/deutsche-bildung-ux-ui-design/05._tile-image-2-3/deutsche-bildung--view-funding-1x.jpg 1x, https://boanastudio.com/user/pages/04.cases/deutsche-bildung-ux-ui-design/05._tile-image-2-3/deutsche-bildung--view-funding-2x.jpg 2x" /> <img src="https://boanastudio.com/user/pages/04.cases/deutsche-bildung-ux-ui-design/05._tile-image-2-3/deutsche-bildung--view-funding-1x.jpg"> </picture> </div> <div class="flex-item-right"> <div class="vertical-middler"> <h3>Wie geht es Dir?<br> Die verbindlichen Aktualisierungen</h3> <p>Eine Herausforderung für das Team bestand darin, regelmäßig Rückmeldung von den Studierenden zu bekommen, um über ihre aktuelle Studiensituation oder relevante Änderungen im Leben informiert zu bleiben. <br><br> Deshalb haben wir ein System entwickelt, das basierend auf der Studiumsdauer und den Zeitpunkt im Semester automatisiert die passenden Benachrichtigungen an die Studierenden sendet. Ein Wizard ermöglicht den Nutzern schnell die wichtigsten Details anzugeben, Dokumente hochzuladen oder Änderungswünsche mitzuteilen, um auf diese Weise ein umfassendes Semester-Update zu erstellen.</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>Fokus auf das Wesentliche –<br> Deine Daten und der finanzielle Überblick</h3> <p>Um die Studenten besser bei ihrer Zeitplanung zu unterstützen, haben wir eine Startseite entworfen, auf der die anstehenden Termine, wie Webinare oder andere Veranstaltungen, prominent angezeigt werden. Zusätzlich zeigt das Dashboard die wichtigsten Details zu ihrer Finanzierung, wie das Datum der nächsten Zahlung und der bisher ausgezahlte Gesamtbetrag auf einen Blick an. <br><br> Die Detailansicht der Finanzierung bietet einen umfassenden Überblick über die Zahlungen und hilft den Studierenden, den Überblick darüber zu behalten, was sie bereits erhalten haben, welche Beträge noch ausstehen, sowie die Möglichkeit, ihren Zahlungsplan zu bearbeiten.</p> </div> </div> <div class="flex-item-right img-mobile"> <picture> <source media="(max-width: 767px)" srcset="https://boanastudio.com/user/pages/04.cases/deutsche-bildung-ux-ui-design/05._tile-image-2-3/deutsche-bildung--overview-dashboards-1x.jpg" /> <source srcset="https://boanastudio.com/user/pages/04.cases/deutsche-bildung-ux-ui-design/05._tile-image-2-3/deutsche-bildung--overview-dashboards-1x.jpg 1x, https://boanastudio.com/user/pages/04.cases/deutsche-bildung-ux-ui-design/05._tile-image-2-3/deutsche-bildung--overview-dashboards-2x.jpg 2x" /> <img src="https://boanastudio.com/user/pages/04.cases/deutsche-bildung-ux-ui-design/05._tile-image-2-3/deutsche-bildung--overview-dashboards-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/deutsche-bildung-ux-ui-design/06._tile-image-4/deutsche-bildung-mediathek-1x.jpg" /> <source srcset="https://boanastudio.com/user/pages/04.cases/deutsche-bildung-ux-ui-design/06._tile-image-4/deutsche-bildung-mediathek-1x.jpg 1x, https://boanastudio.com/user/pages/04.cases/deutsche-bildung-ux-ui-design/06._tile-image-4/deutsche-bildung-mediathek-2x.jpg 2x" /> <img src="https://boanastudio.com/user/pages/04.cases/deutsche-bildung-ux-ui-design/06._tile-image-4/deutsche-bildung-mediathek-1x.jpg"> </picture> </div> <div class="flex-item-right"> <div class="vertical-middler"> <h3>Mehr als Finanzhilfe –<br> Webinare, Artikel, Offsite-Workshops</h3> <p>Die Grundhaltung von Deutsche Bildung ist es, Studierende nicht nur finanziell, sondern auch mit Wissen und Weiterqualifizierung in ihrem Studium zu unterstützen. Dafür haben wir die Mediathek neu gestaltet und die Funktionalität um eine personalisierte Empfehlungsseite und Lesezeichen-Funktion erweitert, sowie das Design für die zusätzlichen Angebotsseiten (z.B. Coaching und Alumnikreis) angepasst.</p> </div> </div> </div> </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/deutsche-bildung-ux-ui-design/07._full-width-no-margin-image-2/deutsche-bildung---all-mobile-1x.jpg 1x, https://boanastudio.com/user/pages/04.cases/deutsche-bildung-ux-ui-design/07._full-width-no-margin-image-2/deutsche-bildung---all-mobile-2x.jpg 2x" /> <img src="https://boanastudio.com/user/pages/04.cases/deutsche-bildung-ux-ui-design/07._full-width-no-margin-image-2/deutsche-bildung---all-mobile-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>