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

Senior Product Designer

Ich entwerfe das Verfahren, nicht nur das Ergebnis.

Etwas kann sauber gestaltet sein und der Person, für die es ist, trotzdem nicht passen. Bevor ich zu UX kam, habe ich nur gestaltet, und dabei ist mir aufgefallen, dass jeder seinen eigenen Geschmack hat. Das bedeutet viele Korrekturen, und die habe ich mehr als einmal erlebt. Vielleicht waren das besondere Fälle. Also arbeite ich mit einem Regelwerk aus eigenen Text- und Designregeln und mit einer Prüfliste. Diskussionen gewinnt trotzdem der Beharrliche. Wer nach Regeln entscheidet, hat aber wenigstens eine Grundlage, auf der sich diskutieren lässt.

Lebenslauf und LinkedIn zählen die Stationen auf. Hier stehen die Dinge, die dort nicht hineinpassen.

Ohne Auftrag

2024 habe ich in einer Digitalagentur in München die Websites für zwei Modelle von Volkswagen Nutzfahrzeuge gebaut, den ID. Buzz und den California. Der Hersteller hatte seine Komponenten dokumentiert, aber nicht als Figma-Komponenten hinterlegt. Die Möglichkeit dazu hätte jeder gehabt, der mit den Komponenten arbeitete. Ich habe sie nach und nach zu einer internen Library zusammengesetzt, ohne dass mich jemand darum gebeten hätte. Im selben Jahr habe ich aus demselben Antrieb ein Designsystem aus Design Tokens gebaut, weil das White-Label-System der Agentur, mit dem wir die Kundenprojekte bauten, umständlich und auf mehrere Dateien verteilt war.

End-to-End-Produktdesign

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

04/2022 bis 05/2023 GoTiger, Berlin

GoTiger App

Schnelllieferdienst für asiatische Lebensmittel

GoTiger lieferte asiatische Lebensmittel in Berlin aus, und ich habe die App dazu gestaltet. Ein Problem lag außerhalb davon: Asiatische Supermärkte sind oft chaotisch, und ohne Vorkenntnisse weiß man nicht, was man dort überhaupt kaufen kann. Also erklärte jede Produktdetailseite, worum es sich handelte, und die Rezepte legten die Zutaten gleich in den Warenkorb, nach Portionsgröße und nach dem, was das Lager hergab. Manchmal hatte man eine Zutat schon und musste sie nicht mitbestellen. Dazu kam ein Swipe-Spiel, über das sich das passende Rezept finden ließ. Das ist alles live gegangen.

Vorgehen: Angefangen habe ich mit einer Umfrage in der Zielgruppe, später kamen Nutzertests im Interview dazu. Hochwissenschaftlich war das nicht. Es reichte aber, um zu sehen, was zu verbessern war. Als später eine Kollegin ausschied, habe ich ihre Aufgaben mitübernommen und von da an das externe Entwicklungsteam gebrieft.

Research Nutzertests Prototyp Entwicklerbriefing
10/2024 bis 03/2025 Bachelorthesis

Filo

Eine Plattform, die Informationen aus Tools wie E-Mail, Kalender und Projektmanagement an einer Stelle bündelt. Ich habe sie als klickbaren Figma-Prototyp angelegt, der seine Zustände über 271 Variablen ohne Backend simuliert.

Ergebnis: diesen Prototyp habe ich mit 23 Teilnehmenden in moderierten Online-Sitzungen evaluiert.

User Research Usability-Tests Figma-Variablen

Designsysteme

Ich baue Designsysteme auf, von Figma-Komponenten bis zu Design Tokens über mehrere Ebenen.

Accessibility ist Bedingung für die Freigabe, nicht Nacharbeit.

02/2024 bis 12/2024 Agentur, München

Ein Designsystem aus Design Tokens

Das Designsystem aus München lässt sich mit wenigen Klicks auf eine andere Marke umstellen und führt Hell- und Dunkelmodus mit. Anlass war ein Projekt für das Bayerische Staatsministerium für Inneres.

Vorgestellt habe ich es am Ende meiner Zeit dort. Ob es heute im Einsatz ist, weiß ich nicht.

Design Tokens Dunkelmodus Multi-Brand
02/2024 bis 12/2024 Agentur, München

Eine Figma-Library für Volkswagen Nutzfahrzeuge

Für Volkswagen Nutzfahrzeuge entstanden in derselben Zeit die Websites für zwei Modelle, den ID. Buzz und den California. Der Hersteller dokumentierte seine Bausteine, hatte sie aber nicht als Figma-Komponenten. Beim Bau der Websites entstanden diese Komponenten ohnehin, und so wuchs in der Agentur nach und nach eine eigene Library.

Figma-Komponenten Informationsarchitektur
Seit 12/2025 In der Agentur

Eine Bausteinbibliothek für automatisierte Seiten

In meiner heutigen Rolle sind aus Layoutvorlagen, die ich von Hand angelegt hatte, 26 Bausteine für automatisierte Seiten geworden. Vor jeder Freigabe laufen Prüfstufen. Für die Übergabe an die Entwicklung kenne ich HTML, CSS und JavaScript, dazu die Grundlagen von OOP und Schnittstellen.

Bausteine Accessibility Prüfstufen Frontend
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.

KI-gestützte Systeme

Wiederkehrende Arbeit bekommt bei mir ein Verfahren aus Regelwerk, Vorlagen und Prüfstufen. Früher habe ich Entwickler gebrieft, heute Modelle. Dieselbe Fähigkeit.

Seit 12/2025 In der Agentur

Ein Verfahren für ganze Werbekampagnen

Ein solches Verfahren, aufgesetzt mit Claude Code, produziert ganze Werbekampagnen; mein eigenes Regelwerk bildet die Grundlage. Über eine Bedienoberfläche läuft die Produktion, mit getrennten Freigaben für Text und Seite und mit einem Not-Aus.

Ergebnis: So entsteht ein vollständiger Funnel aus drei Seiten samt Text in rund 50 Minuten, je nach Umfang der Korrekturen. Die mobile Fassung entsteht mit.

Nicht gezeigt: Die Rechte liegen beim Arbeitgeber, zeigen kann ich das Verfahren also nicht.

Claude Code Regelwerk Freigabelogik
2026, laufend Eigenes Projekt

Ein System, das mich beim Übertreiben abfängt

Ein zweites Verfahren hat mit Werbung nichts zu tun. Es fängt mich beim Übertreiben ab. Mein Lebenslauf entsteht aus einer Quelldatei, die ich Satz für Satz selbst geschrieben habe, und pro Bewerbung wird daraus ausgewählt, nicht umformuliert. Prüfprogramme halten die einzelnen Behauptungen gegen die Quelle. Was ein Text erreichen soll, wissen sie nicht. Melden dürfen sie, korrigieren nicht.

Auch diese Seite ist so gebaut. Jeder Satz hier hat eine Herkunft, und eine Prüfung sorgt dafür, dass das so bleibt.

Prüfstufen

Kontakt

Auch diese Seite ist so gebaut. Jeder Satz hier hat eine Quelle in einer Datei, und eine Prüfung meldet, wenn die Quelle fehlt.