Diesel Laws
Diesel Laws

Diesel Laws

Senior UX Designer Senior UI Designer
Design Lead Design Manager

I’m a seasoned UI/UX designer with over 19 years in the design industry. I'm passionate about creating intuitive user interfaces that deliver outstanding user experiences, and I've built a reputation as a leading designer in the field.


Hi, I’m Diesel Laws, a seasoned UI/UX designer with over 19 years in the design industry. I'm passionate about creating intuitive user interfaces that deliver outstanding user experiences, and I've built a reputation as a leading designer in the field.

Throughout my career, I've had the pleasure of working with a diverse range of clients across various industries, including tech, mining, healthcare, finance, and education. My work has helped companies enhance customer satisfaction, increase user engagement, and drive revenue growth. I'm well-versed in the entire design process, from user research and prototyping to usability testing and product launch. My approach is always centred on rapidly delivering solutions that meet both user needs and business goals, and I'm dedicated to helping organisations create products and services that users love.

I'm known for my ability to jump across various design tools with ease, and I'm always open to exploring new ones. Over the years, I've worked with a wide range of design tools, including Sketch, Adobe XD, Figma, Photoshop, Illustrator and InVision, just to name a few. My adaptability and willingness to learn new tools have allowed me to work effectively with various teams and deliver high-quality designs on time.

I believe that the key to success in UX design is being able to adapt to new technologies and design methodologies quickly. As the industry evolves, I'm committed to staying up-to-date with the latest design tools and trends to ensure that my clients receive the best possible outcomes. Whether it's using established design tools or exploring new ones, I'm always excited to tackle new challenges and create amazing user experiences.

Daily Overview

Facilitate Client Discussions

Guide client discussions to achieve optimal results (timeframe vs cost) for MVPs, demos, or production-ready software through streamlined user experiences

Lead UX/UI Projects

Lead UX/UI design projects with rapid turn-around time and strong collaboration

Craft Dynamic Presentations

Create and/or uplift internal or external presentations for clients, workshops, business pitches and more

Develop Brand Materials

Assist marketing teams by developing materials that align with branding

Visualise Client Feedback

Translate client discussions and feedback into visual wireframes, concepts, and multi-page interactive demos

Manage Design Teams

Hire and lead teams of designers across various client initiatives

Leverage Design Expertise

Use my 19+ years of knowledge in design to assist or help any team members across the company, at any time

Featured Work

Construction Document Analysis Using AI

Construction Document Analysis Using AI


The goal of this project was to create an innovative construction document analysis tool using AI to engage potential clients and showcase our capabilities. The tool's main functions include reviewing documents, performing site diary checks, maintaining a completions register, identifying risks in documents, and scope checking. This solution was developed as a proof of concept to demonstrate our ability to deliver advanced AI-driven tools for the construction industry.

2 Week Timefame

We had a tight two-week timeframe to deliver a working demo. We built the core functionality in the first week and refined and expanded the features, including the "Thoughts" panel, in the second week.

Problem To Solve

The primary challenge addressed by this project was to provide a sophisticated, user-friendly platform for potential clients to interact with and understand the capabilities of our AI solutions. Traditional methods of reviewing and analyzing construction documents are time-consuming and prone to errors. By leveraging AI, we aimed to streamline these processes, improve accuracy, and engage clients through a compelling demonstration of our technology.

Design and Development Approach

Instead of following the conventional approach of creating designs in Figma and handing them over to developers, I used Subframe, a tool that enabled designing using real code components (React and NextJS). This approach enabled our engineering team to concentrate on the API and implementation, ensuring a seamless and functional prototype.


The dashboard serves as the central hub for all the tool's functionalities. It provides an overview and quick access to different sections such as Review Documents, Site Diary Check, Completions Register, Risk Identification, Scope Checker, and Identify Rights and Obligations.

Scope Checker

In this section, users can upload a PDF of their contract. The AI initiates a conversation, allowing users to ask specific questions about the document. For instance, users can inquire if certain scopes are included, and the AI provides detailed responses, indicating the relevant sections and details.

Review Contract

The Review Contract feature involves a list of 70 predefined questions that the AI compares against the uploaded document. Each question is answered with a yes/no response, a detailed explanation, and a confidence score. This comprehensive analysis helps users quickly understand the document's compliance and completeness.

