Four systems — regulatory filing, lending analytics, agritech and legal services — from research through delivery.
4 of 4
Adalfi
Fintech analytics for the full lending lifecycle
UX Design
Dashboard Design
Data Visualization
Design System
An analytics product for the teams running a bank's credit-card lending book, covering the whole lifecycle in one place instead of one tool per stage: Assess, Activate, Disburse, Optimize. Every module is built from the same two parts — a KPI strip across the top, then charts that answer "by what?" through a segmented control, so By Count / By Value on a DPD breakdown behaves exactly like By Income / By Age / By Risk on an outstanding-balance split. Learning one module teaches you the rest. The dark ground is for people who keep it open all day.
Disburse — conversion and disbursement efficiency over a chosen range. Same anatomy as Optimize below: four KPIs, then a trend and a distribution, so the two modules read as one product.
SECP eZfile
Digitizing regulatory filings nationwide
UX Design
Wireframing
UX Research
Process Re-engineering
2023–2024
25%
better service efficiency
40%
faster internal processing
10
departments re-engineered
A comprehensive digital solution for the Securities and Exchange Commission of Pakistan (SECP) to streamline and digitize the regulatory filing process. The eZfile platform replaced a complex, paper-heavy system used by thousands of businesses across Pakistan with an intuitive, user-friendly digital interface for submitting legal and financial documents. I designed the user dashboard, company registration flows, service selection screens, officer/director management, payment processing, and validation flows: covering dozens of screens with complex form logic, live chat support, and notification systems.
Signup portal wireframe: company name search, SEC guidelines, eServices, and quick links
User dashboard wireframe: company management, name reservation flow, and action items panel
Company profile wireframe: partner details, applicant statement, and contextual guidelines sidebar
LLP incorporation form wireframe: multi-step application with best practices and tips panel
Early pencil mockup exploring layout hierarchy and primary actions for the filing flow.
Hand-drawn mockup iteration focused on content grouping and form progression.
Concept sketch used to test navigation behavior and information architecture before high-fidelity design.
Refined paper prototype showing final structure decisions prior to digital wireframes.
vGreen
AgTech for farmers and field staff
UX Design
Mobile App Design
Admin Panel Design
Two products, one problem: soil chemistry means nothing to the person standing in the field. The farmer's mobile app turns lab output into an action — a soil analysis becomes a nutritional plan attached to a specific, GPS-mapped field, in language that assumes no agronomy background. Behind it, a web admin panel gives staff control of the data that feeds it: app users, crops, products, nutritional plans and roles. I designed both ends so what a farmer taps and what an agronomist maintains stay in step.
AUC LAW
A full-service law firm website, designed end-to-end
UX Design
Wireframing
UX Research
2025
A full-service law firm site taken end to end, from research through high-fidelity design. I started by studying how prospective clients navigate legal services online, then wireframed every key flow before committing to any visual design. The result spans 12+ pages — landing, about, practice areas, team profiles, services, blog, careers and contact — structured so a visitor lands on the practice area they came for rather than the firm's internal org chart. A restrained navy-and-white palette, responsive layouts, testimonials and partner showcases carry the firm's credibility without decorating it.
