UX/UI Design: Nutzerzentrierte Interfaces für Web & App

Gutes UX/UI Design beantwortet eine einzige Frage: Kommen Nutzer ans Ziel, ohne zu fluchen? Wer User Experience und Nutzeroberfläche zusammen denkt, liefert genau das. Research, klare Strukturen und durchgängige Design Systems bilden die Grundlage. Genau hier setzen wir an.

SchubertMedia ist Werbeagentur und UX/UI Design Studio aus Erfurt. Seit 2003 begleiten wir Unternehmen aus Thüringen, Sachsen und ganz Deutschland mit professionellem UX/UI Design von der ersten Nutzerforschung bis zum fertigen User Interface. Drei Disziplinen greifen dabei ineinander: Strategie, Design und technische Umsetzung.

UX/UI Design aus Erfurt: Unsere Leistungen im Überblick

Wir bieten kein All-inclusive-Paket, sondern fünf klar abgegrenzte UX/UI Design Module. Sie kombinieren genau das, was Ihr Projekt braucht.

• UX-Audit: Heuristische Evaluation, Analytics-Review und Mini-Usability-Test in 10 Werktagen
• User Research: Interviews, Umfragen, Card Sorting und Tree Tests mit echten Nutzern
• UX-Konzeption: Information Architecture, User Flows, Wireframes in Figma
• UI-Design: Visuelle Gestaltung, High-Fidelity-Mockups, interaktive Prototypen
• Design System: Komponenten-Bibliothek mit Tokens, Dokumentation und Storybook-Integration

Nach dem Design begleiten wir die Umsetzung. Unsere Entwickler bauen WordPress-Themes, individuelle Web-Apps oder native Apps direkt aus den Figma-Files. Mehr dazu auf der Seite zu WordPress Webdesign.

Drei UX/UI Design Projekte mit messbaren Ergebnissen

Theorie überzeugt niemanden. Hier sind drei UX/UI Design Projekte aus den letzten Jahren mit dem Ergebnis in Zahlen. Jeder Case zeigt eine andere Branche und einen anderen UX-Hebel.

B2B-SaaS-Dashboard für ein Logistikunternehmen aus Thüringen

Disposition und Tourenplanung liefen über ein Legacy-Tool aus 2008. Nutzer brauchten im Schnitt 7 Minuten für eine Standardbuchung und mehrere Klick-Pfade für die gleiche Aktion. Nach 12 Wochen Research, Re-Design und Rollout sank die Task-Time auf 2 Minuten 40 Sekunden. Der SUS-Score stieg von 51 auf 84. Support-Tickets zum Thema Bedienung gingen um 62 Prozent zurück.

Mobile UX-Optimierung für einen Naturkosmetik-Shop

Der mobile Checkout hatte eine Abbruchrate von 78 Prozent. Heatmaps aus Hotjar zeigten klare Schwachstellen: Versandkosten erst auf Schritt 3, zu viele Pflichtfelder, kein Apple Pay. Nach Redesign mit früher Versandkosten-Anzeige, Gast-Checkout und 1-Klick-Bezahlung stieg die mobile Conversion von 1,8 auf 4,3 Prozent. Der mobile Umsatzanteil wächst seit dem Relaunch monatlich.

Patient-Portal mit WCAG 2.1 AA Konformität

Ein medizinischer Dienstleister brauchte ein barrierefreies Portal für Online-Terminbuchung. Zielgruppe: 65 Jahre und älter, teilweise mit Seh- oder Motorik-Einschränkungen. Nach Tests mit Screenreader-Nutzern, Kontrast-Korrekturen und größeren Touch-Targets erreicht das Portal heute eine Task-Success-Rate von 91 Prozent und ist nach WCAG 2.1 AA zertifiziert.

Unser UX-Prozess: Von Discovery bis Launch

Wir arbeiten in fünf Phasen mit klaren Deliverables. Sie wissen immer, wo das Projekt steht und was als Nächstes ansteht.

Phase 1: Discovery im UX/UI Design