Site Diary Check

This section enables users to upload site diary requirements, and the AI analyzes the documents to ensure all necessary information is present and accurately recorded. This feature helps maintain an organized and compliant site diary.

Completions Register

This section maintains a detailed register of project completions. Users can upload relevant documents, and the AI verifies and logs the completion status, ensuring thorough and accurate record-keeping.

AI "Thoughts"

Additional Dashboard
In addition to the initial scope, we expanded the project to enhance user interaction and flexibility by enabling document uploads directly into a chat interface through a new dashboard. Users can now seamlessly upload their construction documents, select relevant tasks such as scope checks or contract reviews, and receive outputs inline within the chat. This integration keeps users within the chat environment, allowing them to easily switch tasks or add new information on the fly, thereby enhancing the overall user experience and making the tool more dynamic and responsive to their needs.

AI "Thoughts"
A novel feature included in this expansion is the "Thoughts" panel on the right-hand side, which lists the AI's steps and provides detailed step-by-step information. This approach offers real-time feedback and transparency, helping users understand the AI's processes and enhancing trust in the tool's capabilities.


By utilizing Subframe to design with real code components and focusing our engineering efforts on API development, we created a functional and engaging prototype in under a week.

This AI-driven construction document analysis tool not only demonstrates our technological capabilities but also provides potential clients with a clear, interactive experience of how our solutions can streamline their processes and improve accuracy. This project successfully bridges the gap between design and implementation, showcasing our commitment to innovation and client engagement.

Roadworks Tracking and Cost Estimation - Pitch Concept

Roadworks Tracking and Cost Estimation - Pitch Concept

Pitch Timeframe

For this pitch, I had 2 days to concept and create a Roadworks Tracking and Cost Estimating dashboard. I took this as an opportunity to take a fresh look into the way roadworks projects are managed. With multiple projects running concurrently, each with its unique challenges and requirements, a centralised dashboard became essential for tracking progress, estimating costs, and ensuring timely completion.


This dashboard offers a comprehensive Gantt chart view of all ongoing projects, displaying timelines, estimated costs, and progress. It allows subcontractors to update daily costs, accounting for variables such as supplier issues, shipment delays, or weather disruptions. These updates are reflected in real-time, providing an accurate picture of the project's status and financial health.

One of the key features is the Readiness Score, which aggregates various metrics to provide a snapshot of how close a project is to completion. This score helps project managers foresee potential overruns and make informed decisions to keep the project on track and within budget.

Detailed Breakdown

Gantt Chart View:
This feature provides a visual representation of project timelines, allowing for easy tracking of start and end dates, as well as key milestones. The color-coded bars indicate pre and post-handover phases, giving a clear picture of the project's lifecycle.

Daily Cost Updates:
Subcontractors can input daily expenses, which are then compared to initial estimates. This helps in identifying any discrepancies early on and enables proactive management to mitigate cost overruns.

Real Time Alerts:
The dashboard issues alerts based on various triggers such as weather conditions, supplier issues, or critical delays. This ensures that project managers are always informed of any potential issues that could impact the project timeline or budget.

Readiness Score:
A unique feature that combines multiple metrics to assess the project's overall progress and readiness for completion. It takes into account factors like scope coverage, planning, and safety to provide a comprehensive readiness assessment.

Forecasting and Budgeting:
The dashboard includes robust forecasting tools that predict future costs based on current data trends. This allows project managers to anticipate financial needs and adjust budgets accordingly.

By integrating these features into a single, user-friendly interface, the Roadworks Tracking and Cost Estimating dashboard empowers project managers to oversee multiple projects efficiently. It provides the tools necessary for making informed decisions, ensuring projects are completed on time and within budget. This project is a great step forward in the way roadworks projects are managed, offering a level of transparency and control that was previously missing.

RedCode - Internal Hack Week

RedCode - Internal Hack Week

Pitch Timeframe

During an internal hack week, I embarked on a project to create a proof-of-concept Code Commenting AI app. This innovative tool was designed to add comments and explanations to code in seconds, significantly enhancing readability and maintainability across various programming languages. The result was a functional and intuitive application, complete with an animated loading logo, that showcases the potential of AI-driven code documentation.

Detailed Breakdown

