Baningo Cards is a web-based SaaS digital business cards solution, tailored for businesses and teams. It offers an platform to create, customise, and share digital business cards.
During initial product analysis, I observed usability issues with the card setup process requiring comprehensive product adjustments. To balance design efforts with immediate development needs, we first prioritized quick improvements over comprehensive changes.
User roles
define permissions and responsibilities assigned to users within the product.
Admin
Designs the cards
Manages the team
Can edit all the profiles
Admin is also a cardholder
Cardholder
Designs the cards
Manages the team
Can edit all the profiles
Admin is also a cardholder
Elements
are the visual components used to display information on digital business cards.
Personal element
Element data can differ from card to card
Cardholders can input their own data on the "Edit profile" page
Admins can input data via the "Team management" page for all the profiles
Company element
Element data is the same across all team cards
Only admins can input data on the 'Design and link' page
Typical card setup flow
User verbalisation during the test
"How do I enter the details? How do I enter the phone number? I am confused."
Open-ended survey feedback
"It's more effort than I thought, so I haven't had the chance to finish it yet."
Cognitive walkthrough insight
Time-consuming micro-flows impact overall user productivity.
Card creation modal
Before
Element creation presented a significant hurdle in the card setup process, leading to user errors, confusion, and frustration.
After
Element creation presented a significant hurdle in the card setup process, leading to user errors, confusion, and frustration.
Element tooltip
Before
The lack of distinction between element types on the "Design and link" page.
After
Reordered and numbered steps for a more intuitive sequence.
The tooltip additionally guides users where to input personal element data.
Element tooltip
Before
The lack of distinction between element types on the "Design and link" page.
After
Reordered and numbered steps for a more intuitive sequence.
The tooltip additionally guides users where to input personal element data.
Element tooltip
Before
The design of the page made the task of editing profiles cumbersome and inefficient, especially for admin users editing multiple profiles.
After
Displayed and clustered element data offer a comprehensive overview.
Simplified data input enhances efficiency.
The mobile preview provides real-time feedback in the most commonly used format.
The new page appearance ensures a clear distinction from the “Design and link” page.
Element tooltip
Before
The lack of distinction between element types on the "Design and link" page.
After
Reordered and numbered steps for a more intuitive sequence.
The tooltip additionally guides users where to input personal element data.
Element tooltip
Before
The lack of distinction between element types on the "Design and link" page.
After
Reordered and numbered steps for a more intuitive sequence.
The tooltip additionally guides users where to input personal element data.
Qualitative assessment
Product monitoring and additional user tests revealed smoother user interactions, reduced confusion, minimized errors, and quicker task completion times. These qualitative insights underscore the project's success in delivering a more intuitive and efficient user experience.
Reflection on progress
Alongside these positive results, the process of implementing fast-track improvements also provided additional insights into user interactions and some underlying issues, informing potential comprehensive improvements to the product.
Words of endorsment
"Žiga is a highly motivated and initiative-taking individual, displaying a high level of dedication to his work, making him a great asset to the company. […] Additionally, his easy-going attitude just clicked with the office atmosphere right from the start."
Harald Meinl — Co-Founder & Product Owner at Baningo GmbH