Kvartplata+ — From Search to First Payment

Role on project
Senior UX Designer
Platforms
Responsive web, iOS and Android
Scope
UX audit, product flows, information architecture, UX/UI design, prototyping and design QA
Date
2021
Millions of Users, but a Decade-Old Web Experience
Kvartplata+ helped millions of users pay utility bills, submit meter readings, and manage recurring services. The mobile app had more than 3 million installs, but the web experience was over ten years old and no longer matched how people discovered or paid for services.

In 2021, we redesigned web and mobile in parallel. The web product also had to take on a new role: attract users through search, explain the service before registration, and guide them toward the app.
The Challenge
Users had to commit before seeing the product’s value
New users had to create an account before they could even check whether their provider was supported. Service discovery was split across separate tools, while adding a full set of household services required too much manual work.

Returning users had a different problem: unclear payment selection, multiple addresses, complex forms, hidden meter-reading requirements, and weak feedback after payment.
Legacy version (2010–2021)
My Role
I led the experience design across responsive web and mobile.

I audited the existing product with analysts, mapped the main user journeys, and worked through service-provider and system constraints. I then translated that into a new information architecture, end-to-end flows, reusable interaction patterns, and implementation support with product and engineering.
Reframing the Experience
New and returning users were solving different problems
Our audit showed that the product needed to answer two different questions.
For a new user:
Can I find and pay for my services without understanding the utility billing system?
For a returning user:
What needs my attention this month, and were my previous payments successful?
This became the foundation of the redesign. The web focused on discovery and acquisition, while the application handled recurring payments, multiple properties, meter readings and payment history.
New-user and returning-user journey map
Show Value Before Authentication
Moving registration closer to the payment
Registration used to be the entrance to the product. Users had to create an account before they could even explore available services.
We introduced deferred authentication: public pages let users browse regions, providers, and categories first. Authentication moved closer to the point where a user needed to save a service or complete payment.
This removed the first commitment barrier and exposed the product’s value earlier in the journey.
Before-and-after first-payment funnel
Turning the Web into an Acquisition Funnel
The redesigned web experience introduced public, indexable pages for regions, service categories and providers. Users could search by provider name or tax identification number without entering the private payment area.
The web explained what could be paid through Kvartplata+ and directed users towards the mobile application for address-based discovery and recurring service management.
This created an additional organic acquisition channel and established a clear relationship between the public website and the application.
+22% organic entry traffic
+18% search-to-service discovery
−27% bounce on regional pages
Three Search Models Became One Entry Point
The previous app separated catalog browsing, address search, and personal-account search into different navigation models.

We consolidated them into one entry point while preserving four ways to find a service: address, account number, provider catalog, or QR code.

The system combined billing data with the national GIS Housing and Utilities registry to suggest services automatically for a property.
−28% failed searches
+23% search-to-service conversion
−31% time to find a provider
Designing Beyond the Happy Path
Utility data was inconsistent by nature: a provider might be unavailable, a billing period might not exist yet, amounts could require manual input, and meter readings might be required before payment.
The redesigned flow covered more than five key system states and replaced generic errors with clear explanations and next actions.
−34% support escalations
−26% failed payment attempts
−39% dead-end sessions
One Workspace for Every Address and Service
We redesigned “My Services” around properties instead of provider lists. Services were grouped by address, with a total for each property.
Users could select bills, exclude unnecessary services, enter custom amounts, and discover new providers in the same workspace.
+19% multi-bill payment completion
−17% service-selection errors
Users Only Needed to See What Required Action
Legacy forms treated required fields, reference information, and secondary settings as equally important.
We introduced progressive disclosure: essential inputs stayed visible, optional sections collapsed until needed, and validation appeared next to the relevant field.

The same model was applied to meter readings, highlighting only the meters that currently required input.
−33% validation errors
−18% time to complete payment
Creating Trust After Payment
We introduced a unified payment history across web and mobile.
Users could check payment statuses, find receipts and filter operations by address, period or keyword. Neutral styling represented completed operations, while exceptional states used colour to request attention.
This turned the history from a transaction archive into a reassurance tool: users could quickly understand whether everything was in order.
Users Could Discover Value Earlier — and Convert More Often
+31%
First-payment conversion
−28%
Failed searches
−34%
Support escalations
+19%
Multi-bill payment completion
The Hardest Problems Were Not Visual
One important constraint was data access: public pages could expose providers and service availability, but balances, meter readings, and personal account data had to remain behind authentication.
This shaped the product into two connected layers — public discovery and an authenticated service workspace.
Next projects
Made on
Tilda