Berlin, 2017 | @smava GmbH | hackathon project
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.
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
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.
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
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
Inline validation for input fields with motivating success message
Autocomplete address and display a map for the location
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.