Transaccts project overview

Transaccts

Web Development, Design System

A tax and accounting interface for long-haul truck drivers. We began with a Progressive Web App and a practical workflow: photograph a receipt, check the amounts, submit it.

Scope

The first release was a Progressive Web App to validate the concept across devices. We kept future iOS and Android apps in mind while developing the interface.

Research & Discovery

Research centered on the receipt workflow: take a photo, confirm the itemized amounts, wait for approval. The feed and detail pages keep those steps easy to find for drivers working away from a desk.

Mobile Overview
Mobile OverviewAn overview of all screens accessible via mobile devices.
Desktop Overview
Desktop OverviewBeing a PWA, functional parity is kept between desktop and mobile.

Automagic

OCR extracts products, categories, and prices from an uploaded receipt. The interface leaves that processing in the background and keeps Add Receipt available throughout, so the next transaction is always close at hand.

Add Transaction
Add TransactionAdding a transaction is as simple as pressing a button.
Upload Image
Upload ImageAfter an image is uploaded, it's scanned with OCR technology.
Reporting
ReportingViewing transaction details via the calendar.