Auping
Mattress Studio

A reactive in-store touchscreen experience connected to a smart mattress

2017ReactTypeScriptPDF Export

In 2017, I worked with VanBerlo (and SpringScan) on Auping Mattress Studio: a unique in-store experience built around a first-ever interactive Auping mattress with connected springs. My responsibility was to process the spring data and render it in a touchscreen UI inside physical Auping stores.

The result was a reactive interface that displays live mattress data, generates a PDF, and advises customers on the best-matching Auping product—deployed in three stores.

The challenge

The core challenge wasn’t “build a screen”—it was connecting physical hardware to a reliable customer experience. We had to turn continuous spring data into something understandable, fast, and trustworthy for customers and store staff, while keeping the UI responsive and stable in a retail environment.

Auping Mattress Studio in-store experience — © photo by Auping

What I worked on

Real-time data → real-time UI

I built the logic to ingest and process “spring data” from the connected mattress and translate it into meaningful UI output in real time. That meant handling live updates smoothly, keeping the interface responsive, and ensuring the user experience remained clear throughout the interaction.

PDF export for customers

The experience generates a PDF that customers can take with them, leaving the store with a tangible summary and recommendation. This bridges the in-store moment with follow-up decision-making—useful for both customers and sales staff.

Scalable patterns

In-store touchscreens need clarity and consistency: large tap targets, predictable feedback, and a UI that holds up under real foot traffic. The project used React and Redux to build a structured, maintainable interface with predictable state handling.

Tech stack

React
TypeScript
Redux
Spring Data Processing
React-to-PDF Export

Auping Mattress Studio — © photo by Auping

Why this work matters

Mattress Studio is a strong example of where frontend engineering meets physical product data: turning raw signals into a polished experience that supports a real sales flow. It also demonstrates how consistent UI patterns and reliable state management matter even more when the interface is used live, in-store, with customers watching.

If you’re building an interactive React product (web, kiosk, or internal tooling) and want consistent UI delivery—or Design System foundations that scale—let’s get in touch.