scroll to exploreweiter scrollen

INTERACTION DESIGNER · BASED IN ZÜRICH

INTERACTION DESIGNER · MIT SITZ IN ZÜRICH

Designing thoughtful, playful systems for humans, machines & everything in between.

Durchdachte, verspielte Systeme für Menschen, Maschinen & alles dazwischen.

I'm Andrin — a Bachelor student in Interaction Design at ZHdK Zürich, working at the intersection of design, code, and concept. Currently building Cultour and researching the hidden water of digital systems.

Ich bin Andrin — Bachelorstudent für Interaction Design an der ZHdK Zürich, an der Schnittstelle von Design, Code und Konzept. Aktuell baue ich Cultour und erforsche das verborgene Wasser digitaler Systeme.

View selected workAusgewählte Arbeiten → Drop me a lineSchreib mir ↗
INTERACTION DESIGN ✦ CREATIVE CODING ✦ CONCEPT ✦ RESEARCH ✦ AR ✦ TYPOGRAPHY INTERACTION DESIGN ✦ CREATIVE CODING ✦ CONCEPT ✦ RESEARCH ✦ AR ✦ TYPOGRAPHY INTERACTION DESIGN ✦ CREATIVE CODING ✦ CONCEPT ✦ RESEARCH ✦ AR ✦ TYPOGRAPHY INTERACTION DESIGN ✦ CREATIVE CODING ✦ KONZEPT ✦ RESEARCH ✦ AR ✦ TYPOGRAFIE INTERACTION DESIGN ✦ CREATIVE CODING ✦ KONZEPT ✦ RESEARCH ✦ AR ✦ TYPOGRAFIE INTERACTION DESIGN ✦ CREATIVE CODING ✦ KONZEPT ✦ RESEARCH ✦ AR ✦ TYPOGRAFIE

(01) — SELECTED WORK(01) — AUSGEWÄHLTE ARBEITEN

Things I made.

Was ich gemacht habe.

Projects spanning interaction design, creative code, and physical computing — from AR travel apps to combat robots.

Projekte aus Interaction Design, Creative Code und Physical Computing — von AR-Reise-Apps bis zu Kampfrobotern.

(02) — ABOUT ME(02) — ÜBER MICH

Hi, I'm Andrin.

Hallo, ich bin Andrin.

PHOTO
COMING SOON

Bachelor student in Interaction Design at ZHdK Zürich. I think in systems, prototype in code, and love building things that feel right — from tiny animations to entire applications. When I'm not sitting at my screen, you'll find me outdoors, taking photos or flying drones.

Bachelorstudent für Interaction Design an der ZHdK Zürich. Ich denke in Systemen, prototype in Code und liebe es, Dinge zu bauen, die sich gut anfühlen — von winzigen Animationen bis zu ganzen Anwendungen. Wenn ich nicht am Bildschirm sitze, findet man mich draussen, beim Fotografieren oder beim Drohnen fliegen.

TIMELINEZEITSTRAHL

Click an entry for more detailsKlick auf einen Eintrag für mehr Details