Commented Code in Seconds:
The Code Commenting app instantly transforms your code by adding human-readable descriptions into your functions. A user simply pastes in their raw code and presses the button to generate commented code. This elevates the scannability and simplifies maintenance, making it easier for developers to understand and work with the code.

Red Marble AI's animated "Connectome":
The animated loading screen features a dynamic logo, which is an animated version of Red Marble AI's "Connectome". This ensures users are informed about the progress, with a message that larger code blocks might take slightly longer for thorough commenting.

How It Works":
This was a fun challenge into how to create an animated svg logo that worked for these purposes. It's made using two dotted-lined svg logos (white, red) running at different speeds, stopping and starting at random intervals, moving the start and end positions. This creates the cool illusion of filling and then emptying. It's hosted on CodePen so you can see the code output below.

See the Pen RedMarble Connectome by Diesel Laws (@diesellaws) on CodePen.

Commenting Completed:
Once the process is complete, the app displays the newly commented code. Users can copy the improved code directly to their clipboard, enhancing productivity and ensuring immediate usability.

This project, though a simple proof of concept, demonstrated the powerful impact of integrating AI with code documentation. It efficiently bridges the gap between raw code and clear, understandable comments, making it an invaluable tool for developers. This hack week project was not just a technical exercise but a glimpse into the future of automated code maintenance and enhancement.

Off The Track Community - Racing Victoria

Off The Track Community - Racing Victoria


Racing Victoria's request to create a portal for the Off The Track Community was more than just a routine development project; it was a testament to their unwavering commitment to horse welfare. As an organization that deeply values retired racehorses and their well-being, Racing Victoria recognized the need for a centralised platform that could serve as a one-stop-shop for owners, buyers, and fans alike. This website would not only allow individuals to find and claim ownership of off the track horses but also provide essential information about post-racing pathways, emergency contact registration, educational opportunities, and exclusive member events.

In essence, the Off The Track Community portal would be a game-changer, helping to promote responsible horse ownership, provide resources for horse care, and connect people with a shared passion for these magnificent animals. Racing Victoria's vision for the Off The Track Community is a fantastic endeavour that is poised to make a significant impact on the world of horse welfare, and we were honoured to have been a part of bringing this vision to life.

All Under One Stable

Until now, Racing Victoria did not have a centralised portal that could tie together all the different products and services they offered under the Off The Track Program. However, with the creation of the Off The Track Community portal, Racing Victoria was able to unify their offerings into one comprehensive platform.

The versatility and intelligence of retired racehorses make them ideal for a range of post-racing careers, including equestrian sports, performance disciplines, pleasure riding, and even companion and therapy animals.

The Off The Track Community portal is a major milestone for Racing Victoria, and it represents a significant step forward in the support and respect for retired racehorses.

The Process

Due to the large scope of the project, we spent a few months brainstorming, researching and understanding Racing Victoria's needs. We identified the core programs to include, and made sure to collect as much information as possible for each one. We then segmented these programs into priority, and kept that in mind when designing the structure.

Their core programs:

  1. Racing Victoria Acknowledged Retrainers Program
  2. RESET Program (Racehorse, Evaluation, Support, Education and Transition)
  3. Full Circle Program
  4. Off The Track Events
  5. OHEP (On-site Humane Euthanasia Program)
  6. Claiming and Thoroughbred Profiles

Wireframes and High-Fidelity Overview

After we decided on the structure and basic architecture, I went to work coming up with the initial wireframes that we could use for discussion and alignment.

To give you an idea of the end scope of this project, here is an overview of all the wireframes and high-fidelity screens created. Each item contains anywhere from 3 to 30 interactive screens.

Wireframes to High-Fidelity

I start by creating wireframes to get the base architecture and flow. I then take the feedback and iterate on the wireframes until we have a good base to work from. After creating a few different flows with the wireframes, I create high-fidelity versions. During this time, I build design components (in Sketch/Figma) for reusability, and flexibility for when we get to development handover.

Once we have agreed upon the direction for the high-fidelity designs, I tend to build from there as a default, using all the reusable components to quickly create "high-fidelity wireframes". I can move just as fast with this approach, and the clients love it because they can see what a final version of a concept could look like in a much quicker time frame. Iterating with a high-fidelity design is quick, effective and impactful.

