Founding UX Designer · B2B SaaS · MRO

Robot Toolworx: turning an idea into an AI workspace for maintenance teams

Overview

Robot Toolworx is an AI-powered B2B platform for the MRO (maintenance, repair and overhaul) space. It brings parts catalogs, procedures and an AI assistant into one workspace.

I joined as the first designer when the company was 3–4 people. There was no product yet, only an idea of what it could be. My job was to turn that open question into something the team could build, sell and use.

Role
Founding UX Designer
Worked with
CEO, CTO and sales team
Scope
Research, IA, user flows, UI, design system, design QA

Most of this work is under NDA. These are a few screens I can show.

Starting from a blank page

No screens, no flows and no spec. Just a strong belief that people in maintenance, repair and overhaul needed a better way to find the right information and get help in the moment.

That meant the first design problem was not a screen. It was deciding what the product should be, who it was for, and what to build first.

The challenge

One product that works for a technician on site and a lead at a desk.
Hand-drawn sketch of the layout: a nav bar on the left, a large main action space in the middle, and a chat panel with a prompt box on the right
My first sketch: nav bar, main action space and a chat prompt on the side.
The built Robot Toolworx workspace with the same three-part layout
The same structure in the product today.

How I created clarity

Each open question became a concrete artefact the team could react to, build from or pitch with.

What is this product?

Explored the MRO space and ran a competitive analysis, then wrote the specs the software would be built on.

Who is it for?

Mapped user journeys for technicians, product managers and company leads, and where each of them works.

What goes where?

Defined the information architecture and core user flows before designing screens.

How do we stay consistent while moving fast?

Built the design system side by side with the first screens: type, colour, icons and components.

How do we win early customers?

Turned flows into pitch prototypes the CEO and sales team could put in front of clients.

Research

  • User journeys: how work moves from the office to the job site and back.
  • The MRO space: how maintenance teams find parts information and follow procedures today.
  • Competitive analysis: what existing tools do well and where they leave gaps.
  • Product specs: turning findings into requirements the CTO could build against.

Who it's for

TechniciansOn site

Need fast answers about parts and procedures while their hands are busy.

Product managersOffice

Organise catalogs and procedures so the right information reaches the field.

Company leadsOffice

Manage teams, access and the business accounts that use the platform.

Information architecture

Before any visuals, I mapped what lives where. Three areas came out of it: the files people work with, the assistant that helps them, and the controls that decide who sees what.

Robot Toolworx
All FilesFolders & parts catalogsGrid / list viewsSearch & filterNew folder · uploadOpen · rename · delete
AI AssistantAsk about any fileGuided questionsChat historyPin · rename · delete
SettingsUser managementRoles: Admin, Author, TechnicianBusinesses (Super Admin)Company switcher

The workspace

Parts catalogs show up as visual tiles so people recognise them at a glance, with a list view for details like type, size, author and date. The AI assistant sits right next to the files, so asking for help never means leaving your work.

Robot Toolworx workspace in dark mode with parts folders and the AI assistant asking what type of procedure this is
The assistant guides with simple questions, like what type of procedure this is.
All Files list view in light mode showing type, size, author and date columns
List view for when details matter more than recognition.

Many conversations, one place

People come back to the same parts again and again, so a single chat wasn't enough. I designed chat history with pinning, so the conversations someone needs most stay on top. Step through the flow:

Hovering on a chat name in chat history
Hovering a chat highlights it.

Deleting is the one action people can't undo, so it asks first and confirms after.

Chat menu open with delete option
Delete sits last in the menu, away from everyday actions.

Who sees what

Different people in a company need different powers. I designed role-based user management with four roles, plus a Super Admin view for running several businesses from one account.

Add User dialog with role dropdown showing Admin, Author and Technician
Adding a user and choosing their role.
Super Admin company switcher dropdown with search
Super Admins switch between businesses.
Add Business dialog showing an inline error message
Errors appear inline, next to the problem.
Page saying you don't have permission to view this page, with a back to home button
A clear way back when someone lands where they don't have access.

A design system built alongside the product

Instead of designing screens first and tidying up later, I built the system as the product grew. Typography, colour, icons and components came first, and every new feature added to the library instead of drifting from it.

  • 100+ components, all built from scratch, covering tables, navigation, dialogs, dropdowns, pagination and more.
  • Original illustrations, including the landing page artwork, all drawn from scratch.
  • Lucide icons as the icon set, for clean, consistent line icons across the product.
  • Light and dark mode for every screen, since people work in bright offices and on dim job sites.
  • Design tokens exported as JSON so engineering could use the same values in code.

Drag to compare light and dark:

User management table in light mode
User management table in dark mode
← LightDark →
Component sheet with dialogs, table header states, navigation, checkboxes, company dropdown and pagination in light and dark
Part of the component library, with every state in light and dark.
Robot Toolworx landing page reading Welcome to Robot Toolworx on a green and black background
The landing page, with illustrations I designed from scratch.

Impact

  • 60% more user engagement after improving flows through usability testing.
  • Clients grew from 4 to 12 in 12 months, helped by the pitch prototypes I designed.
  • 30+ issues logged and triaged in Linear through design QA with engineers.
  • From idea to product: specs, IA, flows, UI and a design system, all from a blank page.

Learnings

  • Make the unknown visible: a rough flow or spec gets better answers than an open question.
  • Design for the setting, not just the screen: a technician on site and a lead at a desk need different things from the same product.
  • Build the system as you go: designing components with the first screens kept a fast-moving product consistent.
  • Prototypes do double duty: working closely with the CEO and sales team meant designs also helped close clients.