B2B- und B2C-Websites, Webshops, Kundenportale und interne Web-Apps auf Basis von Next.js + React + TypeScript. Statische HU/EN/DE-Mehrsprachigkeit, messbare LCP unter 1,8 s auf Mobilgeräten. WordPress oder WooCommerce, wenn das Projekt es rechtfertigt.
Geschäftskontext
Typische Situationen, in denen sich ein Gespräch mit uns lohnt. Wenn mehr als eine davon zutrifft, können wir wahrscheinlich helfen.
4–5 s Ladezeit auf Mobilgeräten, Lighthouse-Wert unter 50. Das bedeutet SEO- und Conversion-Verlust zugleich. Mit statischer Generierung in Next.js liegt die mobile LCP typischerweise unter 1,8 s.
Am Desktop sieht alles gut aus, aber auf dem Smartphone fällt die Seite auseinander — dabei kommen 60–70 % des Traffics von dort. Mobile-First-Redesign, Tailwind-basiertes Responsive-System, dokumentierte Design-Tokens.
Jede Textänderung braucht einen Pull Request und ein Deployment. Marketing kann nicht eigenständig handeln. Headless-CMS (Sanity, Strapi) oder WordPress-Backend, an das Frontend angebunden, sodass Bearbeitung keine Entwickleraufgabe mehr ist.
Google findet die Website nicht; Besucher konvertieren nicht. Technisches SEO-Audit, schema.org-Markup, OpenGraph, Sitemap, robots.txt sowie A/B-testbare Landingpage-Varianten in PostHog oder GrowthBook.
Leistungen
Konkrete Ergebnisse, keine abstrakten Fähigkeiten. Dokumentation und Übergabe sind bei jeder Lieferung inbegriffen.
B2B-SaaS-Landingpages, B2C-Webshops, Kundenportale oder interne Verwaltung. App Router, RSC + Client Components, TypeScript strict. Vercel-Preview bei jedem PR, Lighthouse mindestens 90.
Sanity- oder Strapi-Backend mit Next.js-Frontend. Echtzeit-Vorschau für Redakteure, mehrsprachige Inhalte, automatische Bildoptimierung.
Individuelle Tailwind-Themes, WooCommerce-Webshops, Payment-Gateway-Integration (Stripe, Barion, OTP). Plugin-Entwicklung, sicheres Hosting, WP-CLI-Deployment.
Authentifizierung (NextAuth, Clerk oder Supabase Auth), RBAC, Audit-Log. Next.js + Tailwind Admin-UIs gegen REST- oder GraphQL-APIs. Abläufe inklusive Übergabeprotokolle.
Basierend auf next-intl, sprachbewusstes Routing, organisierte Übersetzungsschlüssel, statische Generierung pro Sprache. Jede Sprache separat indexierbar mit hreflang-Tags.
Ergebnis
Der Go-Live ist nicht das Ende, sondern eine Übergabe. Sie erhalten jedes der folgenden Artefakte, und Ihr Team kann mit allen davon arbeiten.
Next.js-App im TypeScript-Strict-Modus, ESLint- + Prettier-Konfiguration, lint-staged + Husky Pre-Commit-Hooks. Repository in Ihrer GitHub- oder GitLab-Organisation.
Farben, Abstände, Typografie als Tailwind-Konfiguration, Komponentenübersicht mit Screenshots. Storybook optional, aber verfügbar.
Vercel-Projekt-Setup, Preview-Deployment bei jedem PR, Konfiguration eigener Domains, Dokumentation der Umgebungsvariablen.
Sitemap.xml, robots.txt, schema.org-Markup (Organization, ggf. FAQPage), Vercel Analytics oder Plausible aktiviert.
Über technisches On-Page-SEO hinaus (Markup, Sitemap, Core Web Vitals) verfassen wir SEO-Texte und können bei Bedarf eine KI-gestützte Blog-Content-Pipeline aufbauen.
Desktop- + Mobile-Lighthouse und Core Web Vitals, mindestens 90 in jeder Kategorie. Regressionsprüfungen in der CI.
Leitfaden zur Inhaltsbearbeitung (CMS-Nutzung), Liste wiederverwendbarer Komponenten, Onboarding-Dokument für Entwickler.
Conversion-, Performance- und Fehlertrends aus den ersten drei Monaten, plus eine Empfehlungsliste für das nächste Quartal.
Prozess
Sechs Schritte von der Discovery bis zum Support. Die fachspezifischen Inhalte werden je Projekttyp angepasst.
Geschäftsziele, Zielgruppe, Wettbewerbsanalyse, SEO-Analyse, Informationsarchitektur.
Wireframe, hochauflösendes Figma-Design, mobiles + Desktop-UI, Design-System.
Next.js + TypeScript, agile Sprints, Code-Review, Vercel-Preview-Deploy bei jedem Pull Request.
Unit- und Integrationstests (Vitest), End-to-End-Tests (Playwright), Barrierefreiheitsprüfung, browserübergreifend.
Lighthouse-Audit, SEO-Indexierung, Monitoring (Sentry), Fehler-Tracking, Analytics-Einrichtung.
90-tägiger Post-Launch-Zyklus, Content-Updates, A/B-Tests, Feinabstimmung.
Architektur
Moderne Jamstack-Architektur: Das Frontend wird statisch generiert und über ein CDN ausgeliefert, dynamische Inhalte laufen über serverlose APIs. Skalierbar und schnell.
Client
Edge
App
Backend
Der Browser des Nutzers erhält statisches HTML und Assets vom Edge-CDN — das ist das Geheimnis der LCP unter einer Sekunde. Dynamische Inhalte (Formularübermittlung, Kundenportal, Zahlungen) laufen über Next.js Server Actions oder serverlose API-Routen.
Das Backend kann ein angebundenes CMS (Sanity, WordPress), eine eigene REST/GraphQL-API oder ein Drittanbieterdienst (Stripe, HubSpot) sein. Frontend und Backend sind nicht eng gekoppelt — muss ein Backend ausgetauscht werden, bleibt das Frontend auf dem gleichen Vertrag.
Stack
Bewährte, dokumentierte Werkzeuge. Wenn das Projekt es rechtfertigt, weichen wir davon ab — aber wir erklären immer, warum.
Integrationen
Typische Drittanbieter-Integrationen, die wir in Next.js-Projekte einbinden.
Zeitplan
Ein Next.js-Projekt mittlerer Komplexität läuft 10–12 Wochen. Eine kleine Landingpage 4–6 Wochen; eine komplexe Web-App mit Kundenportal 14–20 Wochen.
Geschäftsziel, Zielgruppe, Wettbewerb, Informationsarchitektur, finaler Umfang.
Wireframe, Hi-Fi-Figma, Design-System, mobil + Desktop.
Next.js-Entwicklung in agilen Sprints, Vercel-Preview-Deployment bei jedem PR.
Cross-Browser-Test, Accessibility-Audit (axe), Lighthouse, Inhaltsprüfung.
Domain-Umstellung, Monitoring aktiv, SEO-Indexierung, Analytics-Validierung.
Grenzen
Es ist ehrlicher, das von Anfang an klarzustellen. Bestimmte Arbeiten übernehmen wir bewusst nicht — entweder entspricht es nicht unserem Profil, oder wir könnten es nicht in der Qualität liefern, für die wir unseren Namen einsetzen würden.
Wenn Sie eine fertige Website plus Hosting und kleinere Wartung benötigen, ist ein dedizierter Hosting-Partner besser geeignet. Wir arbeiten in der Kombination Build + 90 Tage Nachbetreuung.
Spieleentwicklung ist ein eigenes Handwerk — andere machen das besser. Und wir erstellen keine Angebote für illegale oder ethisch bedenkliche Projekte, unabhängig vom Budget.
Erste Woche
Eine einseitige Landingpage ist in 1–3 Tagen live. Der folgende Zeitplan gilt für komplexe — mehrseitige, integrationsintensive — Projekte.
Montag
60 Minuten — Geschäftsziel, Stakeholder, Erfolgskennzahl. Onboarding-Paket wird übergeben.
Dienstag
Markenmaterial, bestehende Inhalte, Tonalität, grundlegende SEO-Keyword-Recherche.
Mittwoch
Domain, DNS, aktuelle Plattform, Analytics-Zugriff, Integrationspartner.
Donnerstag
Informationsarchitektur, wichtigste Nutzerflüsse, erste Wireframe-Skizze.
Freitag
Ein 10–12-wöchiger Ablaufplan, Meilensteine, Entscheidungspunkte, Umfangsverfeinerung.
Preise
Drei Zusammenarbeitsmodelle. Jedes erhält nach der Discovery-Phase einen präzisen Umfang — konkrete Zahlen folgen, sobald wir das Projekt gesehen haben.
Nach der Discovery-Phase Festpreis und fester Termin. Klares Scope-Dokument, Change-Request-Prozess, meilensteinbasierte Lieferung. Go-Live-Termin im Voraus fixiert.
Ideal, wenn
Marketing-Website, Broschüren-Website, Webshop mit Kernfunktionen, B2B-SaaS-Landingpage.
Wöchentliche oder zweiwöchentliche Sprints, transparente Zeiterfassung, priorisiertes Backlog. Skalierbare Teamgröße, flexibler Umfang.
Ideal, wenn
Kundenportale, interne Verwaltung, B2B-SaaS-Produkte mit sich entwickelndem Umfang.
Monatliche feste Kapazität (z. B. 40–80 Stunden), SLA-ähnliche Ticketbearbeitung, kleinere Feature-Arbeiten und Fehlerbehebungen. Planbare monatliche Kosten.
Ideal, wenn
Wartung nach dem Launch, kleinere Feature-Arbeiten, Pflege von Content-Websites.
Rechner
5 Fragen, 60 Sekunden — eine indikative Preisspanne für Ihr eigenes Projekt.
Fallstudien
Anonymisierte Fälle, die zu diesem Bereich passen. Detaillierte Beschreibungen werden auf Basis unserer Projektunterlagen erstellt.
FAQ
Nächster Schritt
Konkreter Umfang, transparente Preise, dokumentierte Lieferung. Das erste 30-minütige Gespräch ist kostenlos, und nach einer NDA teilen wir konkrete Zahlen.