The next few sections are flows and comparisons from wireframe to high-fidelity. Please note that some of the screens include conceptual features that may not appear in the final product.

Claim Thoroughbred Flow

Forms and data entry up until now had been done via paper and email, resulting in a lot of manual entry for the Off The Track team. One of the portal's main functions was to simplify and streamline this process, taking the pressure off the team and allowing scale back into this space. As such the created forms needed to be flexible to add or remove sections, host multiple buttons, uploads, inputs and text areas while keeping their appearance less daunting.

During the course of feedback we iterated to a triple column approach with clear headers for each core section. Buttons and links were set as the branding blue and all labels were set to a heavy contrast with good padding. Notes or guidance boxes were highlighted in yellow or light blue with large icons.

This 3 column approach was also built with mobile in mind, collapsing into 1 column (see below examples).

Search and Claim Flow

With Search we needed a robust solution to cover 'unclaimed' Thoroughbreds with only a name and few details on the system and 'claimed' Thoroughbreds with a rich amount of details. Tags were added to assist in quickly scanning the colour, sex and age. Advanced filters were brought in early to make searching as simple as possible.

Search Acknowledged Retrainers

Here is another search solution that was suitable for a triple column business layout. It includes the ability to add filters, and provides more scannable information such as business thumbnail, description and relevant filterable tags.

Thoroughbred Profiles

Thoroughbred profiles needed to be inviting, detailed and easy to navigate for owners and viewers. I decided on the larger left column with bigger sections for the Thoroughbred details. The right hand side became an information and action area, allowing owners to complete their next steps and post social updates. If you're not an owner and are viewing a profile, you will see different action buttons on the right hand side relative to you.

During research and iterations we decided on adding a triple-tab section to cover different areas of information. We moved away from large user added header images as a large portion of the profiles will be unclaimed.

Admin Form Dashboard

The Off The Track team needed to be able to review, edit and upload forms in a simple way. Their previous way was to manually upload paper forms into their database, taking many hours and doubling the workload. With this portal, users can complete forms connected to Thoroughbred profiles, sending the information straight to the team. The team would then see each form come through into specific sections, and be able to assign it to other team members as needed.

Upon reviewing forms they could send them back for more information or approve/deny it. This process saves countless hours and frustration from the team, and provides users with faster feedback and a robust experience.

The Final

Following a year of iterative design and development, Racing Victoria released the inaugural version of their platform to a carefully selected group of Acknowledged Retrainers. Subsequently, invaluable feedback was received regarding the experience, particularly in terms of the submission of complex forms which required significant time and effort to collate the relevant documentation.

The Off The Track Community portal was then successfully launched to owners, retrainers, and staff alike, with the team receiving additional constructive feedback. Notably, the platform was designed to facilitate ease of modification and adjustment to sections and layout.

In the weeks that followed, the simplified online forms demonstrated significant improvements in efficiency, saving numerous hours previously spent on data entry and document retrieval. Additionally, the Off The Track team was able to more effectively connect with the community, utilizing the portal to provide guidance, education, and highlight the benefits of each program.

Visit Off The Track Community

All Star Mile - Racing Victoria

All Star Mile - Racing Victoria


Racing Victoria needed a new All Star Mile website and voting system in a short time frame. I worked closely with stakeholders to create multiple concepts, revise and prototype the platform. Collaboration and communication were critical to ensure that all aspects of the platform met Racing Victoria's goals, including the need for a visually impressive design, a secure voting system, and an intuitive user experience.

Despite the time frame challenge, I was able to deliver a robust and visually exciting platform that exceeded Racing Victoria's expectations. The platform featured an intuitive user experience, innovative design elements, and seamless navigation. The development team's attention to detail and focus on user experience built goodwill and allowed us to continue working with Racing Victoria on future projects.


Designing a listing and voting platform for Racing Victoria's All Star Mile within a tight time frame presented numerous challenges. I had to work collaboratively and efficiently with stakeholders to ensure that every aspect of the design met the event's marketing guidelines while offering something fresh and innovative. This approach involved rapid research and iterations, cross-collaboration, and extensive discussions around security and admin control.

