UX/UI Design

Invoice generator

An automated system for a property manager

This project consisted of creating a locally hosted website to automate the process of creating invoices for a property manager. I created it using HTML, CSS and JavaScript. It involves selecting any council rates, water rates and electricity rates for that month's invoices and calculates the total amount billed for each tenant. Invoices are generated in the form of respective PDFs, saving time for the property manager.

Note: Confidential information will be blurred in the upcoming screenshots.


Screenshots

1. Home screen

Display of all the features

2. Selection screen

Entering details of monthly rates

3. Download screen

Saving all the generated invoice PDFs

4. Invoice

Example of a generated PDF

Process

Wireframes

Paper prototyping

Technical description

Programming details + Future work

This website was locally hosted and so I programmed the HTML, CSS and JavaScript to create a cohesive and dynamic site. Although the 'History' and 'Tenants' features remain unfinished, this project is currently on hold, as the property manager was able to hire a real estate agent, whom which has the responsibility of creating and sending invoices.

Note: This portfolio page provides a very concise summary of the project. If you would like to learn more, feel free to get in touch.