UI/UX & Frontend-Modernisierung

Ein Produkt kann unter der Haube solide sein und an der Oberfläche trotzdem Nutzer verlieren: veraltetes Design, langsame Seiten, Layouts, die auf dem Smartphone brechen, Oberflächen, die sich mit Tastatur oder Screenreader nicht bedienen lassen. Wir modernisieren Frontends schrittweise — bessere Gestaltung, Performance und Barrierefreiheit, ohne das Produkt auf einen Neuschrieb zu setzen.

All services

What we do

Diese Leistung betrifft die sichtbare Ebene Ihres Produkts. Redesigns: die Oberfläche einer bestehenden Anwendung erneuern — von der optischen Auffrischung bis zum Überdenken zentraler Nutzerabläufe. Performance: Ladezeiten und Reaktionsverzögerungen senken, gemessen an den Core Web Vitals statt an Eindrücken. Barrierefreiheit: Oberflächen in Richtung WCAG-Konformität bringen — seit Geltung des European Accessibility Act 2025 für Unternehmen mit europäischen Nutzern zunehmend eine rechtliche Frage, nicht nur gute Praxis. Responsive Korrekturen: Anwendungen auf den Geräten wirklich nutzbar machen, die Ihre Nutzer tatsächlich in der Hand halten.

Wir arbeiten mit React, Next.js, Vue, Angular und Svelte, üblicherweise mit TypeScript und Tailwind CSS — und modernisieren ebenso souverän ältere jQuery- oder serverseitig gerenderte Frontends Schritt für Schritt.

In scope

Oberflächen-Redesigns und Einführung von Designsystemen
Performance-Arbeit, gemessen an den Core Web Vitals
Barrierefreiheits-Audits und WCAG-orientierte Nachbesserung
Responsive und browserübergreifende Korrekturen an bestehenden Anwendungen

How we work

Die entscheidende Randbedingung einer Modernisierung: Das Produkt muss weiterlaufen, während es besser wird. Unser Vorgehen ist deshalb bewusst schrittweise.

1. Bestandsaufnahme

Wir messen den Ist-Zustand — Performance-Kennzahlen, Befunde zur Barrierefreiheit, Reibungspunkte in der Nutzung —, damit Verbesserung an einer Ausgangsbasis gemessen wird und nicht an einem Gefühl.

2. Priorisierter Plan

Aus den Befunden entsteht ein geordneter Backlog mit Aufwandsschätzungen. Sie entscheiden, wie weit Sie gehen; der Plan benennt abnehmenden Nutzen offen.

3. Schrittweise Lieferung

Änderungen gehen in kleinen, prüfbaren Abschnitten live — Seite für Seite oder Ablauf für Ablauf —, sodass das Produkt nie in einem monatelang eingefrorenen „Redesign-Branch“ landet.

4. Nachmessen

Wir messen erneut gegen die Ausgangsbasis und übergeben die Ergebnisse — samt Werkzeugen, damit Rückschritte auffallen, statt später neu entdeckt zu werden.

What you get

Neben den umgesetzten Verbesserungen selbst erhalten Sie:

Vorher-/Nachher-Messungen

Ergebnisse zu Performance und Barrierefreiheit gegenüber der Ausgangsbasis — nachprüfbar, nicht anekdotisch.

Aktualisierter Frontend-Code

Modernisierte Komponenten in Ihrem Repository, nach Ihren Konventionen oder einem neu vereinbarten Satz.

Design-Bausteine

Bei Redesigns: dokumentierte Komponentenmuster und Stile, damit künftige Arbeit konsistent bleibt.

Schutz vor Rückschritten

Automatisierte Prüfungen für Performance und Barrierefreiheit, wo sinnvoll in Ihre CI eingebunden.

Typical engagements

Modernisierungsarbeit beginnt meist in einer dieser Situationen:

Veraltetes, aber funktionierendes Produkt

Die Anwendung erfüllt ihren Zweck, wirkt aber zehn Jahre alt. Wir frischen sie Ablauf für Ablauf auf.

Langsames Frontend

Seiten, die Sekunden brauchen, bis sie nutzbar sind. Wir analysieren, beheben und belegen den Unterschied mit Kennzahlen.

Nachbesserung der Barrierefreiheit

Ein Audit-Befund oder eine EAA-Verpflichtung, die systematische, dokumentierte Korrekturen statt Flickwerk verlangt.

Frequently asked questions

Können Sie ein Redesign umsetzen, ohne das ganze Frontend neu zu schreiben?

In der Regel ja. Die meisten Redesigns lassen sich schrittweise innerhalb der bestehenden Codebasis umsetzen. Ein Framework-Wechsel lohnt sich manchmal zusammen mit einem Redesign — aber das ist eine kalkulierte Option, die wir vorlegen, keine Voraussetzung.

Wie messen Sie Performance-Verbesserungen?

Mit den Core Web Vitals und, wo verfügbar, Messungen echter Nutzer — jeweils vor und nach der Arbeit erhoben. Sie bekommen die Zahlen, und die Methodik ist einfach genug, um sie selbst nachzuprüfen.

Gilt der European Accessibility Act für uns?

Seit Juni 2025 gilt der EAA für viele verbrauchernahe digitale Dienste in der EU. Ob und wie er auf Sie zutrifft, ist allerdings eine Rechtsfrage für Ihre Rechtsberatung. Wir liefern die technische Seite: Audits gegen die WCAG und systematische Nachbesserung, dokumentiert, damit Sie belegen können, was getan wurde.

Können Sie mit unseren vorhandenen Designern arbeiten?

Ja. Haben Sie Designer, setzen wir deren Arbeit originalgetreu um und weisen früh auf Machbarkeitsfragen hin. Haben Sie keine, übernehmen wir die Gestaltung pragmatisch — orientiert an Benutzbarkeit statt an Moden.

Sounds like your project?

Tell us what you need and we’ll reply with a clear next step: questions we’d ask, a rough scope, and an honest view of whether we’re the right fit.

Contact form