Stakeholder-Interviews, Analytics-Review, Wettbewerbsanalyse. Ergebnis: UX-Briefing mit Hypothesen, Personas-Skizzen und priorisierten Research-Fragen. Dauer: 1 bis 2 Wochen.

Phase 2: User Research

Nutzerinterviews mit 5 bis 8 Personen pro Persona, Online-Umfragen mit 100+ Teilnehmern, Card Sorting in Maze. Ergebnis: Validierte Personas, Customer Journey Map, priorisierte Pain Points. Dauer: 2 bis 3 Wochen.

Phase 3: Konzeption

Information Architecture, User Flows, Low-Fidelity-Wireframes in Figma. Erste Konzept-Reviews mit Stakeholdern und 3 bis 5 Test-Nutzern. Ergebnis: Wireframe-Präsentation mit Click-Dummy. Dauer: 2 bis 4 Wochen.

Phase 4: UI-Design und Prototyping

High-Fidelity-Screens in Figma, interaktive Prototypen, Design Tokens definieren. Moderierte Usability-Tests mit 5 bis 8 Nutzern. Ergebnis: Finaler Klick-Prototyp, Test-Report mit Verbesserungen. Dauer: 3 bis 6 Wochen.

Phase 5: Handover und Launch-Begleitung

Developer-Handoff über Figma Dev Mode, Design System dokumentieren, Pilot-Phase mit echten Nutzern. Nach Launch: 4 Wochen Monitoring mit Hotjar und GA4. Ergebnis: Daten für die nächste Iteration. Dauer: 2 bis 4 Wochen plus Monitoring.

UX/UI Design Tools und Methoden im Einsatz

Unser Tool-Stack für UX/UI Design ist erprobt, nicht zufällig. Jedes Werkzeug erfüllt eine konkrete Aufgabe im Projekt.

• Figma: Primäres Design-Tool für Wireframes, Mockups, Prototypen, Design Systems
• Adobe XD und Sketch: Als Alternativen, wenn bestehende Files im Kunden-Team existieren
• Maze: Unmoderierte Usability-Tests, Card Sorting, Tree Tests
• Hotjar: Heatmaps, Session Recordings, Feedback-Polls
• Microsoft Clarity: Kostenlose Alternative zu Hotjar für kleinere Budgets
• Google Analytics 4 und Looker Studio: Verhaltens-Daten und Dashboards
• UserTesting und Lookback: Moderierte Remote-Tests mit Zielgruppe
• Notion und Miro: Workshops, Personas, Customer Journey Maps

UX/UI Design Methoden im Detail: Discovery, Wireframes, Prototypen, Tests

Vier Methoden-Cluster bilden das Rückgrat jedes UX/UI Design Projekts. Sie lassen sich auf jedes Format anwenden, von kleiner Marketing-Site bis zur Enterprise-SaaS.

Discovery: Verstehen statt vermuten

Vor jedem Design-Strich kommt das Verstehen. Stakeholder-Interviews klären Geschäftsziele und Constraints. Nutzer-Interviews legen tatsächliche Bedürfnisse offen. Analytics-Daten zeigen, was Nutzer im Bestand schon tun. Wettbewerbsanalyse markiert visuelle und funktionale Konventionen Ihrer Branche.

Wireframes: Struktur vor Schönheit

Wireframes sind absichtlich grob. Sie zeigen Hierarchie, Inhalte und Funktion, ohne sich in visuellen Details zu verlieren. So bleibt der Blick frei für das Wesentliche: Funktioniert der Flow? Ist die wichtigste Information über der Falz? Wo entstehen Sackgassen?

Prototypen: Klickbar testen statt diskutieren

In Figma entstehen interaktive Prototypen, die fast wie das fertige Produkt funktionieren. Nutzer können Aufgaben durchspielen, Sie sehen direkt, wo es klemmt. Stakeholder verstehen den Flow ohne Erklärung. Entwickler bekommen eine präzise Vorlage.

Usability-Tests: Beweis statt Bauchgefühl

