Melvin Debot

Available for selected collaborations

Paris

Prodeegy — Test with AI, across the full product life cycle

01Industrial AI software

Prodeegy

Test with AI, across the full product life cycle

ClientExceenis
Year2023
RoleArt direction · Frontend · 3D integration
Visit site

The challenge

Prodeegy is Exceenis’ AI test platform: a six-axis robot that qualifies an electronic product, follows it into mass production, and picks it up again for repair. The robot was the easy part. Every new product meant an engineer re-writing a test sequence by hand, and on the floor operators drove the bench through a spreadsheet of coordinates and a wall of status codes. The brief was to erase both — setup without code, and a verdict readable at a glance from two metres away, wearing gloves.

The response

I built a live 3D twin of the arm at the centre of the interface and hung every control off it. Position, torque and test state are read from the model itself rather than from a table, and the AI’s defect verdict lands on the segment that produced it. Sequences are composed by pointing at the board instead of typing coordinates, so switching product is a change of file, not a change of code.

The Prodeegy sequencer: a four-step test wizard above a live device preview and a subsequence track
Define, set up, verify, launch. A test is authored in four steps and stored as data.

01Approach

The machine is the interface.

I spent the first week on the floor watching operators work. They never read the numbers — they watched the arm. So the numbers moved into the arm: joint angles rendered as arcs on the model, failure states as a colour wash on the affected segment. The table stayed, but demoted to an audit trail.

  • Shadowed four operators across two test benches
  • Mapped every status code — and every AI verdict — to a place on the arm
  • Two-metre readability as the hard constraint on type and colour
  • The Prodeegy test cabinet, a tall black and red enclosure with a touchscreen on its door
    The bench itself: one touchscreen on the door, readable across the floor.

    02Design system

    A charter built for a factory, not a screen.

    Industrial light is bad and inconsistent. The palette had to survive it: a single signal red for anything requiring attention, a hard neutral scale for everything else, and no colour used decoratively anywhere. Type sizes were set from a viewing distance, not a viewport. The same charter now carries the Prodeegy brand off the factory floor and onto the product site.

  • One alert hue, four neutrals, zero decorative colour
  • Type scale derived from viewing distance
  • Storybook as the shared contract with the backend team
  • A consumer smart toy held by white robotic grippers inside the test enclosure
    Universal by design — the fixture takes the product, not the other way round.
    A node graph in the Prodeegy editor wiring an image and a YOLO model into an Apply AI model step
    Defect detection is a node, not a build. Drop in a model, wire it, run it.

    03Development

    React, TypeScript, and a model that never drops a frame.

    The 3D scene runs on a fixed budget: one draw call per segment, geometry merged at build time, and a Node service streaming joint telemetry and inference results over a socket. The renderer only wakes when values change, so an idle bench costs nothing — and a test sequence is data the operator authored, never a build the team has to ship.

  • React + TypeScript frontend, Node telemetry service
  • Merged geometry, on-demand rendering, socket-driven state
  • Test sequences stored as data — new product, no redeploy
  • 04Outcome

    A test read in seconds, not minutes.

    Operators stopped cross-referencing the code sheet. The timeline turned post-mortems from an archaeology exercise into a scrub-and-point conversation, and the component library outlived the project into two other internal tools. Prodeegy went to market on it — qualification, mass production and refurbishment now run through the same interface.

    6Axes driven live
    60fpsUnder full telemetry
    2Tools reusing the system

    Stack

    • React
    • TypeScript
    • Three.js
    • Node.js
    • Storybook

    Services

    • Art direction
    • Design system
    • UI / UX design
    • Frontend development
    • QA

    Images

    • Imagery — Exceenis / Prodeegy

    Next project — 02

    Madame Pee

    A national map of female urinals — a public-service utility with the manners of a fashion brand.

    Start something

    Let’s make the web feel alive.