Design & Frontend

Webdesign & Redesign — modernes Design, das konvertiert

Individuelle Websites in Figma entworfen und mit Tailwind CSS sauber umgesetzt — responsiv, schnell und auf Ihre Marke zugeschnitten.

Projekte ab 1.500 €

Für wen & welches Problem?

Für Unternehmen, deren Website veraltet wirkt oder auf mobilen Geräten nicht überzeugt und die einen professionellen, markengerechten Auftritt brauchen.

Ihre Website sieht veraltet aus und schreckt Interessenten ab
Auf dem Smartphone bricht das Layout auf oder lädt zu langsam
Das Design passt nicht mehr zu Ihrer Marke und Positionierung

Was wir liefern

Figma-Designkonzept

Klickbare Entwürfe für Desktop und Mobile zeigen Struktur, Text und Bildsprache, bevor eine einzige Zeile Code entsteht.

Responsive Umsetzung

Jede Komponente wird für Smartphone, Tablet und Desktop einzeln geprüft, damit Abstände, Schrift und Bilder auf keinem Gerät verrutschen.

Marken- & Bildsprache

Farbpalette, Typografie und Bildauswahl orientieren sich konsequent an Ihrem bestehenden Auftritt, damit Besucher Ihre Marke sofort wiedererkennen.

Performance & SEO

Bilder, Schriften und Skripte werden so eingebunden, dass Ladezeiten kurz bleiben und Suchmaschinen die Seitenstruktur sauber erfassen.

So läuft's ab

01

Analyse & Zieldefinition

Wir klären Zielgruppe, Wettbewerb und Ziele Ihres neuen Auftritts.

02

Wireframe & Design

Struktur und visuelles Konzept entstehen iterativ in Figma.

03

Umsetzung

Responsive Frontend-Entwicklung mit Tailwind CSS und sauberem Markup.

04

Feinschliff & Launch

Testing auf allen Geräten, dann Go-Live und Übergabe.

Technologien

Entwürfe entstehen zuerst in Figma, weil sich Layout und Bildsprache dort in Minuten korrigieren lassen statt erst im fertigen Code. Tailwind CSS 4 übernimmt die Umsetzung eins zu eins, sodass zwischen Entwurf und Frontend keine Details verloren gehen.

FigmaTailwind CSSResponsive Design

Anwendungsfälle

Website-Relaunch

Ein jahrealter Auftritt wirkt neben jüngeren Wettbewerbern unglaubwürdig — nach dem Relaunch bleiben Besucher länger und finden schneller zum Kontaktformular.

Marken-Refresh

Logo und Farben wurden bereits aufgefrischt, die Website zeigt aber noch die alte Optik — wir übertragen die neue Identität konsistent auf jede Unterseite.

Mobile-Optimierung

Navigation und Formulare brechen auf dem Smartphone, weil das Layout ursprünglich nur für Desktop gedacht war — danach funktioniert jede Interaktion auch mit dem Daumen.

Warum twentyonepixels?

Nutzerzentriert

Design, das auf Conversion und Usability einzahlt — nicht nur hübsch aussieht.

Barrierefrei (WCAG/BFSG)

Inklusive Interfaces nach WCAG 2.2 — seit Juni 2025 für viele verpflichtend.

Markenkonsistent

Ein durchgängiges Designsystem statt zusammengewürfelter Einzelseiten.

Performant umgesetzt

Schöne Interfaces, die trotzdem blitzschnell laden.

Design & Code aus einer Hand

Kein Bruch zwischen Entwurf und Umsetzung — wir gestalten und entwickeln selbst.

Alexander Seidler, Gründer · Fachinformatiker für Anwendungsentwicklung bei twentyonepixels

Alexander Seidler

Gründer · Fachinformatiker für Anwendungsentwicklung

„Jedes Projekt ist Chefsache — Sie schreiben direkt an mich."
20+ Projekte24h Antwort100% DSGVO

Häufige Fragen

Eine überschaubare Website ist in drei bis fünf Wochen umsetzbar, umfangreichere Auftritte in sechs bis zehn. Den genauen Zeitrahmen legen wir nach dem Umfang gemeinsam fest.

Sämtliche Design-Dateien gehen nach Projektabschluss vollständig in Ihr Eigentum über, inklusive aller Varianten, Komponenten und des zugehörigen Styleguides. Sie erhalten die komplette Figma-Datei mit sauber benannten Frames, geordneten Layern sowie den verwendeten Farb- und Schriftstilen, sodass Ihr Team oder eine andere Agentur ohne langes Einarbeiten daran weiterarbeiten kann. Zusätzlich übergeben wir den vollständigen Quellcode über ein Git-Repository, gegliedert nach Komponenten und Seiten. Das ist uns wichtig, weil manche Kunden schlechte Erfahrungen mit Agenturen gemacht haben, die Design-Dateien zurückhalten, um spätere Aufträge zu erzwingen. Bei uns entscheiden Sie frei, ob Anpassungen später bei uns, intern im Haus oder bei einem anderen Dienstleister entstehen. Vor der Übergabe räumen wir die Datei noch einmal auf, entfernen alte Testversionen und halten die wichtigsten Design-Entscheidungen kurz in einer Notiz fest, damit der Einstieg leichtfällt.

Selbstverständlich. Wir gestalten mobile-first, sodass Ihre Seite auf Smartphone, Tablet und Desktop gleichermaßen sauber und schnell funktioniert.

Ein bestehendes Erscheinungsbild mit eingeführtem Logo, Farben und Tonalität ist meist ein wertvoller Ausgangspunkt für die weitere Gestaltung. Zu Beginn sichten wir Ihre Marken-Richtlinien, vorhandene Unterlagen und Assets und klären gemeinsam, welche Elemente Wiedererkennungswert besitzen und welche nur aus technischen Zwängen der alten Website entstanden sind. Häufig passen Farbpalette und Logo weiterhin, während Typografie, Bildsprache oder Bedienkonzept in die Jahre gekommen sind. Darauf aufbauend entwickeln wir ein Konzept, das Ihre Identität schärft: vertraute Farben und Formen bleiben erhalten, während Kontrast, Raster und Bildwelt ein zeitgemäßes Niveau erreichen. So bleibt der Wiedererkennungswert für Bestandskunden erhalten, während neue Besucher einen professionellen, aktuellen Eindruck gewinnen. Welche Elemente sich zu bewahren lohnen, besprechen wir bereits im ersten Workshop anhand Ihrer vorhandenen Materialien.

Auf Wunsch ja. Wir unterstützen bei Bildauswahl, Bildbearbeitung und Textstruktur oder binden Ihre vorhandenen Inhalte sauber ein.

Passende Referenzen

Events / Musik

TEAL. Events – Event-Plattform

Case Study ansehen →
Festival / Musik

TEAL. Festival – Open-Air Festival

Case Study ansehen →

Verwandte Services

UI/UX Design & Prototyping

Nutzerzentriertes Interface-Design mit Fokus auf Conversion und Usability. Von Wireframes über Prototypen bis zum fertigen Design-System.

Corporate Website & Firmenpräsenz

Professionelle Unternehmenswebsites die Ihre Marke digital repräsentieren. Responsive Design, SEO-Optimierung und DSGVO-Konformität inklusive.

Landingpage-Entwicklung

Conversion-optimierte Landingpages für Kampagnen, Produktlaunches und Lead-Generierung. A/B-Testing-ready und performance-optimiert.

Bereit für Webdesign & Redesign?

Lassen Sie uns in einem kostenlosen Erstgespräch über Ihr Vorhaben sprechen.