Deutsche Bildung

New design for loan application processes

<b>Time savings</b> for the back office

More than 60% less time spend handling individual applications.

<b>Higher</b> engagement rate

for academy content and general attendance rate

<b>Unified</b> appearance

based on the new corporate design

Deutsche Bildung AG

Visit website

INDUSTRY

Fin Tech, Education Tech

Timeframe

2021

TEAM

Design Consultant
UX / UI Designers
Illustrator

Web Brand Mobile

About the project

Deutsche Bildung accompanies students through all financial aspects of their studies. In addition to student loans, the service also covers webinars, coaching, and an alumni network.

The client approached us to streamline the application process for student loans and, in a second round, to redesign the entire client portal.

Based on their analytics and interviews with their case officers, we created several solutions for the many edge cases in loan handling and switched the whole client portal to a mobile-first approach.

<section class="padding-largest no-padding-bottom module-portolio-detail-headline"> <div class="wrapper"> <h2 class="l-text center"> <span class="color">Distinct & supportive UI design </span> <br class="not-on-s">for higher engagement rates </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> Are you eligible for funding?</h3> <p>Deutsche Bildung offers pre-screening to help students determine if they are eligible for funding. We designed a query process with clear questions that created a fast and pleasant path for the user and significantly reduced the total time and inquiries by email for our client. At the end of the survey, users receive an estimate of the funding they can expect as support, preventing them from wasting time on applications that may not be approved and increasing their chances of success.</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">Your financing after request –</span> <br class="not-on-s">Overview, history and status query </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>How are you?<br> Mandatory updates</h3> <p>A challenge for the team was to keep in touch with their students for mandatory updates on student status and life changes. Therefor we came up with a notification system based on length of study and semester timings which includes a quick data-input wizard for adding important details and the ability to upload documents for creating a comprehensive semester update with ease.</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>Recognize what matters –<br> your dates and overview</h3> <p>To support students in their schedule planning we designed a main page which directly shows their upcoming appointments, such as webinars or other events. Additionally, the dashboard displays details about their financing, including the date of the next payment and other conditions. The finance detail view provides a comprehensive overview of payments, helping students keep track of what they have already received and what amounts are still outstanding as well as the option to edit their payment schedule.</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>Support along the course of study –<br> webinars, articles, online workshops</h3> <p>Deutsche Bildung aims to support students not only financially, but also with knowledge and further qualifications in their studies. Therefor we redesigned the media center and enriched the functionality with a personalized recommendation page, bookmark functionality and adapted the design for the additional offering pages (e.g. coaching and alumni circle).</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/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>Managing Director</a> </div> <div class="flex-item-right"> <div class="text"> <div class="headline l-text"> <span class="color">Let’s talk about</span><br>your project. </div> <div class="teaser n-text text-grey-60"> We can help reduce complexity and identify quick wins upfront. </div> <div class="actions"> <a href="https://boanastudio.com/contact" class="button primary">Get free consultation</a> </div> </div> </div> </div> </div> </section>