To expedite the design process and facilitate quick client feedback, I created high-fidelity designs for the platform. This allowed me to create a small design system of components while building the initial concepts. By designing with high-fidelity, I was able to make quick revisions and improvements to the platform while ensuring that the final design was visually appealing, intuitive, and easy to navigate. This attention to detail and focus on user experience and design contributed significantly to the success of the platform, resulting in positive feedback from Racing Victoria's team and voters alike.

Simple Flow

To ensure a seamless user experience, the platform's structure was intentionally designed to be very similar to that of previous years. This decision was made with the goal of keeping users engaged for a brief period and enabling them to vote quickly. The flow of the platform included four core screens:

  1. Horse Listing/Voting
  2. Voting Details
  3. Mobile Verification
  4. Thank You and Next Steps

By keeping the structure similar to that of previous years, users would already be familiar with the platform's layout and could quickly and efficiently navigate the voting process. The four core screens ensured a smooth and straightforward user journey, from selecting their preferred horse to verifying their mobile number and receiving confirmation of their vote. This thoughtful and user-centric design approach ultimately contributed to the platform's success and positive feedback from users.

On The Move

To meet the requirements of a fast-paced voting platform, the designs needed to be responsive and easy to navigate. To achieve this, the original desktop designs were created with mobile devices in mind. 'Resizable cards' were utilised, which allowed the platform to adjust to different screen sizes and enabled the development and marketing teams to work flexibly with the designs.

By prioritizing mobile device design, the platform could cater to a broader audience, providing a user-friendly interface that could be easily accessed from a smartphone. The resizable cards feature allowed for efficient and quick modifications, which helped the team meet the tight deadline. This approach resulted in a successful and enjoyable user experience for voters.


Collaborating closely with the Racing Victoria Marketing team, I developed design components that served both as development guides and internal marketing materials. These components were designed to be flexible and could be updated by the team to showcase the adaptable nature of the system. The design components helped to maintain consistency throughout the platform and provided a seamless user experience.


Following the release of the website and voting platform, we received overwhelmingly positive feedback from both voters and the Racing Victoria team. Our ability to work quickly and attentively during the design phase built a great deal of goodwill and cemented a strong working relationship with Racing Victoria. This positive feedback also allowed us to continue collaborating with the client on many future projects.

JourneyHub Concept Flow

JourneyHub Concept Flow


I was given the task of creating an initial concept for JourneyHub - a touch-less booking system for elevators with virtual queuing that connects to a Desk Booking system. The main focus was to come up with a design that would make it as easy as possible for users to book an elevator while providing them with all the necessary information and control while they waited.


The main constraint for this project was the need to develop a system that could connect with physical scanning devices while also functioning as a standalone lift booking system. Additionally, it had to be seamlessly integrated with an optional Desk Booking system that could provide feedback on elevator availability. The solution needed to be as streamlined as possible, ensuring users had access to all the relevant information and features, with the minimum number of steps required to complete the booking process.


The presentation of the initial concept was highly praised, and it provided the team with strong visuals to share with potential clients. Over the next few months, the team iterated and expanded upon the initial concept, developing a product demo that brought together all the key features of the JourneyHub system. The final outcome was a highly intuitive system that made elevator booking simple and stress-free, while also providing users with essential information on wait times, elevator availability, and control features.

LIFX App, Packaging and Marketing

LIFX: App, Packaging and Marketing

App Overview

The LIFX app had the same design for over two years, with new features being added and buried within the old interface. The goal was to improve the user experience without removing functionality customers had become accustomed to. The core focus was on the base ability of turning on one or many lights with a single touch.


As the app had been unchanged for many years, the redesign needed to be focused on the core functionality of the app and ensure that the design is user-friendly. It was important to improve the user experience without removing functionality customers had become accustomed to.

One Button Simplicity

The redesign aimed to bring the Scenes, Schedules and Integrations to the main list, into helpful collapsible modules. The new design allowed customers to automate waking up with their lights and coming home to a lit house without needing to reach for their smart device. The changes brought the most important features to the forefront and made them easily accessible to users.

Packaging Overview

The trend in lightbulb packaging was often without character or warmth, with a focus on the physical product shot against a flat colour. The goal of the redesign was to create something unique that stood out from the herd.

Variations and Feedback

The packaging went through several iterations, taking in feedback from customers and the internal team. Merchants and sales floor employees were able to reference marketing booklets that spoke to the benefits of the product and inspired customers to purchase LIFX bulbs.

