Webseite Redesign vs. Migration — IA, UX & 1.000 €

Eine Webseite kann technisch „migriert“ sein und trotzdem niemanden zur Anfrage führen: unklare Navigation, 2014er Look, mobile Chaos-Hierarchie, CTAs unter dem Fold. Redesign bei Modern Stack ist deshalb keine Kosmetik-Schicht auf dem alten CMS, sondern die UX- und Layout-Entscheidung innerhalb der Modernisierung — gekoppelt an denselben Ziel-Stack wie die WordPress-Migration. Dieser Beitrag trennt Migration-only von Redesign, erklärt Informationsarchitektur und Conversion-Pfade, zeigt wann Migration allein scheitert, und liefert Phasenplan plus Vergleichstabelle.

Wann Redesign statt nur Migration — die Entscheidungsfrage

Antwort zuerst: Nimm Redesign ab 1.000 €, wenn Look, Informationsarchitektur oder mobile Führung Anfragen blockieren; nimm Migration ab 500 €, wenn Inhalte und Struktur noch tragen und nur Technik, Speed und Wartung das Risiko sind.

Reine Migration löst Plugin-Schuld, PHP-Angriffsfläche und langsame Themes. Der Migrationspfad übernimmt Struktur und Texte möglichst 1:1 auf Next.js. Das ist richtig, wenn die Seite bereits klar kommuniziert: Angebot sichtbar, Vertrauen vorhanden, Kontaktpfad auffindbar, mobile Lesbarkeit akzeptabel.

Redesign ist richtig, wenn eines oder mehrere zutreffen:

• Die Webseite wirkt veraltet und untergräbt Vertrauen vor dem ersten Satz.
• Navigation und Seitenhierarchie spiegeln interne Abteilungen, nicht Kundensuche.
• Auf dem Smartphone sind Hero, Leistung und CTA unbrauchbar gestapelt.
• Pagebuilder-Layouts erzeugen visuelle Unruhe ohne klare Priorität.
• Conversion-Pfade (Anfrage, WhatsApp, Termin) sind versteckt oder widersprüchlich.

Dann ist Redesign Teil der Webseite-Modernisierung, nicht ein separates Agentur-Theater mit drei Workshops und einem neuen Claim. Marke bleibt; Führung wird neu gebaut.

Wann scheitert Migration allein?

Antwort zuerst: Migration allein scheitert als Geschäftsprojekt, wenn du denselben unklaren Funnel auf einem schnelleren Stack auslieferst — Besucher bleiben, Anfragen nicht.

Typische Fehlannahme: „Wenn die Seite schneller lädt, kommen automatisch mehr Anfragen.“ Schnellerer Stack hilft Core Web Vitals und Crawl-Stabilität — er repariert aber keine kaputte Story:

1. IA-Fail: Leistungen versteckt hinter Blog-Archiven; Startseite ohne klare Positionierung.
2. UX-Fail: fünf gleichwertige Menüpunkte, kein Primär-CTA, Formular drei Klicks tief.
3. Trust-Fail: Pixel-Schrift, 2012er Stockfotos, inkonsistente Abstände — signalisiert „unfertig“.
4. Mobile-Fail: Desktop-Layout nur „runterskaliert“; Buttons zu klein, Texte zu breit.
5. Conversion-Fail: Kontakt nur als mailto: ohne Kontext; keine WhatsApp-Option; Formular ohne Erwartungssicherheit.

In diesen Fällen liefert Migration technische Hygiene — und du zahlst trotzdem weiter für eine Webseite, die niemand bucht. Die richtige Antwort ist dann Migration plus Redesign (und oft später Conversion & Anfragen), nicht „noch ein Caching-Plugin“.

Was unterscheidet Redesign (1.000 €) von Migration-only (500 €)?

Antwort zuerst: Migration-only übernimmt Inhalt und sinnvolle URLs auf den Ziel-Stack; Redesign baut zusätzlich Layout-System, Typografie, Abstände, Komponenten und Nutzerführung — Branding bleibt in beiden Fällen.

Vergleichstabelle: Migration-only vs. Webseite + Redesign

Beide Pfade sitzen unter Webseite-Modernisierung. Elementor-/Divi-Sonderfälle: Elementor-Migration, Divi-Migration, Pagebuilder-Ablösung. Preise im Kontext: Preise & Pakete.

Warum Informationsarchitektur und UX im Redesign Priorität haben

