ThraceWeb

UI/UX-Design

Interface- und User-Experience-Design für Websites, Online-Shops und Anwendungen: Recherche, Wireframes, interaktive Prototypen und Usability-Tests, bevor eine Zeile Code entsteht.

  • Nutzerrecherche und Analyse des tatsächlichen Besucherverhaltens
  • Wireframes und Informationsarchitektur vor jedem visuellen Entwurf
  • Ein interaktiver Prototyp, den Sie vor der Entwicklung ausprobieren
  • Designsystem: Farben, Schriften, Komponenten und ihre Zustände
  • Barrierefreiheit und Kontraste geprüft nach WCAG 2.2 AA
  • Übergabe an die Entwicklung mit Spezifikationen, Dateien und allen Screens

UI/UX-Design, das aus Besuchern Kunden macht

Eine Website kann beeindrucken und trotzdem beim dritten Klick Kunden verlieren. UX (User Experience) entscheidet, ob jemand findet, wofür er gekommen ist; UI (User Interface) entscheidet, ob er dem vertraut, was er sieht. Wir arbeiten an beidem: an Websites, Online-Shops, Buchungssystemen, Dashboards und mobilen Anwendungen.

Jedes Projekt beginnt mit derselben Frage: Was soll der Besucher hier tun, und was steht ihm im Weg? Die Antwort kommt aus Ihren Analytics, vom Wettbewerb und daraus, echten Menschen dabei zuzusehen, wie sie das nutzen, was Sie heute haben.

Vom Wireframe über das Interface-Design bis zum fertigen Produkt: die drei Stufen eines UI/UX-Projekts
Vom Wireframe über das Designsystem bis zur fertigen Oberfläche: Jeder Screen wird entschieden, bevor die Entwicklung beginnt.

Was UI/UX-Design umfasst

  • Nutzerrecherche: Analytics, Heatmaps, Wettbewerbsanalyse und kurze Interviews, wo sie helfen.
  • Informationsarchitektur: Menüs, Seitenstruktur und Bezeichnungen, die man ohne Nachdenken versteht.
  • Wireframes: das Layout jedes Screens in Schwarzweiß, bevor Farbe ablenkt.
  • Interface-Design: Typografie, Farbe, Abstände, Icons und Bildsprache, die Ihre Identität tragen.
  • Designsystem: wiederverwendbare Komponenten mit allen Zuständen — Hover, Fokus, Fehler, leer, ladend.
  • Interaktiver Prototyp: eine klickbare Fassung, die Sie und Ihr Team testen, bevor eine Zeile Code entsteht.
  • Usability-Test: fünf bis acht echte Nutzer, aufgezeichnete Sitzungen und eine nach Wirkung sortierte Liste von Korrekturen.
  • Übergabe an die Entwicklung: Spezifikationen, Abstände, Dateien und das Verhalten auf jedem Screen, damit das Ergebnis dem Entwurf entspricht.

UI oder UX — was ist der Unterschied?

UX ist der Weg: die Schritte, die ein Besucher vom Aufrufen der Seite bis zum Anruf, zur Bestellung oder zur Buchung geht. Er wird recherchiert, als Flow gezeichnet und getestet. UI ist die Oberfläche: Schriften, Farben, Abstände, Buttons und Zustände — das, was man gemeinhin „Design“ nennt.

Ein schönes UI auf einer kaputten UX ergibt eine Seite, die man bewundert und verlässt. Eine solide UX mit nachlässigem UI ergibt eine Seite, die man nutzt, aber der man nicht traut. Beides sind zwei Hälften derselben Arbeit, und wir verkaufen nie die eine ohne die andere.

Eine überladene Oberfläche mit schwacher Hierarchie neben ihrer Überarbeitung mit klarer Struktur und einer einzigen Aktion
Derselbe Inhalt, vorher und nachher: weniger konkurrierende Elemente, eine klare Aktion und Raum, in dem das Auge ruht.

