Redesign-Studio für bestehende Websites

Redesign statt Relaunch.

AVOOR wertet bestehende Websites auf — strategisch, gestalterisch und technisch. Wir behalten, was trägt, und ersetzen konsequent, was Wirkung kostet.

Aufbau ansehen

Scrollen

1,5 s LCP-Budget
AA WCAG 2.1
kB Framework

Zielwerte, die wir je Projekt vereinbaren und messen.

01 / Ausgangslage

Selten fehlt
Inhalt.
Meistens fehlt
Führung.

Die meisten Seiten, die wir übernehmen, sind nicht schlecht gemacht. Sie sind gewachsen. Über Jahre kamen Unterseiten, Botschaften und Sonderfälle dazu — und mit ihnen der Punkt, an dem niemand mehr beantworten kann, was die Seite eigentlich auslösen soll.

Ein Redesign beginnt deshalb bei uns nicht mit Gestaltung, sondern mit dieser Frage.

Wiederkehrende Befunde

  • Die Startseite erklärt das Unternehmen, aber nicht das Angebot.
  • Drei Botschaften konkurrieren um dieselbe Aufmerksamkeit.
  • Der wichtigste nächste Schritt ist nirgends eindeutig benannt.
  • Die Gestaltung ist austauschbar — sie könnte jedem Wettbewerber gehören.
  • Mobil funktioniert die Seite, aber sie überzeugt nicht.
  • Ladezeit und Barrierefreiheit wurden nie gemessen.
Eine Website wird selten schlechter. Sie wird unschärfer.
AVOOR — Arbeitsprinzip

02 / Redesign im Aufbau

Ein Redesign entsteht
in Schichten.

01 — Structure. Zuerst steht das Gerüst: Raster, Seitenaufbau und Platzhalter. Noch ohne Gestaltung, aber mit klarer Hierarchie.

  1. 01 Structure
  2. 02 Identity
  3. 03 Motion
  4. 04 Conversion

03 / Gestaltungsrichtungen

Zwei Richtungen,
zwei Haltungen.

Beide Entwürfe sind eigene Konzeptstudien von AVOOR — keine Kundenprojekte. Sie zeigen, wie unterschiedlich ein Redesign ausfällt, wenn Positionierung und Zielgruppe sich unterscheiden.

Nordform Leistungen · Projekte · Büro

Tragfähig
geplant.

Statik · Bestand · Prüfung
Editorial · Hell 01
Concept Direction 01

Fachplanung
im Bestand

Ein Ingenieurbüro, dessen Stärke Präzision ist. Die Gestaltung übernimmt diese Haltung: strenges Raster, ruhige Flächen, Typografie als einziges Ausdrucksmittel. Keine Effekte, die von der Sache ablenken.

Branche
Technische Fachplanung
Register
Editorial, hell, streng
Typografie
Helvetica, ein Schnitt
Zielhandlung
Projektanfrage
Signal Produkt · Preise · Demo

Daten,
die führen.

Signalhaft · Dunkel 02
Concept Direction 02

B2B-Software mit
Erklärungsbedarf

Ein Produkt, das man zeigen muss, damit es verstanden wird. Dunkler Grundton, Licht als Mittel der Hierarchie, Daten als visuelles Motiv. Bewegung erklärt hier Zusammenhänge, statt sie zu schmücken.

Branche
B2B-Software
Register
Dunkel, signalhaft
Typografie
Helvetica, zwei Schnitte
Zielhandlung
Demo-Anfrage

04 / Leistungen

Vier Arbeiten.
Ein Ergebnis.

In der Regel als vollständiges Redesign. Einzelne Bausteine sind möglich, wenn intern bereits Vorarbeit geleistet wurde.

01

Analyse &
Positionierung

Wir messen den Ist-Zustand: Struktur, Botschaft, Nutzerführung, Ladezeit, Barrierefreiheit. Am Ende steht kein Gefühl, sondern eine priorisierte Liste.

  • Audit
  • Analytics-Auswertung
  • Wettbewerbsvergleich
  • Zieldefinition
02

Struktur &
Inhalt

Seitenarchitektur, Navigation und Textgerüst entstehen vor dem Design. Wer die Reihenfolge umdreht, gestaltet Behauptungen.

  • Informationsarchitektur
  • Wireframes
  • Textstruktur
  • SEO-Grundlagen