Antwort zuerst: Ohne klare IA bleibt jedes neue Design nur eine schönere Verwirrung — Redesign priorisiert Hierarchie und Pfade vor Dekoration.

Informationsarchitektur beantwortet drei Fragen für jede Kernseite:

1. Was ist das Angebot? (Direct Answer im Hero / ersten Screen)
2. Warum dir vertrauen? (Beweis, Referenz, Methode — nicht Feature-Liste)
3. Was ist der nächste Schritt? (ein Primär-CTA, sekundär WhatsApp/Telefon)

UX übersetzt das in Interaktion: Scroll-Länge, Button-Hierarchie, Formularlänge, Fehlermeldungen, Sticky-Kontakt auf Mobile. Redesign bei Modern Stack heißt deshalb nicht „Farbpalette drehen“, sondern:

• Seiten zusammenführen, die denselben Intent bedienen
• Menü auf Kundensprache kürzen (Leistungen, Über uns, Kontakt — nicht interne Labels)
• Typografische Hierarchie (eine Display-Linie, klare H2/H3, lesbare Fließschrift)
• Abstands- und Komponenten-System statt Pagebuilder-Abschnitts-Zoo
• Mobile: Kernpfade Start → Leistung → Anfrage zuerst härten

Barrierefreiheit und Kontraste gehören in denselben Scope — siehe Barrierefreiheit & Modernisierung — ohne den Fokus auf Conversion zu verwässern.

Warum Conversion-Pfade Teil der Redesign-Entscheidung sind

Antwort zuerst: Redesign macht Anfragewege sichtbar und priorisiert; das Modul Conversion baut Formulare, Terminlogik und Messbarkeit — beides ergänzt sich, ersetzt einander nicht.

Im Redesign-Paket liegt typischerweise:

• ein klarer Primär-CTA in Hero und Abschluss jeder Leistungsseite
• konsistente Button-Sprache (Du-Ansprache, konkrete Handlung)
• sichtbarer WhatsApp-/Kontaktweg neben dem Formular, wo sinnvoll
• weniger visuelle Konkurrenz um denselben Fold

Nicht automatisch enthalten (dafür Conversion & Anfragen ab 500 €):

• komplexe Multi-Step-Formulare und Conditional Logic
• Terminbuchung / Kalender-Integration
• Lead-Routing, CRM-Hooks, A/B-Varianten der Funnel-Copy

Entscheidungshilfe: Wenn Besucher „nicht wissen, wohin klicken“, ist Redesign der Hebel. Wenn sie klicken, aber Formulare abbrechen oder Termine fehlen, ist Conversion der nächste Hebel. Viele Projekte brauchen beides — sequenziell, nicht als undefinierter Big-Bang.

Warum kein Pagebuilder-Facelift statt echtem Redesign?

Antwort zuerst: Facelift auf Elementor/Divi behält DOM-Schuld, Plugin-Risiken und schlechte Extrahierbarkeit — echtes Redesign entsteht auf dem Ziel-Stack.

In der AI-Readiness-Studie (6.675 Audits) laufen 69,4 % der Sites auf Legacy-CMS. Ein Facelift auf demselben Builder vererbt verschachteltes Markup, Lizenzkosten und Wartungsrisiko. Redesign bei Modern Stack passiert auf Next.js: deterministisches HTML, kontrollierte Komponenten, Core Web Vitals als Qualitätsgrenze.

Design-Tokens und Business-Look der Methode sind u. a. über Mallorca Expats / business.mallorca-expats.de nachvollziehbar — übertragen auf deine Marke, nicht kopiert als Mallorca-Content.

Redesign ohne Stack-Wechsel ist Make-up auf Legacy. Redesign mit Migration ist Infrastruktur plus Oberfläche.

Pagebuilder-Ablösung heißt: Inhalte und Hierarchie übernehmen, Markup neu bauen — siehe Pagebuilder-Ablösung und Content-Migration.

Warum Performance und Core Web Vitals Teil des Redesigns sind

Antwort zuerst: Ein „schönes“ Redesign mit schlechter LCP/INP/CLS ist Conversion- und Crawl-Risiko — Modern Stack bindet Layout an messbare Vitals.

