Baningo Cards

Streamlined Billing Processes Enhancing the Sales Funnel

Redesigning the "Billing" page and flows to ensure a seamless and transparent billing experience.

About

The Product

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.

The Project

The initial product analysis uncovered significant usability issues with the recently integrated "Billing" page. Recognising the critical impact of the billing experience on business goals, we prioritised its refinement before proceeding with the implementation of additional functionalities.

Time Frame

June 2023

My Role

UX / UI Designer

Team

PO, CTO & 3 developers

PO, CTO &
3 developers

Problem Statement

The “Billing” page's unintuitive design
creates hurdles in a critical sales funnel stage,
impacting organic conversion potential.

The “Billing” page's unintuitive design creates hurdles in a critical sales funnel stage, impacting organic conversion potential.

The “Billing” page's unintuitive design creates hurdles in a critical sales funnel stage, impacting organic conversion potential.

User Verbalisation

User Verbalisation

User Verbalisation

Why this button doesn't work. Oh, I need to fill this one first.

User Monitoring Insight

User Monitoring Insight

User Monitoring Insight

Users often leave the product after visiting the "Billing" page without taking action.

Analysis Insight

Analysis Insight

Analysis Insight

The page layout does not accurately reflect the order of actions.

Product Improvements

1.

Overall Page Redesign

1.

Overall Page Redesign

1.

Overall Page Redesign

Before

The page lacked visual hierarchy and failed to provide important information at the stage where users are potentially transitioning into paying customers.

After

A well-defined visual hierarchy emphasizes key information and actions, directing the user's attention.

Comprehensive pricing plan details enable users to make informed decisions directly within the product interface.

2.

Upgrade Flow

2.

Upgrade Flow

2.

Upgrade Flow

Before

Unintuitive and opaque processes led to user errors and uncertainty.

Button click activates a subscription without prior disclosure, posing the risk of unintentional enrollment.

After

A unified element, housing the flow, guides users through the process, ensuring a logical sequence of actions.

Clear progress indicators and a transparent payment summary enhance user confidence and trust.

The addition of promo code functionality supports sales and marketing initiatives.

3.

Subscription State Indicator

3.

Subscription State Indicator

3.

Subscription State Indicator

Before

Incomplete consideration of subscription states resulted in insufficient information and poor user guidance.

After

Thorough analysis of the billing flow, considering all potential scenarios, enables a comprehensive subscription status indicator.

Clearly indicated actions assist users in navigating specific situations.

Concise copy and clear information inform users about their subscription status.

Due to the NDA, a high-resolution image of this flow cannot be publicly disclosed. For further insights, please feel free to contact me directly.

Outcome

70% increase in customer subscription rate

Evaluation

Evaluation

Evaluation

While multiple factors may contribute to increased subscription rates, the lack of major new features or significant sales efforts suggests that usability improvements were a key factor. This is reinforced by observed smoother user interactions post-implementation.

Reflection on progress

Reflection on progress

Reflection on progress

The improvement of the billing page and processes represents just one aspect of a multifaceted solution. To truly drive subscription growth, it's crucial to enhance the overall product experience and ensure it delivers compelling value to users and customers.

Ready to Dive Deeper?

I'm looking forward to discuss insights, challenges, and opportunities in more detail.

Words of Endorsment

Words of Endorsment

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. More specifically, Žiga's contributions to product design noticeably influenced the increase in organic subscriptions, showcasing his ability to identify and propose improvements to key areas.

Quick Fixes

Web App

Baningo Cards

Early Dropout Reduction Through Preliminary Refinements