Better Registration

Berlin, 2017 | @smava GmbH | hackathon project



 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.



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.





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.



We brainstormed together and prioritized our ideas.



  1. Design

  2. Usability Test

  3. Implementing




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


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."



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





Thank you for reading.