André Czupala

Senior Product Designer

Ich gestalte Produkte und die Systeme, auf denen sie stehen.

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

Schwerpunkte

Über mich

Im Beruf bin ich seit 2010. Heute verantworte ich als einziger Product Designer die gesamte Produktion einer Agentur, Gestaltung, Text und System. Ich begleite ein Produkt vom Research über das Konzept bis zur Umsetzung. Dabei sehe ich, wo sich Arbeit wiederholt, und baue das System dazu, aus Komponenten, Tokens und Regeln. Das war schon vor über zehn Jahren so, damals mit einer Eingabemaske für einen regelmäßigen Bericht, der danach auf Knopfdruck fertig war. Später waren es Designsysteme in Figma, heute sind es Systeme mit KI.

Ob ein Entwurf gut ist, entscheidet bei mir ein Kriterium, nicht der Geschmack. Beim Code sagen Compiler und Tests, ob es stimmt. Für Gestaltung und Text gibt es keinen Compiler, da muss jemand die Regeln schreiben, der das Fach kennt.

End-to-End-Produktdesign

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

04/2022 bis 05/2023 GoTiger, Berlin

GoTiger App

Lieferdienst für asiatische Lebensmittel

GoTiger lieferte asiatische Lebensmittel in Berlin aus, und ich gestaltete die App des Lieferdienstes. Ein Problem lag außerhalb der App. Ohne Vorkenntnisse weiß man in einem asiatischen Supermarkt nicht, was man überhaupt kaufen kann. Also erklärte jede Produktdetailseite das Produkt, und Rezepte legten die Zutaten passend zur Portionsgröße mit einem Klick in den Warenkorb. Was man schon zu Hause hatte, wählte man ab. Außerdem gab es ein Swipe-Spiel, über das sich das passende Rezept finden ließ. Das ist alles live gegangen.

Vorgehen: Ich begann mit einer Umfrage in der Zielgruppe, später kamen Nutzertests im Interview hinzu. Als eine Kollegin ausschied, übernahm ich ihre Aufgaben mit und briefte von da an das externe Entwicklungsteam.

Prototyp ansehen Figma Projekt als PDF 2,0 MB
2024 Digitalagentur, München

Die App „one conference“

Neu gestaltet für Mobilgeräte und Desktop

In einer Münchner Digitalagentur habe ich 2024 die interne Konferenz-App „one conference“ für Mobilgeräte und Desktop neu gestaltet und um Funktionen erweitert. In Figma baute ich dazu einen Prototyp mit Tokens und Variablen, der die Abläufe mitführte, und übergab ihn an die internen Entwickler.

Ergebnis: Bei der jährlichen Konferenz lief meine Fassung.

Designsysteme

Ich baue Designsysteme auf, von Design Tokens über mehrere Ebenen bis zu verschachtelten Komponenten und Flows, mit dem, was Figma dafür hergibt.

2024 Digitalagentur, München

Zwei Systeme auf eigene Initiative

Ein Designsystem aus Tokens, eine interne Library

Beide sind 2024 in der Münchner Agentur entstanden.

Das erste ist ein Designsystem aus Design Tokens. Eine neue Marke anzulegen war in der Agentur sehr aufwändig, und das White-Label-System, mit dem wir die Kundenprojekte bauten, war auf mehrere Dateien verteilt. Also habe ich ein System gebaut, das dieses Problem lösen sollte. Das Token-System lässt sich mit wenigen Klicks auf andere Marken umstellen und führt Hell- und Dunkelmodus mit. Mit einer Demo-Library zeigte ich die Auswirkungen; sie blieb bei der Agentur.

Das zweite ist eine interne Library. Für Volkswagen Nutzfahrzeuge habe ich die Websites zweier Modelle gebaut, des ID. Buzz und des California. Der Hersteller hatte seine UI-Komponenten dokumentiert, in unserem Team fehlten sie aber in Figma. Damit wir sie nicht immer wieder neu anlegen mussten, habe ich die Library nach und nach in Figma aufgebaut.

KI-gestützte Systeme

Seit 12/2025 In der Agentur

Eine Baustein­bibliothek für automatisierte Seiten

Vorlagen, die zu Bausteinen wurden

In meiner jetzigen Agentur verantworte ich unter anderem Landingpages mit Konzept, Gestaltung und Text. Zuerst habe ich dort Layoutvorlagen von Hand angelegt und eigene Text- und Designregeln festgelegt, nach denen bewertet wird. Zu jedem Kunden legte ich damals ein kleines Designsystem in Figma an, damit ich selbst einheitlich gestalten konnte.

Ergebnis: Aus den Vorlagen sind Bausteine geworden, aus denen heute Seiten automatisiert entstehen. Hat ein Kunde noch kein Designsystem oder nur ein unzureichendes, entsteht beim Projektstart ein neues nach Regeln und wird auf die Bausteine angewandt. Was ich als Vorlagen von Hand angelegt hatte, ist damit zur Grundlage der maschinellen Produktion geworden.

Seit 12/2025 In der Agentur

Eine Oberfläche vom Briefing bis zur Liveschaltung

Account Manager können Landingpages selbst einrichten

Änderungen liefen über mich, und im Hin und Her zwischen Briefing, Feedback und Anpassung ging Zeit verloren. Deshalb habe ich mit Claude Code, einem KI-Werkzeug, eine Oberfläche entworfen und gebaut, in der ein Account Manager eine Landingpage selbst einrichten, erstellen und anpassen kann, bis zu Hosting und Tracking. So soll auch jemand ohne Vorwissen eine Seite einrichten und anpassen können, ohne etwas kaputtzumachen.

Ergebnis: Seit Anfang November 2026 ist die Oberfläche im internen System der Agentur veröffentlicht und wird genutzt.

Nicht gezeigt: Die Oberfläche selbst kann ich nicht zeigen, die Rechte daran liegen beim Arbeitgeber.

Aus dem Studium

10/2024 bis 03/2025 Bachelorthesis

filo

Nachrichten und Dateien an einer Stelle

filo, meine Bachelorthesis, kam aus dem Berufsalltag. Man sucht eine Nachricht zu einem Projekt und weiß nicht mehr, wo sie war. Ich wollte eine Oberfläche, die alles an einer Stelle bündelt, ohne dass alle dasselbe Werkzeug nutzen müssen.

Gebaut habe ich die Oberfläche als klickbaren Figma-Prototyp, der seine Zustände über 271 Variablen ohne Backend simuliert. Den Prototyp habe ich mit 23 Teilnehmenden in moderierten Online-Sitzungen evaluiert. Auch Teilnehmende mit wenig Technikerfahrung kamen damit zurecht.

Thesis lesen PDF, 74 Seiten

Kontakt

Über Produktdesign, Designsysteme und KI tausche ich mich gern aus.