Better Registration

Berlin, 2017 | @smava GmbH | hackathon project

 
 

Background

 Our team quote on our Hip Chat group. πŸ˜‰

Our team quote on our Hip Chat group. πŸ˜‰

Smava is Germany's leading loan portal making personal loans transparent, fair, and affordable for consumers.

For Smava's Hackathon our five-person team's goal was to redesign the registration funnel experience. The Hackathon ran for 2.5 days and culminated in us taking FIRST prize from the seven competing teams.

 

My Team

  • Ting-Yin (Me) - UX Designer, from Taiwan

  • Frederik - User Researcher, from Germany

  • Dusan - Front-end Developer, from Serbia

  • David - Front-end Developer, from Spain

  • Sedat - Back-end Developer, from Turkey

 

My role

I was the lead designer of this project.

 

Problem

Original landing page - the mixture of colors and call-to-actions distract the user.

 

 

 

 

Registration is a painful process, it throws you 75 questions (best-case), leaving the user completely abandoned on the form with no virtually no guidance about what is going on and without any feedback until they reach the end. Most of the tips are useless, doesn't explain the advantage.

 

 

 

Goal

We wanted to guide and help the user from the first interaction to the success completion. We planned to achieve this by providing suggestions along the way and reducing the number of input fields to help ensure the user continued through to the end.

The registration flow is the only entry point to our services, and as such, we must make it as smooth and as painless as possible. Our users must feel that we have their best interests at heart. We can do this by providing hints for them to get the 'best' offers based on their individual needs.

 

Day1

We brainstormed together and prioritized our ideas.

 
 
 

Day2

  1. Design

  2. Usability Test

  3. Implementing

 

Design

 

Key Objectives

  • Introduce the new company-wide look and feel

  • Introduce more natural language use on the form

  • Use dynamic Illustrations to provide visual feedback on user selections

  • Provide just one clear Call-to-Action

  • Display our company USPs to better allow the user to understand how we are better than the competition

Key Objectives

  • Keep the user's main loan criteria permanently visible and allow them to change it at any time

  • Reduce funnel drop-out by asking for PID only once there is clear user benefit

  • Display persistent help and support for the user

  • Provide an interest-rate filter option and visible accuracy rating

  • Reduce user flow disruption by using dynamic updates

  • Adaptive question work-flow that elimates redundant questions based upon the remaining, quoting banks

Key Objectives

  • Inline validation for input fields with motivating success message

  • Autocomplete address and display a map for the location

04.png

Key Objectives

  • Only asking for personal data when there is end-user benefit

  • Autocomplete car brand and model

  • Easy bank account input with preview

 
 

How I think about Hackathon?

I want to share this article here. 

"Hackathons are great when it comes to getting people from various teams, whether that be iOS, Android, Backend, Design, Product, QA or Marketing together and working on a business problem within a condensed period of time. It exposes people to working with others they might not usually work with, and enables them to gain a better insight into the way others think and rationalise ideas. More importantly, it gives everyone in the team a voice, and a chance to shape a new idea. We of course try to build this autonomy into our product process, but the pressure to deliver new releases quickly often means many people in the business get left out of the discovery and problem solving part of the product process."

 

Results

We won the FIRST prize among seven teams. πŸŽ‰

 

Links

https://youtu.be/25FfAdbFG3Q

 

 

Thank you for reading.

・・・