Zur Startseite Lina Melissa Arndt Kontakt
UX/UI Design

Redesign der Website eines Anbieters für Textilveredelung. Als Mediengestalterin bei pr.druck war die Auftragsannahme am Telefon Teil meines Jobs, nicht nur das Design. Dabei hörte ich aus erster Hand, woran die alte Seite scheiterte: Kund:innen riefen für Informationen an, die längst online standen, nur total versteckt.

UX/UI Design Januar 2026 Figma
3Zielgruppen-Cluster neu geordnet
4Fidelity-Stufen: Audit bis Hi-Fi
<2Klicks bis zur häufigsten Kundenfrage
prdruck.com
pr.druck Website, neues Hi-Fi-Design pr.druck Website, alter Zustand
Alt Neu
prdruck/header-neu.jpg
01
Ausgangslage

Die Antwort stand schon da, nur keiner fand sie.

01
Der Ausgangspunkt

Als Mediengestalterin bei pr.druck war die Auftragsannahme am Telefon Teil meines Jobs, nicht nur das Design.

Kein Interview, keine Umfrage. Ich habe die immer gleichen Fragen live von echten Kund:innen bekommen, während ich gleichzeitig wusste: die Antwort steht eigentlich auf der Website.

02
Was immer wieder kam

Dieselben drei, vier Fragen, Woche für Woche.

Welche Drucktechniken es gibt und was sie kosten. Ob auch kleine Stückzahlen für Teams möglich sind. Ob die Marke selbst liefern kann oder man eigene Textilien mitbringen darf. Alles Dinge, die auf der Seite standen, aber in Fließtext-Absätzen vergraben oder unter falschen Menüpunkten.

03
Die eigentliche These

Es fehlte keine Information. Es fehlte eine Struktur, die erkennt, wonach jemand sucht, und ihm die passende Antwort direkt zeigt.

Grundlage: eigene Beobachtung bei der Auftragsannahme am Telefon bei pr.druck
Audit

Drei strukturelle Probleme, keine Textprobleme.

Die bestehende Seite hatte fast alle Inhalte, die es brauchte. Das Problem lag in der Anordnung: Es gab keine Sortierung nach Zielgruppe, Drucktechniken waren nur an einer Stelle knapp erwähnt, und kleine Bestellungen liefen über denselben Weg wie große Team-Anfragen.

01

Keine Trennung nach Zielgruppe: Merch-Drops, Teams/Unternehmen und Sonderanwendungen standen alle im selben, undifferenzierten Textblock.

02

Drucktechniken (Direktdruck, Siebdruck, Transferdruck, Sticker) wurden nirgends vergleichbar nebeneinander gezeigt, obwohl genau das die häufigste Telefonfrage war.

03

Kleine Bestellungen und große Team-/Unternehmensanfragen liefen über denselben Weg – ohne Unterscheidung zwischen „schnell online kaufen“ und „erst beraten lassen“.

02
Struktur

Also habe ich nach Person sortiert, nicht nach Produkt.

Drei Zielgruppen, drei Wege

Wer auf die Seite kommt, will meist nur eine der drei Antworten.

Aus den wiederkehrenden Anrufen ließen sich drei klare Anliegen ablesen. Die neue Struktur macht daraus drei eigene Einstiege, statt alle in einem Text zu vermischen.

Teams & Unternehmen
  • Größere Stückzahlen
  • Persönliche Anfrage statt Sofortkauf
  • Firmenbezug im Ton
Merch & Drops
  • Kleinserien für Creator
  • Schnelle Umsetzung
  • Direkter Online-Bestellweg
Events & Sonderprojekte
  • Individuelle Materialien
  • Beratung statt Katalog
  • Anfragebasiert
Kategorie-Bereich im Hi-Fi-Design prdruck/zielgruppe.jpg
Kategorie-Bereich: die drei Zielgruppen als eigene Cards mit Foto und Label statt gemeinsamem Textblock.
Drucktechniken sichtbar machen

