Bastian Gurtner

I make complex systems legible.

Designer who builds. 10+ years shaping digital platforms, with a stack that goes from Figma to production components in Storybook. I prototype in code to validate product decisions with evidence instead of opinion.

Currently leading UX/UI and design systems at SCOTT Sports.

Selected work

4 cases
01 · Prototyping · AI-assisted
Validated

A full B2B platform. No engineering budget.

Prototyped a complete B2B platform experience in code — UI flows, theming, a pre-order input grid taken to user-testable state — using AI-assisted development. Validated product decisions without consuming any engineering capacity.

Next.js · GitHub Copilot · AI prototyping · User testingOn request by email: A full B2B platform. No engineering budget.
02 · Design systems · design → production
In progress

Moving from handoff to shipping real components.

Moving the design team from handing off specs to authoring design system components directly in Storybook. Currently running tests and putting the review process in place before entering production — targeting the main source of UI inconsistency: the translation layer between design and engineering.

Figma · Storybook · React · Token architectureOn request by email: Moving from handoff to shipping real components.
03 · Architecture PoC · measured results
Validated

Built the proof. Changed the roadmap.

Built a DAM/CMS integration proof of concept end to end — content model, code, Contentful and Cloudinary API integration. Benchmarked it against the existing platform and presented the measured results to stakeholders. Publishing time down 60%; the architecture informed the platform roadmap.

Contentful · Cloudinary · Next.js · −60% publish timeCase study: Built the proof. Changed the roadmap.
12 units
Trail shoeSaved
Rain jacket

Try it: pick a delivery, type quantities. No Add to cart. Each product saves on its own.

04 · UX research · usability testing
In progress

Tested three grids. Found a fourth.

Ran a moderated usability test of three quantity-entry grids for a B2B pre-order portal, where dealers plan a full season across sizes and delivery dates. The data didn't crown a winner: even the best grid scored below benchmark, and fatigue outweighed the gap between layouts. The result is a fourth direction — one sticky delivery bar and auto-save per product.

Moderated testing · SEQ · UMUX-Lite · B2B pre-order · n = 7Case study: Tested three grids. Found a fourth.

How I work

3 principles
Evidence

Research before opinions

I test with the people who actually use the product — dealers, editors, internal teams. Prototypes get validated with controlled experiments and real tasks. Outcomes are measured, then argued with data.

Systems

Design systems as products

Components, tokens and variables in Figma — but also governance, naming, documentation, and the decision rules that keep a system coherent across brands and platforms at scale.

AI-assisted

Code ↔ design, accelerated

I prototype in code with AI-assisted workflows — Claude Code, MCP integrations, Figma-to-code pipelines — shipping working Next.js prototypes instead of static mockups. Ideas become clickable the same day.

About

profile

I started in computer science, trained as a developer before switching to design. That hybrid background is why I'm comfortable where most designers stop — dense data, hard constraints, production code.

Today I lead UX/UI and design systems at SCOTT Sports, moving the team from handing off specs to shipping real components in Storybook. I build working prototypes in Next.js to settle product debates with evidence instead of opinion.

I'm looking for a Design Technologist role where I can contribute across the stack — close to engineering, close to users, close to the system.

BaseFribourg, CH · hybrid · anywhere the train goes
FocusDesign systems · prototyping in code · design–dev bridge
BuildNext.js · Storybook · Contentful · Cloudinary
DesignFigma (expert) · interaction design · token architecture
AI workflowClaude Code · MCP · GitHub Copilot
LanguagesFR native · EN full professional · DE working
open to design technologist roles

Let's build something measurable.

If you're building complex products and need someone who speaks both design and engineering — let's talk.