03

Art Direction &
Interface

Ein visuelles System aus Typografie, Farbe, Raster und Bewegung — dokumentiert, damit es nach der Übergabe nicht zerfällt.

  • Design-System
  • Komponenten
  • Motion
  • Prototyp
04

Entwicklung &
Übergabe

Sauberes HTML, CSS und JavaScript — ohne System-Overhead, den niemand pflegen will. Inklusive Messung, Dokumentation und Einweisung des Teams.

  • Frontend
  • Performance-Budget
  • WCAG 2.1 AA
  • Übergabe

05 / Vorgehen

Vier Schritte.
Keine Überraschungen.

Jeder Schritt endet mit einem Ergebnis, das Sie ansehen und entscheiden können. Kein Abschnitt beginnt, bevor der vorherige freigegeben ist.

01

Verstehen

Kick-off, Zugriff auf bestehende Daten und Gespräche mit den Menschen, die die Seite täglich betreuen.

1 Woche
02

Ordnen

Struktur, Positionierung und der Weg zur wichtigsten Handlung. Freigabe vor dem ersten Entwurf.

1–2 Wochen
03

Gestalten

Art Direction, Design-System und ein interaktiver Prototyp der Kernseiten — nicht nur Bilder.

2–3 Wochen
04

Entwickeln

Umsetzung, Messung gegen das vereinbarte Performance-Budget, Übergabe mit Dokumentation.

2–4 Wochen

06 / Standard

Woran Sie uns
messen können.

Diese vier Punkte stehen in jedem Angebot. Werden sie nicht erreicht, arbeiten wir nach, bevor abgerechnet wird.

≤ 1,5 s

Largest Contentful Paint

Gemessen auf einer gedrosselten Mobilverbindung — nicht auf dem Entwicklerrechner.

WCAG 2.1 AA

Barrierefreiheit

Kontraste, Tastaturbedienung und sichtbare Fokuszustände sind Teil der Abnahme, kein Nachtrag.

0

Unnötige Abhängigkeiten

Kein Framework, das Sie nicht brauchen. Was wir einsetzen, begründen wir schriftlich.

100 %

Eigentum am Ergebnis

Quellcode, Design-Dateien und Dokumentation gehören nach der Übergabe Ihnen.

07 / Kontakt

Zeigen Sie uns
die aktuelle Seite.

Sie bekommen eine ehrliche Einschätzung: was trägt, was bremst und was ein Redesign realistisch verändern würde. Vier Wege — suchen Sie sich den bequemsten aus.

  • 01

    Adresse eingeben und in rund zwölf Sekunden eine technische Ersteinschätzung mit priorisierten Befunden erhalten.

    Kostenlos · ohne Anmeldung
  • 02

    Sieben Fragen, keine Uploads. Sie bekommen sofort einen Kostenrahmen mit Dauer und Leistungsumfang.

    Rund zwei Minuten
  • 03

    Anliegen schildern

    Vier Felder, abgesendet ohne Umweg über Ihr Mailprogramm. Am besten mit der Adresse Ihrer aktuellen Seite.

    Antwort in zwei Werktagen
  • 04

    WhatsApp

    Kurze Rückfrage im Chat, ohne Termin und ohne Formular — direkt an +49 1520 8442425.

    Rund um die Uhr geöffnet

Was in die erste Nachricht gehört

  • Adresse der bestehenden Website
  • Was die Seite künftig auslösen soll — Anfragen, Bewerbungen, Verkäufe
  • Was intern selbst gepflegt werden können muss
  • Ein grober Zeitrahmen

Website-Schnellcheck

Technische Ersteinschätzung

Was bremst Ihre aktuelle Website?

Wir prüfen Struktur, Botschaft, Nutzerführung, technische Ladezeit und grundlegende Barrierefreiheit. Das Ergebnis bleibt eine Ersteinschätzung — keine automatisch erzeugte Verkaufsbehauptung.

Keine Registrierung. Die Seite wird einmalig technisch abgerufen; der Inhalt wird weder gespeichert noch veröffentlicht.

Projekt einschätzen

Schritt 1 von 8

Anliegen schildern

Vier Felder, zwei Minuten