INPUT
Capture client, invoice, item and date information.
02 / BUSINESS SOFTWARE / CANVAS CREATION
CANVASBILL.
A billing and invoice management system built around invoice creation, tax calculations, operational records and filtered business reporting.
Inside the project
A closer look at the work.
Screens and visuals from the project.
02 PROJECT SNAPSHOT
Role Product Designer / Developer
Product Billing system
Data Invoices + clients
Documents PDF reports
Reporting Search / filter / sort
Backend Supabase
03 THE PRODUCT
A billing workspace for daily operations.
CanvasBILL brings the operational pieces of billing into one workspace: invoice records, client information, item calculations, GST handling, payment status, dashboard metrics and report generation.
01
Invoice creation and management
02
Client and GST information
03
Assessable value and tax calculations
04
Paid / pending status tracking
05
Dashboard metrics and invoice activity
06
Filtered PDF billing reports
04 THE PROBLEM
Billing becomes difficult when information is fragmented.
The system needed to handle both individual invoices and the larger picture: how many bills exist, what they are worth, how tax is calculated, which records are paid or pending, and how a selected set of records becomes a usable report.
—
Keep invoice data structured enough for calculations and reporting.
—
Make the daily billing register searchable and operationally useful.
—
Keep tax and grand-total calculations consistent between invoice and report views.
—
Allow the visible, filtered billing set to become a report instead of exporting unrelated records.
05 THE APPROACH
Design the workflow around the data.
CanvasBILL was treated as an operational product rather than a collection of forms. The interface, calculations and reporting behavior were designed around the same underlying invoice records.
01 Model the invoice and client information the workflow depends on
02 Create a dashboard that summarizes billing activity
03 Structure invoice creation around reusable calculations
04 Make the billing register searchable and filterable
05 Generate reports from the relevant invoice set
06 Support historical invoice records without renumbering them
06 INFORMATION ARCHITECTURE / USER FLOW
From invoice data to business report.
The core product loop connects a single invoice to the larger reporting system. The same data can be viewed individually, summarized on the dashboard and turned into a filtered PDF report.
CALCULATE
Derive subtotal, freight, assessable value and applicable GST values.
TRACK
Store invoice status and surface billing activity.
FILTER
Search and narrow the billing records that matter.
REPORT
Generate a PDF using the selected records and totals.
REVIEW
Use the resulting report as a structured business record.
07 KEY DESIGN DECISIONS
One calculation model across views.
Invoice totals are derived from item amounts, subtotal and freight, with GST values calculated from the client GST information. Reusing the same calculation logic keeps dashboard and report numbers aligned.
The report follows the current data set.
The report generator can use the records currently displayed in the billing table, preserving search, filters and sorting instead of exporting an unrelated full data set.
Historical records remain historical.
Historical invoice imports preserve existing invoice numbers and skip records that already exist, allowing older billing data to enter the system without silently renumbering current records.
08 SYSTEM / TECHNICAL WORK
A small system with several connected layers.
The product connects a persistent data layer, calculation logic, dashboard presentation and document generation. That connection is what turns the interface into a usable business tool.
01
DATA
Invoices, clients, items, dates, GST information and status records.
02
LOGIC
Invoice item amounts, assessable value, CGST, SGST and grand-total calculations.
03
WORKSPACE
Dashboard metrics, invoice activity and billing records.
04
REPORTING
Filtered invoice selection and generated PDF billing reports.
09 OUTCOME
Billing data became a usable operating layer.
The implemented product connects invoice creation and management with dashboard visibility and report generation. A supplied CanvasBILL report demonstrates 70 invoices with invoice number, date, client, GST number, assessed value, CGST, SGST, grand total and status fields, followed by a report summary.
Invoice records with client and GST dataCalculated CGST / SGST and grand totalsPaid / pending status trackingDashboard billing metricsSearch / filter / sort-aware reportingPDF invoice billing reports