Design, das denkt.
Technologie die gestalltet
Ich bin Tim Graf, UX/UI Designer. Diese Seite habe ich für euch gebaut – als Beweis, nicht als Versprechen.
Meine Arbeit ansehen ↓Arbeitsweise
Wie ich denke.
Wie ich baue.
Userflows, Research, Konzept. Ich frage so lange, bis die beste Idee gefunden ist, nicht die erstbeste. Komplexe Anforderungen werden zu klaren, nutzbaren Lösungen.
Figma in der Tiefe: Atomic Design, Design Tokens, Variables. Komponenten die skalieren, nicht explodieren. Ein Designsystem das das Entwicklungsteam liebt.
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.
Von Grund auf entworfenes Cross-Selling-Modul für den Warenkorb. Fünf durchgespielte Interaktionskonzepte.
Mehr erfahren →
Aufbau und Pflege eines skalierbaren Designsystems nach Atomic Design. Variables, Tokens und Komponenten-Libraries.
Mehr erfahren →
Webprojekt von der Konzeption bis zum Launch. Framer als Produktionsumgebung für ein professionelles Endergebnis.
Mehr erfahren →Agentic UX
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.
Dieses Portfolio und ein Kundenprojekt wurden vollständig in Framer mit CMS-Integration gebaut. Framer ist für mich Produktionsumgebung, nicht Prototyping-Tool.
Für schnelle, ansehnliche Animationen nutze ich Jitter. Motion ist für mich kein Afterthought, sondern Teil des Gestaltungsprozesses.
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
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.
Experimentell eine iOS App gebaut: Fotos per Tinder-Swipe sortieren, behalten oder löschen. Von Konzept bis funktionierendem Prototyp mit Claude-Integration in Xcode.
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 startklar und freue mich auf ein Gespräch.