UX/UI Lead

FourJaw

Established UX direction across onboarding, operator workflows, and real-time manufacturing interfaces in a complex B2B SaaS product.

2023 to 2026Live product
FourJaw hero artwork

Project snapshot

Problem

Operators needed accurate live information for production-critical decisions, while onboarding and setup journeys needed clearer structure to reduce friction and time-to-value.

Role

UX/UI Lead

Approach

I reworked onboarding and operator flows, improved real-time interaction behaviour with engineering, and introduced a component-led design system to make delivery more consistent.

Outcome

The product became clearer to onboard into, easier to use on the shop floor, and more consistent for teams designing and shipping new work.

Focus

Operational workflows, onboarding, real-time product trust, design systems

This project is framed to show the problem, the thinking behind the approach, and the product outcome as quickly as possible.

Solution

Context

FourJaw provides manufacturing analytics software used by operational teams to monitor machine performance and improve production efficiency. As the product expanded, core journeys became harder to navigate and harder for teams to evolve consistently.

Key changes

Restructured onboarding and setup

  • Redesigned onboarding, user setup, machine setup, and IoT connection journeys.
  • Reduced confusion in early adoption so clients could move toward usable reporting faster.

Improved operator-facing workflows

  • Redesigned uptime monitoring, downtime logging, and job lifecycle interactions.
  • Shifted key behaviours away from paper-based processes into clearer digital-first flows.

Increased real-time trust

  • Worked with engineering on live update behaviour across shop-floor tablets.
  • Reduced the mismatch between actual machine state and what operators believed was happening.

Systemised design and delivery

  • Introduced a component-led design system with Figma libraries as the source of truth.
  • Aligned work to Material 3 and WCAG principles while mentoring junior developers through handoff and implementation.

Outcomes

  • Lower onboarding friction and fewer stuck moments during early platform use.
  • Better confidence in tablet-based operator workflows.
  • Faster, more consistent delivery through shared UI patterns and clearer UX direction.

Specific performance figures are omitted for confidentiality, so this case focuses on workflow, delivery, and behavioural improvement.

Problem

Operators needed accurate live information for production-critical decisions, while onboarding and setup journeys needed clearer structure to reduce friction and time-to-value.

Thinking

I reworked onboarding and operator flows, improved real-time interaction behaviour with engineering, and introduced a component-led design system to make delivery more consistent.

Result

The product became clearer to onboard into, easier to use on the shop floor, and more consistent for teams designing and shipping new work.

Gallery

Screens and flows from the shipped product work.

FourJaw gallery placeholder 1
FourJaw gallery placeholder 2
FourJaw gallery placeholder 3

Next project

Databowl

Rebuilt a dated lead-operations platform into a clearer, process-led SaaS experience with stronger onboarding and campaign setup.

View next case study