Kuratiert für Jung von Matt TECH

Design,
das denkt.
Technologie,
die gestaltet.

Ich bin Tim Graf, UX/UI Designer und Creative Technologist aus der Schweiz. Diese Seite habe ich für euch gebaut – als Beweis, nicht als Versprechen.

Meine Arbeit ansehen

Arbeitsweise

Wie ich denke.
Wie ich baue.

01
Verstehen

Userflows, Research, Konzept. Ich frage so lange, bis die beste Idee gefunden ist, nicht die erstbeste. Komplexe Anforderungen werden zu klaren, nutzbaren Lösungen.

02
Gestalten

Figma in der Tiefe: Atomic Design, Design Tokens, Variables. Komponenten die skalieren, nicht explodieren. Ein Designsystem das das Entwicklungsteam liebt.

03
Übergeben

Developer-ready Handover, saubere Spezifikationen, keine Rückfragen. HTML und CSS als Brücke zwischen Design und Code – ich spreche beide Sprachen.

Projekte

Ausgewählte Arbeiten.

Design System
HFG Designsystem

Aufbau und Pflege eines skalierbaren Designsystems nach Atomic Design. Variables, Tokens und Komponenten-Libraries.

Mehr erfahren →
UX/UI Design
Momento

Mobile App-Konzept mit Fokus auf intuitive Userflows, Interaction Design und High-Fidelity Prototyping in Figma.

Mehr erfahren →
Website Design & Launch
Johannes Vision

Webprojekt von der Konzeption bis zum Launch. Framer als Produktionsumgebung für ein professionelles Endergebnis.

Mehr erfahren →

Creative Technology

AI ist kein Trend.
Es ist mein
Werkzeug.

Ich setze AI-Tools nicht aus Neugier ein, sondern weil sie echte Probleme lösen. Von Workflow-Automatisierung bis zu experimentellen App-Prototypen: Hier sind konkrete Beispiele was das in der Praxis bedeutet.

Framer & CMS

Dieses Portfolio und ein Kundenprojekt wurden vollständig in Framer mit CMS-Integration gebaut. Framer ist für mich Produktionsumgebung, nicht Prototyping-Tool.

Animationen mit Jitter

Für schnelle, ansehnliche Animationen nutze ich Jitter. Motion ist für mich kein Afterthought, sondern Teil des Gestaltungsprozesses.

⟨⟩
HTML & CSS

Ich schrecke nicht zurück wenn es technisch wird. Code-Kenntnisse nutze ich als kreativen Hebel und für saubere Developer-Übergaben.

Konkrete Beispiele aus der Praxis

Claude Code + Photoshop
GIF Batch-Automatisierung

Mit Claude Code ein Photoshop-Skript geschrieben, das einen massgefertigten GIF-Batch-Prozess vollautomatisch abwickelt. Spart dem HFG-Team täglich Stunden manueller GIF-Erstellung.

Xcode + Claude API
iOS App: Photo Swiper

Experimentell eine iOS App gebaut: Fotos per Tinder-Swipe sortieren, behalten oder löschen. Von Konzept bis funktionierendem Prototyp mit Claude-Integration in Xcode.

Claude Chrome Extension
Übersetzungs-Workflow HFG

Den internen Übersetzungsflow für Webseiten bei der HFG durch Reverse Engineering und massgeschneiderte Prompt-Sheets drastisch automatisiert. Weniger Klicks, mehr Konsistenz.

Überzeugt?

Ich bin ab 1. August 2026 verfügbar und freue mich auf ein Gespräch.