UX / Figma / Conversion

Warum Design ohne Nutzerführung nur Oberfläche bleibt und wie gute Struktur direkt auf Conversion, Markenwahrnehmung und digitales Wachstum einzahlt.

Warum gutes Design nicht automatisch gute UX ist

Viele Websites und Onlineshops sehen heute auf den ersten Blick modern aus: große Bilder, schöne Typografie, klare Farben, Cards, Animationen und ein Button, der irgendwo nach Fortschritt aussieht. Trotzdem verkaufen viele dieser Seiten nicht gut. Das Problem liegt selten nur an der Optik. Es liegt meistens an der Nutzerführung.

Gutes Design ist nicht automatisch gute UX. Eine schöne Oberfläche kann trotzdem verwirren. Ein hochwertiges Branding kann trotzdem zu wenig erklären. Eine elegante Produktseite kann trotzdem zu wenig Vertrauen schaffen. UX bedeutet nicht, dass eine Website hübsch aussieht. UX bedeutet, dass Menschen ohne unnötige Reibung verstehen, was sie sehen, warum es relevant ist und was sie als Nächstes tun sollen.

UX trifft Markenstrategie: Design ist Markenführung

Design ist längst mehr als Ästhetik. Design ist Markenführung, Nutzerführung, Entscheidungsarchitektur und Vertrauen. Gerade digital entsteht der erste Eindruck oft in wenigen Sekunden. Nutzer landen auf einer Website, einem Shop, einer Produktseite oder einer Landingpage und bewerten sofort:

• Verstehe ich, worum es geht?
• Wirkt das seriös?
• Finde ich, was ich suche?
• Passt das zu meinen Erwartungen?
• Kann ich dieser Marke vertrauen?

Eine hochwertige Marke kann durch schlechte UX billig wirken. Eine junge Marke kann durch klare UX sofort professioneller wirken. UX ist damit die Brücke zwischen Marke und Mensch.

Von Design als Look zu Design als Logik

Lange wurde Design als letzte Phase eines Projekts verstanden: Erst Strategie, dann Inhalte, dann Technik, und am Ende wird alles „schön gemacht“. Genau so entstehen Seiten, die gestaltet sind, aber nicht führen. Heute muss Design früher beginnen. Nicht mit Farben, sondern mit Logik.

Gute UX fragt zuerst:

• Wer nutzt die Seite?
• Mit welchem Ziel?
• Mit welchem Wissen?
• Mit welchen Zweifeln?
• In welchem Moment der Customer Journey?
• Welche Entscheidung soll leichter werden?

Erst danach geht es um Layout, Farben, Typografie und visuelle Details. Die Oberfläche ist sichtbar. Die Struktur darunter entscheidet aber, ob Menschen überhaupt weiterkommen.

Warum UX im digitalen Markenaufbau unverzichtbar ist

Marken leben heute nicht mehr nur in Kampagnen. Sie leben in Touchpoints: Website, Onlineshop, Produktseite, Checkout, Newsletter, Klaviyo Flow, Google Ads Landingpage, Social Media, Kontaktformular, Support-Mail, App, Packaging oder Point of Sale.

Jeder dieser Punkte prägt die Wahrnehmung der Marke.

Wenn eine Marke hochwertig positioniert ist, aber die Website langsam lädt, das Menü unklar ist und der Checkout auf Mobile nervt, entsteht ein Bruch. Der Nutzer denkt nicht: „Die Marke ist hochwertig, nur die UX ist schlecht.“ Er denkt: „Irgendwie wirkt das nicht sauber.“

UX sorgt dafür, dass Markenversprechen nicht nur behauptet, sondern erlebt werden.

Reibung: der stille Umsatzkiller

Reibung ist jeder Moment, in dem der Nutzer unnötig nachdenken muss. Das klingt harmlos. Ist es aber nicht.

Typische Reibungspunkte sind:

• unklare Navigation
• zu viele Optionen
• versteckte Call-to-Actions
• unverständliche Texte
• fehlende Informationen
• inkonsistente Strukturen
• schlechte Mobile Experience
• langsame Ladezeiten
• fehlende Vertrauenselemente

Jede dieser Reibungen kostet Aufmerksamkeit. Und Aufmerksamkeit ist online begrenzt. Im E-Commerce bedeutet Reibung direkt Umsatzverlust.

Gute UX reduziert Unsicherheit

Menschen brechen online selten ab, weil sie „keine Lust“ haben. Sie brechen ab, weil Unsicherheit entsteht.

Typische Fragen im Kopf der Nutzer:

• Ist das das richtige Produkt?
• Kann ich dem Anbieter vertrauen?
• Ist der Preis gerechtfertigt?
• Wie lange dauert die Lieferung?
• Kann ich zurückgeben?
• Was passiert nach dem Klick?

Gute UX beantwortet diese Fragen, bevor sie zum Problem werden. Sie macht Informationen sichtbar, setzt Prioritäten und reduziert kognitive Belastung.

Figma als Werkzeug für bessere UX