Wo sich UI/UX-Design am schnellsten auszahlt

  • Online-Shops: der Weg vom Produkt zur Kasse, wo jedes überflüssige Feld Bestellungen kostet.
  • Buchungen und Termine: Hotels, Praxen und Dienstleistungen, bei denen das Formular das Produkt ist.
  • Dashboards und Unternehmenssoftware: ERP, CRM und interne Werkzeuge, die stundenlang genutzt werden.
  • Mobile Anwendungen: iOS und Android, wo ein Daumen und ein kleiner Bildschirm die Regeln vorgeben.
  • Unternehmenswebsites: wo das Ziel ein Anruf oder ein Formular ist, kein Seitenaufruf.

Barrierefreiheit gehört zum Entwurf, nicht zum Extra

Wir prüfen Kontraste, Fokusreihenfolge, Größe der Touch-Ziele und Tastaturbedienung nach WCAG 2.2 AA schon beim Entwerfen, nicht erst nach dem Launch. In dieser Phase kostet es nichts zusätzlich und hält die Seite nutzbar — für Menschen mit eingeschränktem Sehen, auf heller Straße oder bei langsamer Verbindung.

Wie die Zusammenarbeit läuft

Wir arbeiten aus Thrakien und remote, wo immer Ihr Team sitzt. Sie sehen den Prototyp im Browser wachsen, nicht als PDF. Kommentare entstehen auf den echten Screens, an einer Stelle, und nichts geht in die Entwicklung, bevor Sie selbst durchgeklickt haben.

Wenn Sie bereits eine Website oder Anwendung haben, beginnen wir mit einem UI/UX-Review des Bestehenden: Was funktioniert, wo gehen Kunden verloren und was lohnt sich zuerst. Sagen Sie uns, was Sie vorhaben, und nehmen Sie Kontakt auf — wir melden uns mit Umfang und Zeitplan.

01

Recherche

Wir sehen uns Ihre Analytics an, den Wettbewerb und die Fragen, die Ihre Kunden wirklich stellen.

02

Struktur

Informationsarchitektur und Wireframes: was auf welchen Screen kommt und in welcher Reihenfolge.

03

Interface

Visuelles Design, Designsystem und jeder Zustand, den eine Komponente haben kann.

04

Test

Wir testen den Prototyp mit echten Nutzern, beheben alles Verwirrende und übergeben.

Häufige Fragen

Was ist der Unterschied zwischen UI- und UX-Design?

UX-Design legt Weg und Struktur fest: was der Besucher erreichen will und wie schnell es ihm gelingt. UI-Design legt die Oberfläche fest: Farben, Typografie, Abstände, Buttons und die Zustände jedes Elements. Ein Projekt braucht beides.

Brauche ich UI/UX-Design für eine kleine Website?

Für eine einfache Präsentationsseite mit wenigen Abschnitten genügt meist eine saubere Struktur. Ein eigenes UI/UX-Projekt zahlt sich aus, sobald der Besucher Schritte abschließen muss: Kasse im Shop, Buchungsstrecke, Dashboard oder Anwendung.

Können Sie eine bestehende Website oder App überarbeiten?

Ja. Wir beginnen mit einem Review der aktuellen Screens und Analytics, sortieren die Probleme nach Wirkung und gestalten in Etappen um, damit Sie nie mit einer halbfertigen Oberfläche dastehen.

Was bekomme ich am Ende?

Einen interaktiven Prototyp, die Designdateien mit wiederverwendbarem Designsystem, exportierte Bilddateien und eine Spezifikation für die Entwicklung. Die Dateien gehören Ihnen, gleich wer das Projekt danach umsetzt.

Setzen Sie auch um, was Sie entwerfen?

In der Regel ja: Wir entwickeln die Website oder Anwendung auf unserem eigenen CMS oder auf der Plattform, die passt. Haben Sie ein eigenes Entwicklungsteam, übergeben wir den Entwurf und bleiben während des Baus erreichbar.

Wie lange dauert ein UI/UX-Projekt?

Das Review einer bestehenden Oberfläche dauert wenige Tage. Ein vollständiges Projekt, von der Recherche bis zum getesteten Prototyp, läuft meist drei bis sechs Wochen, je nachdem wie viele Screens und Abläufe es umfasst.

Kostenloses Angebot für Ihre Website

Rufen Sie uns an oder schreiben Sie uns – wir melden uns umgehend.