Portfolio

An app for employees to submit timely and accurate timesheets, custom-made to suit the payroll process at Allbiz Supplies.

Read a more detailed write-up here.

Solution

I asked the client exactly what information they needed to collect on timesheets and designed a form that made it easy for employees to record their shifts and leave periods.

I deployed the app to the same LAMP server as the client’s website to avoid extra hosting costs.

Features

• Session-based user authentication
• Password reset (with bearer token)
• Renders and emails PDF timesheets
• Sends SMS reminders to employees

Technologies used

• React + Redux frontend (TypeScript)
• Sass + Bootstrap
• Laravel + MySQL backend
• JSON:API

Source Code

https://github.com/bradtreloar/timesheet-app-frontend

https://github.com/bradtreloar/timesheet-app-backend

An eCommerce store with a lettering designer.

Read a more detailed write up here.

Solution

I showed the client examples of WYSIWYG editors offered by other lettering manufacturers and asked for a list of product options that the designer needed to offer to customers. From this I created a spec for a design that incorporated useful features of competitors’ interfaces with client’s range of font and material options.

I worked with the client to devise a continuous pricing function to handle any product size that Allbiz could manufacture.

Features

• WYSIWYG lettering editor
• Live price calculations while editing
• PayPal secure payments
• Shipping calculation during checkout
• Generates SVG and PDF contour files for cutting

Technologies used

• Drupal Commerce
• Sass + Foundation
• jQuery + opentype.js
• TCPDF

Website

https://lettering.allbizsupplies.biz/

A sales website showcasing the company’s portfolio of bespoke homes.

Solution

The client brought a preexisting library of professional photography and client testimonials, ready for a portfolio. I designed the structure of the website’s content and the client provided the necessary copywriting.

Features

• Portfolio with lightbox galleries

Technologies used

• Drupal
• Gutenberg (WordPress block editor)
• Sass + Bootstrap
• jQuery + Chocolat.js

Website

https://housemasterhomes.com.au/

A sales website advertising the company’s range of manufactured products and materials.

Solution

The client requested a simple and elegant website design, and specified the content and images that needed to be included.

Since the site’s content would be updated rarely, I created a static site with each page written using React components. This allowed me to tailor each page’s design without needing to transform content data from another source.

Features

• Static website
• Lazy-loaded images
• JavaScript-driven page navigation

Technologies used

• GatsbyJS (TypeScript)
• Sass + Bootstrap

Website

http://woodndoors.com/

Website for a suburban church, providing information about their services, ministries and missions.

Solution

The client had an existing website that they had created themselves. I used the existing content, created new thumbnail images, and designed a mobile-responsive layout.

I took advantage of WordPress’s block editor to build distinct content layouts for each page.

Technologies used

• WordPress (Roots Bedrock and Sage)
• Sass + Bootstrap
• JavaScript-driven page navigation

Website

https://oasis-familychurch.org.au

A small but stylish brochure website to advertise commercial food products.

Solution

The client wanted to support their sales reps with a simple brochure-style website

Features

• Static website
• Lazy-loaded images

Technologies used

• GatsbyJS (TypeScript)
• Sass + Bootstrap

Website

https://qgourmetchef.com.au/

A sales website advertising the company’s range of manufactured products and materials.

Solution

The client requested a website with an interactive swatch browser to advertise their range of laminates. I created an updated design, including a range of icons, and implemented a swarch browser capable of showing hundreds of laminate swatches across several brands.

Features

• Interactive swatch browser with modal popups.
• Lightbox gallery

Technologies used

• Drupal
• jQuery
• Sass

Website

https://advancedconcepts.com.au/

An information website that directs users to the client’s multiple retail storefronts and provides information on accounts and policies.

Solution

Features

• Interactive portal menu

Technologies used

• Drupal
• Sass + Foundation

Website

https://allbizsupplies.biz/