Im internen Vergleich Next.js vs WordPress liegen typische WordPress-/Pagebuilder-LCP-Werte bei 2,5–4,0 s, während SSG/Edge-Next.js oft bei ~0,8 s landet. Google definiert Core Web Vitals (LCP, INP, CLS) als Qualitätssignale — nicht als optionales Design-Add-on.

Praktische Konsequenzen im Redesign:

• Hero-Medien: dimensioniert, priorisiert, keine layoutverschiebenden Late-Loads
• Schriften: begrenzte Familien, kontrolliertes Loading — keine Font-Zoo-Party
• Motion: Nutzen vor Theater; kein Blank-Fold durch Hide→Reveal
• Third-Party: Analytics/Consent ohne Render-Blocker-Chaos

Damit ist Redesign Geschäftsentscheidung: Vertrauen und Tempo. Rein dekorative Agentur-Layouts ohne Stack-Disziplin fallen durch dieselbe Qualitätsgrenze.

Wie läuft das Redesign phasenweise ab?

Antwort zuerst: Erfolgreiches Redesign ist ein sequenzielles Programm: Audit → IA → Tokens/Komponenten → Rebuild inkl. Migration → Staging → Cutover — nicht „Figma fertig und DNS umstellen“.

Phase 1 — Bestandsaufnahme, Branding-Assets und Conversion-Ziele

Crawl und Inventar: Seiten, Medien, Formulare, Top-URLs aus Search Console/Analytics. Branding: Logo-Dateien, Farbwerte, Schriften (falls vorhanden). Klarheit: Was ist der Primär-CTA? Welche drei Seiten müssen konvertieren? Ergebnis: Scope-Freeze für bis ca. 10 Basis-Seiten und eine priorisierte Mängelliste (Trust / IA / Mobile / Speed).

Phase 2 — Informationsarchitektur und Seitenkonsolidierung

Welche URLs bleiben 1:1? Welche Inhalte wandern in stärkere Leistungsseiten? Welche Archive sterben (mit 301)? Ziel: weniger, klarere Einstiege — nicht mehr Unterseiten um der SEO-Illusion willen. Parallel: Redirect-Vorlage anlegen, damit Ranking-Risiken später nicht improvisiert werden (Rankingverlust vermeiden).

Phase 3 — Design-Tokens, Typografie und Komponenten-System

Auf dem Ziel-Stack entstehen Tokens (Farbe, Radius, Abstände, Button-Varianten) und Komponenten (Hero, Leistungsblock, FAQ, Formular-Shell, Footer). Kein Elementor-Abschnittsklon. Orientierung an Modern-Stack-Patterns; Markenfarben/Logo bleiben. Mobile Wire der Kernpfade vor Desktop-Feinschliff.

// Prinzip: Design-Tokens → Komponenten (vereinfachtes Muster)
export const brand = {
  color: { accent: 'var(--ms-orange)', ink: '#111', paper: '#fff' },
  space: { xs: 8, sm: 12, md: 24, lg: 48 },
  type: { display: '1.75rem', body: '1.0625rem' },
}

export function PrimaryCta({ href, children }) {
  return (
    <a href={href} className="ms-btn-primary">
      {children}
    </a>
  )
}

Phase 4 — Migration + Design parallel auf Staging

Content-Migration und Layout laufen nicht nacheinander als zwei getrennte Agenturen: Inhalte landen in Komponenten, Meta/Canonicals/Schema werden gesetzt, Formulare ohne SMTP-Plugin-Ketten angebunden. Staging-Checkliste: visuelle Parität der freigegebenen Screens, Mobile der Top-3-Pfade, Formular-E2E, robots/sitemap, keine Soft-404.

Phase 5 — Freigabe, Redirect-Matrix und DNS-Cutover

Jede Mapping-Zeile wird zum 301. Soft-404 und Kettenredirects sind FAIL. Cutover mit Maintenance-Fenster; 48-Stunden-Monitoring (Verfügbarkeit, Search Console, Vitals). Ablauf-Rahmen: Ablauf Projekt. Hosting danach: Hosting nach Migration; Wartung: Wartung & Updates.

Was der Census zu Redesign und Legacy-CMS sagt

Antwort zuerst: Redesign ohne Stack-Wechsel poliert oft nur die Oberfläche; der Census zeigt, dass Legacy-CMS der Normalzustand ist — Maschinenlesbarkeit folgt nach sauberem HTML.

