SahlPay is a US based bill payment platform that enables users to pay utility and service bills from a single app. The client needed an internal admin dashboard to manage users, transactions, billers, and system health efficiently. My role covered end to end UIUX design and rapid product implementation using a vibe coding approach with Lovable and Supabase.
My Role
UIUX Designer and Vibe Coder
Responsibilities included user research synthesis, dashboard UX architecture, UI design in Figma, and functional implementation using Lovable with Supabase as the backend.
Problem
The client needed an admin dashboard that
Simplified complex financial operations
Reduced manual support overhead
Scaled with increasing transaction volume
Could be shipped fast without a large engineering team
Existing internal tools were fragmented and not designed for operational speed or clarity.
Design Process
I started with workflow mapping to understand how admins review payments, resolve failed transactions, manage billers, and monitor system status.
Using Figma, I designed a modular dashboard with
Clear information hierarchy
Data dense but scannable layouts
Role based access considerations
Reusable UI components for scale
The focus was on reducing cognitive load while keeping critical financial data visible and actionable.
Implementation Approach
Instead of a traditional handoff to engineering, I implemented the dashboard myself using
Lovable for rapid frontend generation and logic binding
Supabase for authentication, database, and real time data
This vibe coding approach allowed me to translate design intent directly into a working product, minimizing design drift and feedback loops.
Trade Offs
Using Lovable accelerated delivery but limited deep frontend customization compared to a fully custom React stack
Supabase provided fast setup and scalability but required careful schema planning upfront to support financial reporting needs
Some advanced admin analytics were deferred to prioritize core operational flows
These trade offs were intentional to optimize for speed to market and immediate business value.
Outcomes
Reduced admin task completion time through clearer workflows
Faster launch without hiring additional engineers
High design to build consistency due to designer led implementation
A scalable foundation for future analytics and automation features
The client received a production ready admin dashboard that aligned business goals with operational efficiency.
Value Delivered
This project demonstrated how combining strong UIUX fundamentals with modern no code and low code tools can