André Czupala
Frankfurt am Main Seit 2010 im Beruf B.Sc. UX Design

Senior Product Designer

Ich gestalte nicht nur Oberflächen, ich baue die Regeln und Prüfstufen, mit denen sie entstehen.

Designsysteme, Produktionsketten mit Claude Code und Landingpages, die ich von Konzept über Design bis Text verantworte.

Drei Säulen

End-to-End-Produktdesign

Research, Konzept, Prototyp, Designsystem, Übergabe an die Entwicklung, Betreuung bis zum Livegang.

KI-gestützte Systeme

Ich baue Produktionsketten aus Regelwerk, Vorlagen und Prüfstufen. Früher habe ich Entwickler gebrieft, heute Modelle. Dieselbe Fähigkeit.

Conversion und Geschäftsverständnis

Ich begründe Entwürfe gegen messbare Wirkung, inklusive Text. Das Fundament seit 2010, Conversion-Praxis seit Dezember 2025.

Ausgewählte Arbeiten

2026, laufend Eigenes Projekt

Ein System, das mich beim Übertreiben erwischt

Regelwerk, Vorlagen und Prüfstufen

Der Inhalt steht in einer Quelldatei, Satz für Satz von mir. Pro Dokument wird daraus ausgewählt, nicht umformuliert: die Auswahl nennt nur Kennungen. Prüfungen brechen den Bau ab, wenn eine Zahl oder eine Farbe nicht aus dem System stammt. Dazu kommen Agenten, die einzelne Behauptungen gegen die Quelle halten, ohne zu wissen, was der Text erreichen soll. Sie dürfen melden und nichts reparieren. Aus derselben Quelle entstehen Lebenslauf, Anschreiben und die Texte dieser Seite.

Ausgabe der Prüfkette: neunzehn Prüfungen, alle bestanden
Die Prüfkette dieses Lebenslaufs, unverändert aus dem Terminal.

Ergebnis: neunzehn Prüfungen. Eine davon fand, dass der Arbeitsmodus bei allen zwölf Stationen in den Daten stand und in keinem Dokument gedruckt wurde.

Claude Code Regelwerk Prüfstufen Design Tokens
04/2022 bis 05/2023 GoTiger, Berlin

GoTiger App

Schnelllieferdienst für asiatische Lebensmittel

Ausgerollt in Berlin. Registrierung und Onboarding, Produktübersicht mit Filtern, Warenkorb und Lieferslot, dazu Rezepte, die Zutaten in den Warenkorb bringen, und ein Swipe-Spiel zur Rezeptfindung. Alles live gegangen.

Figma-Designsystem Prototyp Research Entwicklerbriefing
10/2024 bis 03/2025 Bachelorthesis

Filo

Plattform, die verstreute Arbeitsinformationen bündelt

Zentrale Plattform, die Informationen aus Tools wie E-Mail, Kalender und Projektmanagement bündelt und priorisiert. Klickbarer Figma-Prototyp, dessen Zustände über 271 Variablen ohne Backend simuliert sind.

Ergebnis: evaluiert in moderierten Online-Sitzungen mit 23 Teilnehmenden, mit Think-Aloud, standardisiertem UEQ-S und offenen Fragen.

User Research Usability-Tests Figma-Variablen Informationsarchitektur
Ausserdem

colibre, Sommersemester 2022. Marke, Designsystem und interaktiver Prototyp einer Outdoor-App, Studienprojekt im Fach Brand Design. Verteilte als Erfahrenster im dreiköpfigen Team die Aufgaben nach Können und baute den Prototyp selbst. Prototyp ansehen Figma

Arbeitsweise

Produktionsketten in der Agentur

In meiner aktuellen Rolle habe ich zuerst von Hand ein Regelwerk aus Text- und Designregeln aufgebaut, dazu Vorlagen und eine Prüfliste, damit nicht Geschmack vor Fakten gestellt wird. Darauf setzt eine Produktionskette mit Claude Code auf, die dieses Regelwerk als Grundlage mit hineinnimmt.

Was ich verworfen habe

Drei Registerentwürfe, nebeneinander gerendert. Alle drei verworfen: es war derselbe einspaltige Listenkörper in drei Kostümen.

Ein zweispaltiges Layout. Sechs von zwölf Belegen landeten beim falschen Arbeitgeber, weil der Browser erst alle Kopfzeilen zeichnet und danach den Inhalt, und ein Lesegerät folgt dieser Reihenfolge.

Ein Anschreiben, das jede Regel erfüllte und sich trotzdem maschinell las. Der Grund war nicht die Satzlänge. Es war, wie wenig die Satzlängen streuten.

Eine Akzentfarbe, im Schwarzweißdruck nicht von gewöhnlichem Grautext zu unterscheiden. Sie blieb, bekam aber überall zusätzlich Gewicht.

Conversion

Entwürfe, die sich an Zahlen messen lassen

Ich verantworte Landingpages von Konzept über Design bis Text, im Standard als dreistufiger Funnel aus Startseite, Formular und Dankesseite. Für eine Seite habe ich eine gekürzte Fassung der Überschriften vorgelegt und schriftlich gegen den Forschungsstand begründet: Leseanteil, Verweildauer, F-Muster beim Scannen und die gesunkene Aufmerksamkeitsspanne, mit Quellen belegt.