Marketing Booklet

Since LIFX bulbs were WiFi-enabled, it was crucial to have a well-defined marketing strategy. To achieve this, we created a series of traditional marketing booklets that could be used by merchants and sales staff as reference material when speaking to customers. These booklets were highly effective in answering common questions and providing customers with inspiration for purchasing LIFX products.

Feature Design Sprints

Reworking Design Sprints into 3 Hour Feature Sprints


As part of my role, I was responsible for creating a design sprint that could fit into a 3-hour time-box for developers. To achieve this, I reworked Google's Design Sprints and refocused it around generating ideas for new product features.


With only 3 hours and developers in attendance, I had to ensure that the experience was both enjoyable and efficient, while also ensuring that everyone had a chance to contribute their ideas.


The Feature Design Sprint (FeDS) was designed to be both engaging and productive. It featured bright and humorous slides with mini-games throughout to encourage excitement. We began with an introduction and overview, explaining what each section entailed.


To break down any barriers and get everyone on the same page, we played a mini-game called Superpowers. Each person wrote down a Superpower that they felt summed them up and presented it to the group.

Feature & Funky 4’s

After an in-depth look at the feature, we covered the Business and Customer Why's and the problems we were trying to solve. We then dove into Funky 4's, a modified version of "Crazy 8's," where each person came up with four solutions, ranging from obvious to outside-of-the-box.

Vote and Share

After a break, we went around the room one-by-one, presenting the solutions. We then voted on the solutions to avoid popularity votes and created a voting board.

Themes, Groups and Solutions

The participants separated into three teams around the three themes that raised the most votes. While working on their solutions, they were asked to keep validating them against the Business and Customer Why.

Next Steps

Once the multiple solutions were created, we had a small presentation and documented the next steps, which included identifying which areas needed to be addressed and setting up UX testing as soon as possible. The solutions were then transformed into usable wireframes before testing.


The team provided positive feedback after the sprint, particularly highlighting the humor and fun approach of the mini-games. The session generated multiple real-world feature ideas that were successfully put into production in the following months.


"Diesel is exceptional at getting a true understand of the real needs of clients and translate those into user stories that resonate both with the end users and the implementation teams. His ability to simplify user experience and help deliver quality outcomes even in the most complex scenarios has been beneficial through all the projects he has been involved with. I truly enjoy working with Diesel as he is an extremely approachable and highly respected person that always is willing to help others especially if he sees the need his assistance."

Jason Rogers

Senior Solutions Architect/Senior Consultant

"Diesel has the experience, talent and passion for making user journeys look great and feel right. He is also a genuinely nice guy - positive and fun in equal parts and never short of ideas or creative solutions. Paired with his ability to consider the big picture, this leaves him well placed to add huge value to any organisation - either by leading teams or driving best practice from within."

Kim Holland

Tech Lead

"Diesel is a talented UI and UX designer, focussed on quality customer outcomes. I would highly recommend Diesel based on his rich digital experience and collaborative approach to working with Agile teams. Diesel embodies what it truly means to be Agile and has a gift for developing creative, inspiring UI/UX solutions that exceed customer expectations."

Justin Rolfe

Agile Transformation Manager

"Diesel has brought to life several projects, with me in both Unico and CGI. He has helped the client visualise the possibilities and created the user flows to deliver the desired outcomes. From animal swabbing apps to graphical data platforms, he has turned his hands to meet diverse clients needs and defined the look and feel of the end products. He works easily with clients and delivers results."

Bruce McCole

Director of Consulting Services

"Diesel is a switched on entrepreneur at heart. He works efficiently, communicates effectively and presents with purpose. There is no 'fluff' when it comes to talking industry standards with Diesel. His approach is friendly and insightful. There were many occasions that Diesel gave me guidance tips on Design Thinking and User Experience principles. He's funny upbeat style is appealing, and great to be around. Would be grateful to work with him again."

Sanjay Rajapaksha

Product Designer

"Diesel is super efficient and adaptive. I worked with Diesel for more than a year and I was really impressed with his ability to manage multiple complex projects at the same time and from his attention to details. Hope i'll have the chance to work with him again in the future."

Maor Shabat

Principal UX Researcher

Copyright Diesel Laws 2024. All rights reserved.