Moderierte Tests mit 5 bis 8 Nutzern pro Persona decken laut Nielsen-Norman-Group rund 80 Prozent der UX-Probleme auf. Unmoderierte Tests in Maze skalieren zu 50+ Teilnehmern. Für quantitative Validierung gehen wir über Hotjar-Heatmaps und Conversion-Tracking in GA4.

UX-Audit: In 10 Tagen zur Optimierungs-Roadmap

Sie haben bereits eine Website oder App und wollen wissen, wo Sie konkret ansetzen sollen? Unser UX-Audit liefert in zwei Wochen eine priorisierte Roadmap. Der Ablauf ist klar getaktet.

• Tag 1 bis 3: Heuristische Evaluation nach Jakob Nielsen, mobile und Desktop
• Tag 4 bis 5: Analytics-Review aus GA4 und Hotjar
• Tag 6 bis 8: Remote-Usability-Test mit 5 Nutzern aus Ihrer Zielgruppe
• Tag 9 bis 10: Auswertung, Priorisierung, Präsentation der Roadmap

Sie bekommen einen PDF-Report mit 15 bis 25 priorisierten Findings, klare Empfehlungen und einen Vorschlag für das nächste Quartal. Investition: ab 1.900 Euro netto.

Design Systems: Skalierbare Komponenten für Ihr Produkt

Ein gutes Design System ist mehr als eine Sammlung von Buttons. Es ist eine gemeinsame Sprache zwischen Design, Entwicklung und Produkt-Management. Wir arbeiten nach dem Atomic-Design-Prinzip von Brad Frost.

Was in unser Design System gehört

• Design Tokens: Farben, Schriftgrößen, Abstände, Schatten als zentrale Variablen
• Atoms: Buttons, Inputs, Icons, Labels
• Molecules: Suchfeld, Formularfeld mit Label, Navigationselement
• Organisms: Header, Produktkarte, Filter-Sidebar, Checkout-Form
• Templates und Pages: Konkrete Seitenlayouts
• Dokumentation: Do's and Don'ts, Code-Snippets, Accessibility-Notes

Für technische Umsetzung liefern wir Design Systems als Figma-Library, Storybook-Komponenten oder direkt als WordPress-Theme. Bei umfangreichen Relaunches integrieren wir das System in einem Website-Relaunch.

UX/UI Design Branchen-Expertise: Wo wir besonders stark sind

Unsere UX/UI Design Projekte verteilen sich auf vier Branchen-Cluster. Jede Branche hat eigene Konventionen, Compliance-Anforderungen und Zielgruppen-Erwartungen.

B2B-SaaS und Enterprise-Software

Komplexe Workflows, viele Datenpunkte, Power-User mit hohem Effizienzanspruch. Wir gestalten Dashboards, Admin-Tools und Workflow-Apps mit Fokus auf Task-Time-Reduktion und Information Density. Tests mit echten Power-Usern statt Lehrbuch-Personas.

E-Commerce und D2C

Conversion ist der primäre KPI. Mobile-First Checkout, schnelle Produktsuche, Personalisierung. Für PrestaShop-Shops liefern wir konkrete Mobile-UX-Patterns und Checkout-Flows mit nachweisbaren Conversion-Steigerungen.

Healthcare und Public Sector

Strenge Datenschutz-Anforderungen, Barrierefreiheit nach BITV 2.0 oder WCAG 2.2, ältere Zielgruppen. Wir testen mit echten Patienten oder Bürgern, nicht mit Kollegen. Dokumentation ist Compliance-tauglich.

Bildung und Tourismus

Learning-Plattformen für Schulen und Universitäten, Buchungsportale für Tourismusverbände in Thüringen. Hier zählen Klarheit, Verständlichkeit und Mehrsprachigkeit.

Preise und Pakete: Transparenz von Anfang an

Die genauen Kosten hängen von Scope, Recherchetiefe und Anzahl der Screens ab. Diese Richtwerte geben Orientierung.

• UX-Audit: ab 1.900 Euro netto, Lieferung in 10 Werktagen
• UX-Konzept für MVP: ab 5.900 Euro netto, ca. 4 Wochen
• Komplettes UX/UI-Redesign: ab 14.900 Euro netto, 8 bis 12 Wochen
• Design System: ab 9.900 Euro netto, abhängig von Komponenten-Anzahl
• Tagessatz für flexible Begleitung: 980 Euro netto

