// SERVICE 13 — WEBDESIGN
Design, das den Kontakt mit einem echten Browser übersteht.
Produktives Interface-Engineering aus Ihren Design-Layouts oder funktionalen Spezifikationen. Von der ersten Zeile an an ein Performance-Budget gebunden: responsive Architekturen, semantische Barrierefreiheit und eine verifizierte Instrumentierung der Tracking-Schicht.
✓ 326 SEO-Seiten für Cariva ausgeliefert · ✓ Laravel-→-Next.js-Migration ohne Ranking-Verlust · ✓ diese Website: Lighthouse SEO 100, CLS 0,00
- Architekturfokus
- Full-Stack-Verantwortung: App-Router-Architektur, Rendering-Strategie pro Route, regressionsfreie Deployments
- System-Benchmark
- Produktivsite mit durchgesetztem Core-Web-Vitals-Budget
- Verifikationsstufen
- Vitest-Suites, Lighthouse-CI-Budgetprüfungen, Playwright-axe-Regressionstests zur Barrierefreiheit
// TECHNISCHE VERANTWORTUNG
Was heißt „richtig gebaut" hier konkret?
Aufgebaut um Ihre Inhalte, nicht aus einem Template
Das Layout wird um das festgelegt, was Sie tatsächlich sagen müssen, bevor eine Zeile Code existiert, ob es von Ihrem Designer kommt oder aus einer Struktur, die wir gemeinsam festlegen. Kein gekauftes Theme, das zurechtgebogen wird, und keine Seite, die nur mit dem Demo-Text gut aussieht.
Mobile-first, weil Ihr Traffic es auch ist
Das Smartphone-Layout wird zuerst festgelegt und als das eigentliche Layout gebaut, nicht als gestauchte Desktop-Version. Tap-Flächen, Daumenreichweite und Lesebreite werden bewusst in der Größe entschieden, die die meisten Ihrer Besucher nutzen.
Ein Performance-Budget, vereinbart vor Baubeginn
Hero-Bilder, Schriften und Animationen werden gegen ein Core-Web-Vitals-Budget gewählt, das bei jedem Deploy geprüft wird. Deshalb kann eine gut aussehende Website LCP trotzdem unter 2,5s halten, statt Optik gegen Ladezeit zu tauschen.
Barrierefrei durch Konstruktion
Semantische Überschriften, echte Kontrastwerte, sichtbare Fokus-Zustände, Tastaturpfade und korrekte Beschriftung, geprüft mit axe DevTools. Das erweitert, wer bei Ihnen kaufen kann — und Suchmaschinen lesen es als Struktur.
Suchstruktur eingebaut, nicht angeschraubt
Seitentitel, Überschriftenhierarchie, interne Verlinkung, Schema und kanonische URLs werden beim Bau der Website entschieden, damit sie ab dem Launch gefunden wird und nicht erst nach einem separaten SEO-Projekt.
Entkoppelte Headless-Datenpipelines und typsichere Schema-Ebenen
Inhalte werden als typisiertes Schema modelliert und über eine entkoppelte Datenschicht gelesen, sodass eine Textaenderung ein Content-Vorgang ist und kein Deployment. Ihr Team pflegt im CMS, und die Typen verhindern, dass eine fehlerhafte Struktur die Seite erreicht.
Ein Designsystem, kein Stapel Seiten
Typo-Skala, Abstände, Farben und Komponenten werden einmal definiert und wiederverwendet, damit die fünfte Seite noch wie die erste aussieht und eine sechste im nächsten Jahr kein Redesign erfordert.
Messung, die am Launch-Tag funktioniert
Analytics und Consent sind vor dem Launch im Staging verdrahtet und verifiziert, damit Sie sehen, was die neue Website tatsächlich verändert hat, statt es aus einer Lücke in den Daten zu raten.
// ABLAUF
Wie funktioniert es?
- 1
Das Geschäft verstehen
Ich gehe durch, was Sie verkaufen, wer es kauft und was in diesem Gespräch üblicherweise schiefgeht, und wir legen fest, was die Website leisten muss, bevor ein Layout gezeichnet wird.
- 2
Struktur vor Gestaltung
Wir klären Seitenliste, Reihenfolge der Abschnitte und die Worte, die jeden davon tragen. Hier falsch abzubiegen lässt Relaunches scheitern — und in dieser Phase ist die Korrektur billig.
- 3
Die zentralen Seiten festlegen
Wir legen die wichtigen Templates fest (Startseite, Leistung, Kontakt) für Smartphone- und Desktop-Breite, und Sie prüfen echte Layouts mit echten Texten statt Blindtext. Haben Sie einen Designer, kommen hier dessen Dateien ins Spiel, und ich setze sie um.
- 4
Gegen das Budget bauen
Das freigegebene Design wird in Next.js gegen Performance- und Barrierefreiheits-Budgets umgesetzt, die bei jedem Deploy geprüft werden, damit nichts zwischen Abnahme und Launch still zurückfällt.
- 5
Launch und Übergabe
Weiterleitungen, Analytics, Such-Setup und eine schriftliche Baseline zu Performance und Barrierefreiheit, dazu eine Einweisung in die Teile, die Sie selbst pflegen.
// NACHWEIS
Wo habe ich das produktiv betrieben?
Die Migration von Thrifty Car Rental UAE von PHP Laravel zu Next.js bedeutete, die kundenseitigen Seiten neu aufzubauen, ohne beim Umstieg ein einziges Ranking zu verlieren, ein Umbau unter der härtesten denkbaren Bedingung, weil der Traffic bereits da war und verloren gehen konnte. Für Cariva habe ich 326 SEO-Seiten auf einem Designsystem ausgeliefert, dieselbe Disziplin in der Menge: die Struktur einmal entscheiden und sie dann über jede weitere Seite tragen lassen.
// TOOL-STACK
Welche Tools nutze ich?
Dieselben Tools, mit denen ich auch Ihre Website prüfe.
// FAQ
Was sollten Sie über meine Arbeitsweise dabei wissen?
Beides funktioniert. Haben Sie einen Designer, schicken Sie mir die Dateien, und ich setze sie exakt um, genau hier verlieren die meisten Projekte an Qualität: Ein Entwickler interpretiert ein statisches Mockup neu, und das Ergebnis kommt nah heran, ist es aber nicht. Haben Sie keinen, legen wir gemeinsam zuerst Struktur und Layout fest, und ich baue darauf auf. So oder so schreibe ich den gesamten Produktivcode selbst, damit das, was Sie freigeben, auch live geht.
Drei bis acht Wochen für die meisten Unternehmenswebsites, von Anfang bis Ende. Die Spanne hängt vor allem an den Inhalten: Liegen Texte und Bilder vor, landet es am kurzen Ende; entstehen sie unterwegs, am langen. Nach dem ersten Gespräch sage ich Ihnen, in welchem Fall Sie sind.
Nicht bei Neuentwicklungen. Ich baue mit Next.js, deshalb halten diese Websites ihre Performance-Werte unter echtem Traffic, statt mit wachsender Plugin-Zahl abzurutschen. Läuft Ihr WordPress und funktioniert es, sage ich das, statt Ihnen einen Neubau zu verkaufen. Wollen Sie davon weg, gilt dieselbe Redirect-Disziplin, mit der ich einen PHP-Laravel-Storefront ohne Ranking-Verlust nach Next.js gebracht habe.
Ja. Texte, Bilder und Seitenabschnitte liegen in einem CMS, und Sie bekommen eine schriftliche Anleitung für die Änderungen, die Sie tatsächlich vornehmen werden. Was ich nicht übergebe, ist ein Baukasten, mit dem sich Layout oder Performance-Budget still zerstören lassen.
Sollte es nicht, und das zu verhindern ist ein eigener Teil der Arbeit: URL-Mapping, Weiterleitungen, Überschriftenstruktur und Schema werden vor dem Launch geplant statt danach repariert. Ich habe eine produktive PHP-Laravel-Landschaft ohne Ranking-Verlust nach Next.js überführt, dasselbe Problem unter mehr Druck.
Ein Gespräch über das Geschäft, vorhandene Markenmaterialien, Zugang zur aktuellen Website und deren Analytics, falls es sie gibt, und eine Person auf Ihrer Seite, die entscheiden darf. Fehlende Inhalte sind normal und kein Hindernis — wir planen darum herum.
Ja. Ich sitze in Dubai und übernehme Projekte remote in den VAE, Europa, Großbritannien und Indien. Reviews laufen über Figma und Calls: Der Standort ändert die Zeitzonen-Überlappung und sonst nichts am Projektablauf.
// WEITER STÖBERN
Welche Leistungen ergänzen diese?
Next.js-Entwicklung
Produktive Next.js-Builds von einem Senior-Entwickler: App Router, Server Components, Rendering pro Route und Core-Web-Vitals-Budgets ab dem ersten Commit.
E-Commerce-Entwicklung
Individuelle Next.js- und Node.js-Shops: Katalog, Checkout, Payment-Gateways für die VAE, Product-Schema und Umsatz-Tracking, das zu Ihrer Bestelltabelle passt.
SEO-sichere Migration & Relaunch
Plattformwechsel ohne Ranking-Verluste: vollständiges Redirect-Mapping, Metadaten-Parität, CWV-Zielwerte, Launch-QA und 30 Tage Monitoring.
// OFFEN FÜR NEUE ROLLEN