Ausgewählte Arbeiten
Ich bin Tim Graf, UX/UI Designer mit einem Auge fürs Detail und einem Gespür für Systeme, die auch in einem Jahr noch funktionieren.
Meine Arbeit ansehen
Arbeitsweise
Vom Menschen, nicht
vom Tool aus gedacht.
01
Verstehen
User Research und Nutzungsdaten als Grundlage. Design-Entscheidungen basieren auf Belegen, nicht auf Bauchgefühl.
02
Konzipieren
Design Systems und Component Libraries in Figma. Konsistenz über Web, E-Commerce und neue Interaktionsformen hinweg.
03
Optimieren
CRO-nahes Denken bei jedem Interface. Jede Design-Entscheidung wird an ihrer Wirkung gemessen, nicht nur an ihrer Ästhetik.
Projekte
Ausgewählte Arbeiten.
UX Design · CRO
Cross-Selling Modul
Von Grund auf entworfenes Cross-Selling-Modul für den Warenkorb. Fünf durchgespielte Interaktionskonzepte.
Mehr erfahren
Design System
HFG Designsystem
Aufbau und Pflege eines skalierbaren Designsystems nach Atomic Design. Variables, Tokens und Komponenten-Libraries.
Mehr erfahren
Web Design · Client Work
Johannes Vision
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.
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 startklar und freue mich auf ein Gespräch.