Framequality.com – unsere eigene Website, komplett neu gebaut
Wie wir einen WordPress-Onepager durch eine schnelle, zweisprachige Website auf Deutsch und Englisch ersetzt haben: klare Leistungsseiten, echte Bilder, sorgfältige Migration.
- Kunde
- Framequality
- Beziehung
- Eigene Website
- Jahr
- 2026
- Unsere Rolle
- Konzept, Design, Texte, Entwicklung und Migrationsplanung – durch Framequality
Leistungen
- Informationsarchitektur
- UX- und Interface-Design
- Texte auf Deutsch und Englisch
- Webentwicklung
- Technisches SEO
- Migrationsplanung
Technologien
- Next.js (statische Generierung)
- TypeScript
- Tailwind CSS
- next-intl (Deutsch und Englisch)
- MDX-Inhalte
- Playwright- und axe-core-Tests
Ausgangslage
Die alte Website war ein deutscher WordPress-Onepager ohne eigene Leistungsseiten, mit Theme-Demoinhalten und drei Domains, die gleichzeitig antworteten. Sie zeigte nicht mehr, wie Framequality heute arbeitet.
Lösung
Eine neue, zweisprachige Website mit einer eigenen Seite für jede Leistung, einer klaren Struktur für Projekte und Artikel, echten Fotos statt Stockbildern und einem Weiterleitungsplan für jede alte URL.
Ergebnis
Eine schnelle, barrierearme Website auf Deutsch und Englisch, bereit für den Umzug auf framequality.com. Jede Seite ist gebaut und getestet, bevor die alte Website abgeschaltet wird.
Die Website von Framequality ist unser eigenes Projekt, kein Kundenprojekt. Wir zeigen sie, weil sie am deutlichsten macht, wie wir einen Relaunch angehen: mit einer ehrlichen Bestandsaufnahme beginnen, die Struktur planen, die Inhalte schreiben, sauber umsetzen und schützen, was in der Suche bereits funktioniert.
Ausgangslage
Die bisherige Website lief auf WordPress mit Page-Builder und gekauftem Theme. Sie bestand aus einer einzigen deutschen Seite mit Ankerlinks. Leistungen gab es nur als fünf Wörter in einer Tab-Liste, Demoinhalte des Themes waren noch veröffentlicht, und framequality.de, .org und .com lieferten dieselben Seiten aus. Das ist nicht ungewöhnlich – machte die Website aber schwer auffindbar, schwer lesbar und schwer zu pflegen.
Was entstanden ist
- Eine Seite für jede Leistung – Websites, SEO, Marketing, Branding, Foto und Video, individuelle Software und Automatisierung – jeweils mit eigenem Ziel, Ablauf und Fragen.
- Deutsch und Englisch, gleichwertig. Jede Seite gibt es in beiden Sprachen, mit übersetzten URLs und korrekten Sprachsignalen für Suchmaschinen.
- Echte Arbeit, echte Menschen. Die Website zeigt echte Kundenprojekte und den Gründer dahinter – statt Stockfotos.
- Projekte und Artikel in verständlicher Sprache, ohne erfundene Zahlen oder Kundenstimmen.
- Eine Weiterleitung für jede alte URL, damit Links und Suchmaschinen-Rankings beim Domainumzug erhalten bleiben.
Design-Entscheidungen
Eine Botschaft, ein Prinzip
Die Startseite erzählt eine Geschichte: Audit, Wachstumsplan, Umsetzung. Jeder Abschnitt folgt demselben Muster – ein kurzes Label, eine Überschrift und eine Zeile Text –, damit die Seite ruhig und leicht erfassbar bleibt. Details stehen auf den Leistungsseiten – dort, wo Interessierte sie suchen.
Schnell und barrierearm von Anfang an
Seiten werden vorab generiert und als schlankes HTML ausgeliefert. Inhalte bleiben ohne JavaScript lesbar, Animationen respektieren die Einstellung für reduzierte Bewegung, und jede Seite wird vor der Veröffentlichung mit automatisierten Barrierefreiheits- und End-to-End-Tests geprüft.
Datenschutz ohne Cookie-Wall
Jede Seite lässt sich lesen, ohne etwas zu akzeptieren. Statistik startet erst nach einem ausdrücklichen „Akzeptieren“, „Alle ablehnen“ steht gleichwertig daneben, und die Auswahl lässt sich auf jeder Seite ändern. Schriften liegen auf dem eigenen Server, Werbeskripte gibt es keine.
Was das für Kunden bedeutet
Denselben Ablauf – Bestandsaufnahme, Struktur, Inhalte, Umsetzung, Migration – nutzen wir für Relaunches unserer Kunden. Wenn Ihre Website nicht mehr zu Ihrem Unternehmen passt, zeigen wir Ihnen gern, wie wir vorgehen würden.