Figma wird oft als Design-Tool bezeichnet. Das stimmt, ist aber zu kurz. Für Bergmedia ist Figma ein Werkzeug für Struktur, Nutzerführung, Prototyping, Design-Systeme, Komponentenlogik, Abstimmung und Conversion-Flows.

Was Figma im UX-Prozess leistet:

• Struktur sichtbar machen, bevor gebaut wird
• User Flows und Journeys planen
• Wireframes und Prototypen entwickeln
• Komponenten und Design-Systeme aufbauen
• Mobile Varianten früh testen
• UX Writing und CTA-Logik prüfen
• Übergabe an Entwicklung sauber vorbereiten

Der größte Vorteil: Entscheidungen werden sichtbar, bevor sie teuer umgesetzt werden. Änderungen in Figma sind schnell. Änderungen im Live-System sind langsam, teuer und oft riskant.

Strategische UX beginnt nicht mit Wireframes

Ein guter UX-Prozess beginnt nicht mit Kästchen. Er beginnt mit Verständnis. Bevor in Figma ein Frame angelegt wird, müssen zentrale Fragen geklärt sein.

Vor dem Design muss klar sein:

• Was ist das Ziel der Seite?
• Welche Nutzergruppen gibt es?
• Welche Erwartungen bringen sie mit?
• Welche Einwände entstehen?
• Welche Inhalte sind entscheidend?
• Welche Handlung soll ausgelöst werden?
• Welche Markenwahrnehmung soll entstehen?
• Welche Kennzahlen sollen verbessert werden?

Ohne diese Fragen werden Wireframes schnell zu Platzhaltern. Dann wird Struktur simuliert, aber nicht wirklich entwickelt.

Informationsarchitektur: Ordnung ist kein Luxus

Informationsarchitektur entscheidet, welche Informationen wo stehen, wie sie gruppiert werden und wie Nutzer durch Inhalte geführt werden. Eine schlechte Informationsarchitektur erkennt man daran, dass Nutzer suchen müssen, obwohl sie eigentlich handeln wollen.

Gute Informationsarchitektur beantwortet:

• Was ist wichtig?
• Was kommt zuerst?
• Was braucht der Nutzer jetzt?
• Was kann später kommen?
• Was unterstützt die Entscheidung?
• Was lenkt ab?

Visuelle Hierarchie: Nicht alles ist gleich wichtig

Viele Seiten scheitern daran, dass alle Elemente gleich laut sind. Headline, Button, Bild, Text, Badge, Icon, Bewertung, Trust-Box, Pop-up, Chat und Navigation konkurrieren.

Das Ergebnis ist kein starkes Design, sondern visuelles Gedränge.

Visuelle Hierarchie entsteht durch:

• Größe
• Kontrast
• Position
• Abstand
• Farbe
• Typografie
• Gruppierung
• Wiederholung

Ein CTA muss wichtiger wirken als ein sekundärer Link. Eine Headline muss wichtiger wirken als Nebentext. Trust-Elemente müssen dort sitzen, wo Zweifel entstehen.

User Journey: Seiten reichen nicht, Wege zählen

Viele Unternehmen denken in Seiten: Startseite, Leistungsseite, Produktseite, Kontaktseite, Checkout. Nutzer denken nicht so. Nutzer bewegen sich in Wegen.

Eine gute Website ist nicht nur eine Sammlung sauberer Seiten. Sie ist eine geführte Customer Journey.

Figma hilft, diese Wege sichtbar zu machen:

• Wo startet der Nutzer?
• Welche Entscheidung trifft er?
• Welche Information braucht er?
• Was passiert bei Unsicherheit?
• Welche Alternative gibt es?
• Wo ist der nächste sinnvolle CTA?

Micro Conversions: die kleinen Schritte vor dem Umsatz

Conversion wird oft nur als Kauf oder Anfrage verstanden. Das ist zu kurz. Vor der finalen Conversion gibt es viele kleine Handlungen, die zeigen, ob die UX funktioniert.

Micro Conversions im E-Commerce:

• Produktbild öffnen
• Variante auswählen
• Größenberater anklicken
• Bewertungen lesen
• Produkt in den Warenkorb legen
• FAQ öffnen
• Lieferinformationen ansehen

Diese kleinen Aktionen zeigen, ob Nutzer weiterkommen. Wenn sie ausbleiben, liegt oft ein Problem in Struktur, Text, Hierarchie oder Vertrauen.

UX Writing: Worte sind Teil der Nutzerführung

UX Writing wird massiv unterschätzt. Dabei entscheidet Text oft darüber, ob Menschen verstehen, vertrauen und klicken.

Gutes UX Writing ist:

• klar statt kreativ
• konkret statt vage
• nutzerorientiert statt intern gedacht
• handlungsführend statt dekorativ

Schlechte Texte sind vage: „Weiter“, „Mehr erfahren“, „Absenden“. Bessere Texte sagen konkret, was passiert: „Zur sicheren Kasse“, „Produkt vergleichen“, „Größe finden“, „Kostenlose Beratung anfragen“.

UX Writing im Checkout