Die häufigste Anruf-Frage bekam einen eigenen Bereich.

Digitaldirektdruck, Siebdruck, Transferdruck und Sticker jetzt nebeneinander statt verstreut im Fließtext, jeweils mit knapper Einordnung, wofür sich welche Technik eignet.

Vier Drucktechniken-Karten im Hi-Fi-Design prdruck/drucktechniken.jpg
Vier Drucktechniken-Karten: Digitaldirektdruck, Siebdruck, Transferdruck und Stickerei direkt vergleichbar.
Klarer Kaufweg

Zwei Wege, von Anfang an getrennt.

Kleine Bestellungen und große Team- oder Unternehmensanfragen liefen vorher über denselben Weg. Jetzt trennt der Hero das von Anfang an: „Direkt online bestellen“ für kleine, einfache Bestellungen, „Persönliche Anfrage“ für größere Projekte, die Beratung brauchen.

Zwei CTA-Karten im Hero: Direkt online bestellen, Persönliche Anfrage prdruck/kaufweg.jpg
Zwei CTA-Karten im Hero: „Direkt online bestellen“ und „Persönliche Anfrage“ von Anfang an gleichwertig nebeneinander.
03
Lösung

Vom Bestand über Lo-Fi zum fertigen Ergebnis.

Alte, LoFi & Neu

Zwei Lo-Fi-Runden, bevor die Farbe dazukam.

Die Grobstruktur (Hero → Was uns besonders macht → Gruppierung nach Zielgruppe → Textilien → Drucktechniken) stand schon im ersten Lo-Fi. Die zweite Runde hat vor allem die zwei Kaufwege in den Hero gezogen und die Zielgruppen-Cluster geschärft, bevor daraus das finale Hi-Fi-Design wurde.

Alt
Alte Website, komplette Seite
Neu
Neue Website, komplette Seite
Ergebnis

Kein A/B-Test, aber ein klarer Unterschied.

Die Fragen vom Telefon lassen sich jetzt alle in unter zwei Klicks beantworten.

Drucktechniken, Zielgruppen-Cluster und die zwei Kaufwege sitzen jetzt dort, wo sie im echten Kundenkontakt gebraucht wurden, nicht dort, wo sie zufällig im alten Text standen. Das lässt sich qualitativ begründen, nicht mit einer Kennzahl belegen, dafür hätte es eine Testphase mit der echten Seite gebraucht.

Constraints

Was diese Case Study nicht beweist.

Zwei Grenzen, ehrlich benannt.

01

Keine formalen Interviews oder Tests

Die Grundlage ist eigene Beobachtung im Kundensupport, keine strukturierte Nutzerforschung. → Reicht für wiederkehrende, eindeutige Muster, aber nicht für seltenere Bedürfnisse.

02

Kein Live-Vergleich

Ob die Anrufe dadurch wirklich zurückgehen, wurde nicht gemessen. → Wäre der nächste Schritt bei einem echten Rollout.

Über mich

Hi, ich bin Lina.

Ich bin UX/UI Designerin und komme aus der Mediengestaltung Digital & Print. Irgendwann habe ich gemerkt: Mich interessiert nicht nur, wie etwas aussieht, sondern wie es sich anfühlt, wenn man es benutzt.

Heute arbeite ich am liebsten dort, wo Research und Interface zusammenkommen: erst verstehen, dann gestalten, dann testen und wieder ändern.

LinkedIn Behance Dribbble Lebenslauf
Lina Melissa Arndt im Portrait
2 Jahre
Fachhochschulreife Gestaltung
3 Jahre
Ausbildung Mediengestaltung Digital & Print
4 Monate
Product Design Bootcamp
1 Jahr
Berufserfahrung im Design
2
Zertifikate
Alt
Alte Website, komplette Seite
Neu
Neue Website, komplette Seite