Hi, I’m Kim, a Swiss product designer that loves to make complexity clear.

Based in Zürich

[01] About me

Photograph by Kim Badertscher

I’m a product designer based in Zürich and the founding designer at an early-stage Swiss AI startup, where I’m shaping a web app, an Outlook plugin and the design system behind them from the first screen. My work connects research, interface design and implementation, and I integrate AI into the process to explore directions, build testable prototypes and produce consistent visual systems.

I came to digital products through nine years of spatial and scenographic design at Theater Basel, the Landesmuseum and OKULA. Building at full scale taught me to guide attention, work within technical constraints and stay close to production. While working, I studied product design part time and brought that thinking into my diploma with NanoFlex, designing and building a control interface alongside engineers and clinicians. The medium changed, but the focus stayed on making complex things easier to understand and use.

Hoshii

Founding Product Designer

2025 – now

2025 – now

NanoFlex Robotics

Product design, diploma

2025 – 2026

2025 – 2026

OKULA

Designer

2023 – 2025

2023 – 2025

Polydesign 3D

Apprenticeship

2017 – 2021

[04] Toolkit

Research, flows and interfaces carried into tokens, components and systems ready for development.
Figmadaily driver for screens and flows
Figma variables and tokenstokens, theming, the type ramp
FigJamresearch mapping and workshops
AI integrated into exploration and production, from visual direction and repeatable image pipelines to agentic builds in real repositories. I use these tools directly inside development environments to move from concept to working interface.
ComfyUIreproducible image pipelines
Midjourneyvisual exploration and style search
Claude Codeagentic build and production partner
VS Codewhere the agentic builds actually run
Working prototypes that make interactions, system states and technical constraints testable early.
Reactcomponents that ship
Next.jsthe framework behind working builds
Tailwind CSSstyling system for fast, consistent builds
Framerworking prototypes and this site
Motion and spatial models used to explain behaviour, relationships and products that are difficult to communicate on a static screen.
GSAPweb animation, values written down
Remotioncode-rendered video
After Effectsconcepting before engineering
Blendermodelling and staging
Splineinteractive scenes for the browser
Three.jswhen the scene ships as code
Visual assets, editorial layouts and spatial planning across digital and physical work.
Photoshopimage editing and compositing
InDesigneditorial and print layout
Affinitygraphics and production work
Vectorworkstechnical drawing from the spatial design years
Rhino3D modelling for stage and spatial work