Der Checkout ist einer der sensibelsten Bereiche. Hier ist der Nutzer nah an der Conversion. Gleichzeitig steigt die Unsicherheit.

Gute Microcopy reduziert Zweifel:

• Statt „Weiter“ besser „Zur Versandart“
• Statt „Absenden“ besser „Jetzt sicher bestellen“
• Statt „Fehler“ besser eine konkrete Lösung nennen
• Statt „Rabattcode ungültig“ besser erklären, was zu prüfen ist

Gute Microcopy nimmt Frustration raus. Sie erklärt, führt und verhindert Abbruch.

Mobile UX: Hier entscheidet sich die Realität

Viele Websites werden am Desktop entworfen und mobil nur angepasst. Das ist falsch. Mobile ist häufig der wichtigste Nutzungskontext.

Typische Mobile-Probleme:

• CTA zu weit unten
• zu kleine Buttons
• zu lange Textblöcke
• Varianten schwer auswählbar
• Filter unübersichtlich
• Pop-ups blockieren den Screen
• Checkout-Formulare sind nervig

Figma hilft, Mobile früh mitzudenken. Nicht als letzte Anpassung, sondern als eigene Experience.

Performance: Eine schöne langsame Seite bleibt eine schlechte Seite

UX endet nicht beim Interface. Ladezeit ist UX. Wenn eine Seite langsam ist, ist sie schlecht. Auch wenn sie schön ist.

Performance beeinflusst:

• Absprungrate
• Conversion Rate
• SEO
• Google Ads Qualität
• Mobile Nutzung
• Markenwahrnehmung

Gerade Shopify Shops leiden oft unter App-Ballast. Jede App verspricht Wachstum. Viele liefern vor allem JavaScript. Am Ende lädt der Shop wie ein müder Kühlschrank.

Barrierefreiheit verbessert UX für alle

Barrierefreiheit wird oft als Sonderthema betrachtet. Das ist falsch. Barrierefreie UX verbessert die Bedienbarkeit für alle Nutzer.

Dazu gehören:

• gute Kontraste
• lesbare Schriftgrößen
• klare Labels
• verständliche Fehlermeldungen
• logische Überschriftenstruktur
• ausreichende Klickflächen

Daten statt Bauchgefühl

UX darf nicht nur nach Gefühl bewertet werden. „Gefällt mir besser“ ist kein KPI. Bergmedia arbeitet deshalb datenbasiert.

Wichtige Datenquellen:

• Google Analytics
• Shopify Analytics
• Microsoft Clarity
• Heatmaps
• Session Recordings
• A/B Tests
• Conversion Funnel
• Support-Anfragen
• Kundenfeedback

Figma-Prototyping: testen, bevor es teuer wird

Figma ermöglicht klickbare Prototypen. Das ist mehr als eine Präsentationsfunktion. Es ist ein wirtschaftlicher Vorteil.

Mit Prototypen kann geprüft werden:

• Verstehen Nutzer die Struktur?
• Finden sie den CTA?
• Funktioniert die mobile Führung?
• Ist die Reihenfolge der Inhalte sinnvoll?
• Sind Interaktionen klar?
• Sind Formulare verständlich?

Änderungen im Prototyp sind günstig. Änderungen nach der Umsetzung sind teuer. Änderungen nach dem Launch sind noch teurer.

Design-Systeme: Konsistenz ist Vertrauen

Ein Design-System sorgt dafür, dass digitale Produkte konsistent bleiben. Es definiert Farben, Typografie, Buttons, Formulare, Cards, Navigation, Spacing, Icons, Komponenten, Zustände und responsive Verhalten.

Konsistenz schafft Vertrauen. Wenn jeder Button anders aussieht und jedes Formular anders reagiert, wirkt eine Marke weniger professionell.

Der Bergmedia-Ansatz: UX als System

Bergmedia betrachtet UX nicht als Designkosmetik. Ziel ist nicht, dass eine Seite einfach besser aussieht. Ziel ist, dass sie klarer führt, stärker wirkt und messbar bessere Ergebnisse erzeugt.

Der Ansatz umfasst:

• Analyse der bestehenden Nutzerführung
• Prüfung von Struktur, Inhalten und Conversion-Punkten
• Bewertung von Mobile UX und technischer Basis
• Wireframes und Prototypen in Figma
• Aufbau klarer Komponenten und Design-Systeme
• Optimierung von UX Writing und CTA-Logik
• Verbindung mit Shopify, Klaviyo, Tracking und Analytics

Fazit: Weniger Reibung bedeutet mehr Umsatz

Gute UX ist kein Nice-to-have. Sie ist ein strategischer Wachstumsfaktor. Sie entscheidet, ob Nutzer verstehen, vertrauen und handeln.

Figma ist dabei nicht nur ein Tool für schöne Screens, sondern ein Arbeitsraum für Struktur, Prototyping, Design-Systeme und bessere Entscheidungen.

Design ohne Nutzerführung bleibt Oberfläche. Gute UX verbindet Marke, Mensch und Umsatz. Genau dort entsteht der Unterschied zwischen einer Website, die nur existiert, und einem digitalen System, das wirklich arbeitet.