Cart 0
 
 
 
Bunnings-Logo2.png
 

Various Bunnings Digital Projects

Series of digital projects I designed whilst I worked at Bunnings Warehouse – Australia’s largest hardware retailer. I worked on a wide range of projects from customer-facing apps and websites, to internal business products. The designs displayed here are a mix of concepts and production work. For the most part I worked as the sole UI/UX designer in our team. I worked closely with the technical development team, project managers, business analysts, and key business stakeholders across Australia and New Zealand. This involved some degree of business analysis myself – helping design processes and workflows for the products we were building. As well as designing wireframes and clickable prototypes.

Client: Bunnings Warehouse (Australia).
Designed at Bunnings (in-house role), Perth, 2019-20.

 
 
bunnings-hero-pic2.jpg
coffee-app-mockup.jpg
 

 

 

Bunnings staff cafe app

One of the last projects I worked on at Bunnings was designing a cafe app for Bunnings staff members. We built this as a stand alone app which lives within the existing team member app (it is accessed via a side menu). Initially it was to be used for staff only, but with a view to possibly rolling it out for customers in the future. The app allows staff to order from the cafe ahead of time, and ensure their order is ready for them as soon as they go on break. Users can customise their orders by changing milk type, amount of sugar, adding syrups, etc.

 
Cafe main menu, product detail and milk preferences

Cafe main menu, product detail and milk preferences

 
 
 
45FlatRight.jpg
 
 
 
Customisation screens

Customisation screens

 
Video walkthroguh of the full flow, from ordering and customising products, through to review and payment
 
Product, favourites and checkout screens

Product, favourites and checkout screens

 
Some of the product images I created for the app. There was not the scope to get all products photographed, so I created these composite images in Photoshop using bird’s eye view perspective (as paper takeaway cups are not so visually appealing).

Some of the product images I created for the app. There was not the scope to get all products photographed, so I created these composite images in Photoshop using bird’s eye view perspective (as paper takeaway cups are not so visually appealing).

 
 
 
 
barista-app-hand-hold-mockup2.jpg
 
 
 

The barista tablet app

I also designed a barista app to used on Android tablets by staff in the cafes - this is where all orders come through to. The barista can mark when they are starting to prepare the order, mark orders as completed, edit the cafe open times, as well as manage product and ingredient inventory to be able to mark products as unavailable once they sell out.

 
Various screens from the barista app
 
Video walkthroguh of the barista app
 
 
 
 
 
 
 
 
 
 
 
 
shipping.jpeg
 
 

International supply chain project

This was a vast project that had to do with the procurement, maintenance and ordering of products from international suppliers all over the globe. I designed prototype web portals for 4 internal Bunnings teams: Direct Sourcing, Buyers Team, Pricing Team and Ethical Sourcing. As well as a portal for Bunnings’s international suppliers.

We were designing these portals to replace a third party piece of software. The new portals were intended to streamline the workflow, replacing lots of manual emailing of Excel spreadsheets and attachments, with integrated web portals with improved automation and communications facilities.

I took a complex set of business requirements and was responsible for designing a lot of the new workflows from scratch we needed to make this ecosystem function. I did this in close consultation with the Business Analyst, Information Architect, developers and key stakeholders. Unfortunately the project did not make it into production.

 
Pricing Team: Product Master screen (browse all internationally sourced products)

Pricing Team: Product Master screen (browse all internationally sourced products)

 
Before and after: Use the slider to drag left-to-right across the image above. Dragging the slider completely to the right will reveal my new design for the Direct Sourcing team. Dragging the slider to the left will reveal the old version.
 
supply-chain-infographic-for-flow-2.gif
 
Direct Sourcing: Homescreen

Direct Sourcing: Homescreen

 
A diagram I designed to illustrate the flow of data for all the stakeholders and developers

A diagram I designed to illustrate the flow of data for all the stakeholders and developers

 
Some of the initial wireframe designs
 
International Supplier: Screens from the onboarding process for new suppliers (adding a new factory)
 
 
 
Direct Sourcing: Screens from the Editing New Items process
 
International Suppliers: Onboarding homescreen

International Suppliers: Onboarding homescreen

 
Bsafe-hero-image.jpg
 

 

 

Bsafe - safety app

Concept design for a new safety app for Bunnings. This design incorporates a number of existing Bunnings safety apps and melds them into one product, as well as bringing in new features. At it’s core the Bsafe app gives the business the ability to send safety inspections lists to its staff for equipment and areas throughout Bunnings stores. When there are issues with any of these, they are saved as actions inside the app. Actions are assigned to staff and third party contractors to address the safety concerns. All of this can be tracked by managers at a store, regional or national level to identify trends and ensure all stores are operating as safely as possible.

The app also incorporates the ability for staff to record safety observations (good or bad) that they may see in their daily duties. Additionally there is a chemical section where store managers can approve the types of chemicals cleared for use in store by their team. There is a huge amount of data at staff’s fingertips about any particular chemical, such as different types of risks.

 
The key screens of the app

The key screens of the app

 
A video walkthrough showing the chemical section of the app
 
Various screens from the Tasks section of the app (safety checklists)
 
Various screens from the Action section of the app
 
Various screens from the Report section of the app
 
Screens from the Chemical Register portal. This is where the chemical team manages all chemicals used at Bunnings stores. It also dictates what will be visible to end users in the mobiel app.
 

PROJECT TAGS:

 
 

More projects like this

 

Bunnings PowerPass app concept

CASE STUDY

Bunnings self service checkout

 

Want to work with me?

If you like this project, then say hello and let’s see what I can do to help you.

flat-colour-break-2c.gif