Lulapay is Lula's B2B Buy-Now-Pay-Later product for South African SMEs, and it was their fastest-growing product. For five years, the entire experience ran on a Google form, spreadsheets, and a lot of very patient support staff.
The numbers said this needed to be a real product. The sales model said suppliers needed a self-service link they could send customers, because every new customer meant another support ticket, another Excel sheet, another call to ask "how much do I owe?"
That wasn't a UX problem. It was a scale problem. And this is how I solved it.
Object 1: A preview of the current prototype used for customer usability testing.
Lulapay was Lula's fastest-growing product and it was running entirely on a Google Form, spreadsheets, and a lot of very patient support staff. I owned the project end-to-end: research, design, testing, dev handover, and rollout comms, across desktop and mobile, for two connected portals. The hardest part wasn't the screens, it was figuring out what a fintech product that touches people's money actually needs to feel trustworthy, clear, and self-sufficient. I handed over a tested, dev-ready product with off-system comms.
Object 2: The current Lulapay sign up Google form
Before I joined the Lulapay team, how were customers using the service? A Google form. If you wanted any information about your facility, a cost breakdown, repayment schedule, anything, you had to contact support during office hours and wait for someone to build you an Excel snapshot.
A snapshot that was already out of date by the time it hit your inbox.
Lulapay's customers are loyal. Some had been using the product for five years. They didn't leave, but they had been asking for a self-service portal from the beginning.
The advantage of running a product entirely through email for that long? We had years of real, unfiltered user feedback. We knew exactly what frustrated people, what they kept asking for, and what they genuinely loved. We didn't need to start from scratch, we needed to build what users had already told us they needed.
Build a portal was the brief. But the deeper problem was this:
Users lacked visibility and control in the Lulapay experience.
For suppliers
For customers
Internally, the support team was spending significant time bridging these gaps. Serviceable, but not sustainable for a product growing this fast.
The design challenge:
How might we give suppliers and customers more autonomy, clarity, and ease, without overcomplicating the experience or overwhelming them on day one?
A note on scope: the PO was on maternity leave for 90% of this project. I owned the full scope, design, functionality scoping, dev liaison, QA tickets, testing, and rollout, end to end.
Object 3: Supplier user journey and requirement alignment with priority matrix
Object 4: Snippet of ideation and planning board
Object 5: Early customer portal wireframes
With years of user proximity and a clear problem statement, ideation was focused rather than exploratory. I looked at international B2B BNPL platforms (local competitors barely existed at the time) to understand what worked, what didn't, and what patterns users already had intuitions about.
But Lulapay isn't just a portal, it's a funding product. That meant designing around credit checks, financial regulations, data flowing through Lula's backend systems, and the very real risk of overwhelming first-time users on a product where money is on the line.
I used a Shift-Left approach: bringing Engineering and QA into the ideation stage rather than handing over polished designs later. This kept feasibility conversations happening early, which meant fewer surprises and smarter decisions.
I also kept in constant touch with the VP and client-facing teams, to ensure we remained aligned on our outcomes.
The north star for both portals: Simple. Clear. Designed for ease of use from day one.
With clear user goals and constraints in mind, I started building out interactive prototypes for both supplier and customer portals.
The aim wasn't just to visualise the flow, it was to simulate the experience:
how users would interact, what they would see first, and where they might get stuck.
I focused on designing something that felt familiar and easy to understand, especially since BNPL is still a relatively novel concept in the B2B space.
I designed desktop and mobile experiences for both the supplier and customer portals, four surfaces in total.
For suppliers, the core functionality included:
Because adding customers and sending payment requests were the primary tasks, I designed those actions to be accessible no matter what screen the supplier was on.
The supplier journey was designed to be simple and task-focused:
Object 6: Supplier user journeys
Object 7: Active supplier portal
For customers,
Unlike suppliers, customer interactions were ongoing. There was more nuance and more information to manage. So I focused on making that information:
At this stage, I wasn't aiming for a polished final product. I was aiming for something testable: a clickable, guided experience that could surface gaps, confusion or friction points before it got to development.
One deliberate call: the "Settle early and save" calculator. Early settlement benefits Lula's business model, and users with cash available often didn't know it was even an option. Making that visible and tangible, with a slider showing exact savings at different points, turned a hidden feature into a motivating one.
On design system thinking: I stay close to the DS by default, because designing or building something twice is fun for no-one. But during testing, I identified a specific case where our notification colours weren't working. Users weren't registering them as alerts. I made the call to break from the DS there, documented the reasoning, and flagged it as a component worth revisiting.
Object 8: Customer portal requirements
Object 9: Active customer portal
I planned and ran usability testing with 12 participants across both portals, 6 suppliers, 6 customers, covering a range of experience levels, industries, and demographics.
I wanted to stay focus on our outcome questions and constantly referred back to them to ensure we were solving for our customers and validating any assumptions we had.
I wrote the test script, recruited participants in coordination with the VP and customer-facing teams, facilitated every session, and sent stakeholder debriefs after each test day.
What we learned:
Supplier portal:
Object 10: Graphs of findings from our usability testing (information redacted)
Object 11: Notes captured by my notetaker during one of our Supplier testing sessions
Customer portal:
What changed as a result:
I compiled two final deliverables: a stakeholder-facing summary with themes and highlights, and a dev-ready implementation doc with prioritised recommendations, quick wins, and a backlog for future sprints.
Once testing was complete and designs were iterated, I worked with the scrum master to create dev and QA tickets for both portals, and collaborated with the product and marketing teams on rollout planning.
One piece that often gets overlooked: the off-platform experience.
Lulapay's onboarding involves legal agreements, credit checks, and first-time interactions with a fintech product. The email comms needed to earn trust at every step. Around 50 emails needed to exist before launch, covering invites, repayment reminders, status changes, and edge cases, all in plain language with no jargon.
I wrote them with AI as a drafting partner. Days instead of weeks, while I was running QA sessions, supporting dev, and finishing the mobile design. AI also helped me pattern-match across 12 usability sessions and surface findings I might have missed at the volume I was working at. This was early days for AI in design workflows. It's standard now, but at the time it was the difference between handing over a complete product and handing over a half-finished one.
By the time I handed over, Lulapay had:
The portal didn't just replace a Google form. It gave a fast-growing fintech product the infrastructure to scale.
Object 12: A sneaky peek at the supplier mobile experience
If you have any questions or would like to get in touch, click on the box ← here to contact me or look at some of my other projects.