Engineering · 2025
An AI assistant interface for a Swiss wholesale food distributor — a streaming chat application, built from approved Figma screens to working Angular frontend.
Context
Pistor is a Swiss wholesale food distributor. The brief, through the agency, was an AI assistant interface — a chat experience where staff ask questions and read answers as they stream back, inside the company’s own tools.
I built the frontend as a design engineer, working from approved Figma screens: the conversation view, the message composer, and the states around them.
What I built
A chat application with streamed responses that render as they arrive, message reactions — like and dislike — for feedback, and file attachments on the conversation. State is managed with Angular Signals, so the view stays in sync with the conversation without a heavier store.
Services are decoupled, and overlays — menus, dialogs, attachment previews — run through Angular CDK Overlay rather than ad-hoc DOM. The interface adapts responsively from desktop down to mobile.
How I work
I lean on AI as a working partner to scaffold components and cross-check the state flows, so my attention goes to the interaction details and the responsive edge cases rather than the boilerplate.
From the Figma frame to a merged pull request — the same path on every project.