Benchmarks aus der Studie: Agent-Ready Ø 25/100, llms.txt 15,6 %, JSON-LD 41,9 %, Sitemap 73,5 %, robots 72,5 %, Markdown-Negotiation 0,3 %.

Redesign auf Next.js liefert deterministisches HTML und lesbare Hierarchie. Knowledge Graph, llms.txt und Conversion-Module sind die nächste Schicht — nicht Ersatz für Layout und Stack.

Wie hängt Redesign mit GEO und AI-Sichtbarkeit zusammen?

Antwort zuerst: Lesbare Hierarchie und flaches HTML stützen Extraktion und zitierfähige Passagen; Redesign ersetzt weder Knowledge Graph noch Princeton-Taktiken.

Generative Engines extrahieren Passagen — nicht ganze Pagebuilder-DIV-Wüsten. Klarere H2-Struktur, Direct-Answer-Blöcke und FAQ machen Inhalte chunkbar. Princeton GEO (Aggarwal et al., arXiv:2311.09735) zeigt, dass Zitate, Statistiken und Quellen Sichtbarkeit heben können — aber nur auf technisch extrahierbarer Basis.

Reihenfolge bei Modern Stack: Migration und/oder Redesign → optional Knowledge Graph / llms.txt → Conversion. Oberfläche und Stack zuerst, Content-Taktiken danach — sonst optimierst du Rauschen. Mehr Kontext: GEO & AI-Sichtbarkeit, Webarchitektur im KI-Zeitalter.

Was kostet Redesign — und was ist im 1.000-€-Paket?

Antwort zuerst: 1.000 € fest für Migrationsumfang plus Redesign (bis ca. 10 Seiten); reine Migration ab 500 €; Shop, Knowledge Graph und Conversion separat.

Im Redesign-Umfang typisch:

1. Technische Migration der vereinbarten Seiten (Inhalte behalten)
2. Neues Layout-System auf modernem Stack (kein Elementor-Reskin)
3. IA-Bereinigung und mobile-first Nutzerführung
4. Typografische Hierarchie und Komponenten
5. Branding-Übernahme — Logo und Markenfarben bleiben
6. Staging, Redirect-Map im Scope, Cutover-Begleitung

Nicht enthalten: neues Corporate Design von null, Foto-Shootings, dauerhafte Content-Redaktion, WooCommerce-Shops, unbegrenzte Revisionsrunden ohne Scope.

Optional danach: Conversion & Anfragen ab 500 €, Knowledge Graph 500 €. Referenzmethode: Mallorca Expats. Regionale Einstiege u. a. Bad Schönborn, Bruchsal, Kraichgau.

Entscheidungshilfe auf einen Blick

Was ändert sich für Besucher und Betreiber?

Antwort zuerst: Besucher bekommen schnellere, klarere Führung zur Anfrage; du bekommst weniger Theme-/Pagebuilder-Wartung und messbare Vitals.

Besucher: moderne Darstellung, priorisierte Inhalte, mobile Kernpfade, sichtbare CTAs. Betreiber: kein Theme-/Builder-Update-Trott, Inhalte auf wartbarer Basis, Domain und Marke bleiben. Genau der Anspruch von Modern Stack: modernisieren, nicht unnötig neu erfinden — siehe auch Handwerk-Webseite modernisieren für branchenspezifische Einstiege.

Was wir bewusst nicht tun

• Kein erzwungenes Logo-Redesign
• Kein unbegrenztes „irgendwie hübscher“ ohne Scope
• Kein Zurückfallen auf WordPress-Pagebuilder
• Kein Dark-Mode-Überraschungsdesign gegen die Marke
• Kein Claim, Redesign allein mache dich „AI-ready“ ohne Content-/Entity-Arbeit

Checkliste vor dem Kick-off

Logo (SVG/PNG), Farbwerte, Schriftlizenzen falls vorhanden, Domain-/Hosting-Zugang, Admin der Alt-Webseite, Liste kritischer Formulare, Top-20-URLs aus Search Console, bekannte Alt-URLs/Redirects, Primär-CTA und Conversion-Ziel, Klarheit Migration-only vs. Redesign, Shop ja/nein, Foto-/Medienqualität (Reuse vs. Neu). Je vollständiger das Audit, desto ruhiger Staging und Go-Live.

Kurz: Redesign ab 1.000 € ist die Entscheidung, wenn Migration allein den Funnel nicht rettet — Technik und UX zusammen, Branding bleibt. Anfrage stellen