Wir erstellen kostenfrei ein detailliertes Angebot nach dem Erstgespräch.

UX/UI Design Team: Erfahrung und Ausbildung

Unser UX/UI Design Team kombiniert technische und gestalterische Ausbildung mit Branchenerfahrung. Gründer und Lead-Designer Nico Schubert arbeitet seit über 20 Jahren mit Schwerpunkt digitales Produktdesign. Ausgebildet im Studium an der FH Erfurt, fortlaufend Weiterbildungen bei Nielsen Norman Group, Interaction Design Foundation und Figma Config.

Das Team ergänzt sich aus Senior UX-Designern, UI-Spezialisten und Frontend-Entwicklern. So decken wir den gesamten Weg von der ersten Skizze bis zum produktiven Code ab.

Häufig gestellte Fragen zu UX/UI Design

Wir beantworten hier die Fragen zum UX/UI Design, die in Erstgesprächen am häufigsten gestellt werden. Falls Ihre Frage fehlt, melden Sie sich gerne direkt bei uns.

Was kostet ein UX-Audit bei SchubertMedia?

Das Standard-Audit für mittelgroße Websites oder Apps startet bei 1.900 Euro netto. Enthalten sind heuristische Evaluation, Analytics-Review, ein Remote-Usability-Test mit 5 Probanden und eine priorisierte Roadmap. Lieferzeit: 10 Werktage.

Wie lange dauert ein komplettes UX-Redesign für eine SaaS-Plattform?

Je nach Umfang zwischen 8 und 14 Wochen. Discovery und Research nehmen 2 bis 4 Wochen in Anspruch, Konzept und UI-Design weitere 4 bis 8 Wochen, anschließend Tests, Iterationen und Developer-Handoff. Für größere Enterprise-Projekte planen wir bis zu 6 Monate.

Welche Tools setzt SchubertMedia ein?

Primär Figma für Design und Prototyping. Maze und Hotjar für Tests und Analytics. Bei Bedarf Adobe XD oder Sketch für bestehende Kunden-Files. Für Workshops nutzen wir Miro und FigJam.

Übernehmen Sie auch die Frontend-Entwicklung nach dem Design?

Ja. Unsere Entwickler bauen WordPress-Themes, PrestaShop-Templates oder individuelle Web-Apps direkt aus Figma. So entstehen keine Übersetzungsverluste zwischen Design und Code.

Wie viele Nutzer testen Sie in einem Usability-Test?

Für moderierte Tests reichen 5 bis 8 Teilnehmer pro Persona, um etwa 80 Prozent der UX-Probleme aufzudecken. Bei A/B-Tests und unmoderierten Tests in Maze arbeiten wir mit 50 bis 200 Teilnehmern für statistische Signifikanz.

Arbeiten Sie auch im Healthcare-Bereich oder mit Behörden?

Ja. Wir haben Erfahrung mit DSGVO-konformen Patient-Portals, Terminbuchungen für medizinische Einrichtungen und barrierefreien Behörden-Portalen nach BITV 2.0. Auf Wunsch kombinieren wir das mit dem Thema Barrierefreie Websites.

Können Sie Design Systems in Storybook bereitstellen?

Ja. Wir liefern Design Systems als Figma-Library, Storybook-Setup und je nach Tech-Stack als React-, Vue- oder WordPress-Komponenten. Inklusive Dokumentation und Accessibility-Notes.

Bieten Sie UX-Workshops für interne Teams an?

Ja. Wir führen Inhouse-Workshops zu Design Thinking, Usability-Heuristiken und Figma-Grundlagen durch. Format: 1 bis 3 Tage vor Ort in Erfurt oder remote.

Weitere Services unserer Agentur: Webdesign Erfurt, WordPress Webdesign, Responsive Webdesign, Landingpage Design, Conversion-Optimierung, Corporate Design und Barrierefreie Websites.