My journey.Mein Werdegang.

    (03) — TOOL RECEIPTS(03) — TOOL RECEIPTS

    Tools with traces.Tools im Einsatz.

    Switch between a classic stack grid and a project-linked logbook of how the tools actually show up in the work.

    Wechsle zwischen klassischem Stack-Grid und einem projektbezogenen Logbuch, das zeigt, wo die Tools wirklich auftauchen.

    (04) — WHAT I DO(04) — WAS ICH MACHE

    Three things, mostly.Drei Dinge, hauptsächlich.

    Interaction DesignInteraction Design

    From paper sketch to studio crit. UX flows, info architecture, prototyping in Figma and a healthy obsession with design tokens.

    Von der Skizze bis zur Studio-Crit. UX-Flows, Informationsarchitektur, Prototyping in Figma und eine gesunde Obsession für Design Tokens.

    Creative CodingCreative Coding

    p5.js, JavaScript, Arduino. Generative typography, real-time tracking, MediaPipe, sensors and a soft spot for janky hardware.

    p5.js, JavaScript, Arduino. Generative Typografie, Echtzeit-Tracking, MediaPipe, Sensoren und ein Faible für eigenwillige Hardware.

    Concept & ResearchKonzept & Research

    Design theory, sustainability, ethnography. Crawford, Latour, Dunne & Raby — and asking what design is actually for.

    Designtheorie, Nachhaltigkeit, Ethnografie. Crawford, Latour, Dunne & Raby — und die Frage, wofür Design eigentlich da ist.

    (05) — CURRENTLY(05) — AKTUELL

    On my desk right now.Was gerade auf meinem Tisch liegt.

    BUILDINGBAUE

    Portfolio refresh — case studies & interaction polish

    Portfolio-Refresh — Case Studies & Interaktionsfeinschliff

    READINGLESE

    Atlas of AI by Kate Crawford

    Atlas of AI von Kate Crawford

    PLAYINGSPIELE

    Phasmophobia at 2 a.m. (sorry neighbours)

    Phasmophobia um 2 Uhr nachts (sorry Nachbarn)

    SKETCHINGZEICHNE

    Learn more about vibe coding and develop a deeper understanding of it.

    Mehr über Vibe Coding lernen und ein besseres Verständnis dafür entwickeln.

    (06) — GET IN TOUCH(06) — KONTAKT

    Let's make
    something cool.    Lass uns etwas Cooles machen.

    SHORT DESCRIPTIONKURZBESCHRIEB

    Reactive Signs is a camera-reactive poster for the Museum für Gestaltung anniversary context. The visitor position moves a soft spotlight across architecture, typography and the number 150. Reactive Signs ist ein kamera-reaktives Plakat im Kontext des Jubiläums des Museum für Gestaltung. Die Position der Besuchenden bewegt einen weichen Lichtkegel über Architektur, Typografie und die Zahl 150.

    DETAILSDETAILS

    The second view shows how the poster behaves as a live system: typography, the 150 and the background keep reacting as one continuous projection. Die zweite Ansicht zeigt, wie das Plakat als Live-System funktioniert: Typografie, die 150 und der Hintergrund reagieren als durchgehende Projektion zusammen.

    Camera tracking turns the visitor position into a normalised x/y input.Kamera-Tracking übersetzt die Position der Besuchenden in einen normalisierten x/y-Input.

    The input drives the spotlight, while a sine motion keeps the reveal calm and physical.Der Input steuert den Lichtkegel, während eine Sinusbewegung die Enthüllung ruhig und körperlich wirken lässt.

    Century typography, the 150 and the dark background form a projection-ready live poster.Century-Typografie, die 150 und der dunkle Hintergrund ergeben ein projektionsfähiges Live-Plakat.

    ABOUT THIS PROJECTÜBER DIESES PROJEKT

    LEGALRECHTLICHES

    Copyright & Privacy.Copyright & Datenschutz.

    A compact overview of usage rights and privacy notes for this portfolio website.

    Ein kurzer Überblick zu Nutzungsrechten und Datenschutz-Hinweisen für diese Portfolio-Website.

    CopyrightCopyright

    © 2026 Andrin Nyffeler. All content, images, videos, texts and projects on this website are protected by copyright unless stated otherwise.

    © 2026 Andrin Nyffeler. Alle Inhalte, Bilder, Videos, Texte und Projekte auf dieser Website sind urheberrechtlich geschützt, sofern nicht anders angegeben.

    Use, reproduction, editing or distribution is only permitted with prior written permission.

    Nutzung, Vervielfältigung, Bearbeitung oder Weitergabe ist nur mit vorheriger schriftlicher Zustimmung erlaubt.

    PrivacyDatenschutz

    This website does not use tracking cookies and does not intentionally collect personal data through analytics tools.

    Diese Website verwendet keine Tracking-Cookies und erhebt bewusst keine personenbezogenen Daten über Analyse-Tools.

    Language and theme preferences are stored locally in your browser so the site can remember your choice. This data is not transmitted by this website.

    Sprach- und Theme-Einstellungen werden lokal in deinem Browser gespeichert, damit die Website deine Auswahl behalten kann. Diese Daten werden von dieser Website nicht übertragen.

    External fonts and technically necessary server logs may be processed by the respective providers or hosting services when the website is accessed.

    Externe Schriften und technisch notwendige Server-Logfiles können beim Aufruf der Website durch die jeweiligen Anbieter oder Hosting-Dienste verarbeitet werden.