H-Studio logo
Projekt starten
Berlin Studio · Next.js Website-Agentur

Schnelle, sichere Websites
auf modernem Next.js-Stack.

Von der kompakten Marken-Site bis zum vollständigen B2B-Lead-System — gebaut mit Next.js und Headless-CMS, ohne WordPress-Plugins und ohne Theme-Lock-in. Für B2B-Unternehmen, SaaS-Teams und beratungsintensive Services, die Performance, SEO, CRM und saubere technische Kontrolle brauchen. Kompakte Starter-Site auf Anfrage auch für Premium-Services verfügbar.

Kostenlose Ersteinschätzung innerhalb eines Werktags
B2B Marken-Sites · SaaS-Produktseiten · Lead-Systeme · Relaunches · Headless CMS· Berlin · DACH · EU-Hosting
Stack
Next.js · Headless CMS · Vercel · CRM · Server-side Analytics
Performance
Lighthouse 90+ target · Core Web Vitals-first
Startbudget
B2B Marken-Site ab €6,5k · Lead-System ab €15k · Starter auf Anfrage
Antwort
innerhalb eines Werktags · Berlin-Zeit
Vertrauen von Gründer:innen und Mittelstand in DACH
My Office AsiaForschungsmittelVulken FMGRIDWenzelFolluMy Office AsiaForschungsmittelVulken FMGRIDWenzelFollu
Was wir bauen · 01

Von der Starter-Site bis zum Lead-System.

Vier Web-Typen, die wir produktionsreif bauen — vom schnellen Auftritt für lokale Services bis zum messbaren B2B-Lead-Kanal mit CRM, Tracking und Consent.

01

Compact Starter

Kompakter Auftritt für Premium-Services und Mittelstand-Solos: 3 Seiten, eine Sprache, Standard-Vorlage. Erweiterbar auf die volle Marken-Site, sobald das Projekt wächst.

  • 3 Seiten · 1 Sprache
  • Standard-Vorlage
  • Erweiterbar & sauber gehostet
02

B2B Marken-Site

Schnelle Marken-Website mit Lead-Strecken, Headless-CMS und mehrsprachiger Struktur. Für Mittelstand-Unternehmen, die nicht mehr von ihrer Agentur abhängen wollen.

  • Mehrsprachig DE/EN
  • Headless CMS
  • HubSpot / Pipedrive
03

SaaS & Lead-System

Produkt-Site mit Pricing-Page, Use-Case-Funnels, Programmatic SEO und A/B-Setups, vollständig an CRM und Analytics angebunden.

  • Programmatic SEO
  • A/B Landingpages
  • CRM & Server-side Analytics
04

Relaunch & Migration

Migration von WordPress, Webflow oder einem langsamen Custom-Setup auf Next.js — mit URL-Mapping, 301-Redirects und Ranking-Monitoring nach Launch.

  • URL- & SEO-Migration
  • Content in Headless CMS
  • 60+ Tage Ranking-Monitoring
Passt das zu Ihrem Website-Projekt? · 02

Wir bauen Websites mit Next.js — nicht in WordPress-Themes.

Unser Stack ist Next.js mit Headless-CMS, weil das für Performance, SEO und CRM-Integration heute der saubere Weg ist. Wenn Sie explizit WordPress oder ein Page-Builder-Tool wollen, sind wir nicht der richtige Partner.

Gut passend, wenn
  • Sie ein B2B-Mittelständler, ein SaaS-Team oder ein beratungsintensives Unternehmen sind — und eine schnelle, ehrliche Website mit Lead-Funktion brauchen.
  • Sie von WordPress, Wix, Squarespace oder einem langsamen Custom-Setup wegmöchten.
  • Ihre Website Leads messen, qualifizieren und an CRM-Prozesse übergeben soll.
  • Ihr Team Inhalte selbst pflegen will — über ein Headless-CMS, ohne Entwickler-Ticket.
Weniger geeignet, wenn
  • Sie explizit eine WordPress-Site oder ein Theme-Setup bauen lassen möchten.
  • Sie nur ein bestehendes Plugin oder Theme reparieren wollen — dafür gibt es bessere WordPress-Spezialisten.
  • Sie nur ein Figma-Design ohne technische Umsetzung suchen — wir liefern Code, nicht reine Designs.
Warum Next.js · 03

Eine gute Website ist Engineering-Arbeit.
Kein Drag-&-Drop-Projekt.

Performance, SEO, Conversion und Compliance entstehen nicht durch Theme-Anpassungen — sondern durch saubere Architektur, durchdachte Rendering-Strategien und integrierte Lead-Pfade.

01

Performance & Core Web Vitals

SSR/ISR-Rendering, Edge-Caching, optimierte Bilder, smarte Bundles. Lighthouse 90+ ist nicht Wunsch, sondern Standard.

02

SEO & Programmatic

Saubere Indexierung, strukturierte Daten, Sitemap-Logik, hreflang, programmatic landing pages für Long-Tail-Traffic.

03

CRM & Lead Routing

Formulare landen nicht in einer Mailbox, sondern direkt in HubSpot, Pipedrive, Salesforce — mit UTM-Attribution und Webhook-Validierung.

04

Consent & DSGVO

Echte EU-Compliance: Consent-Mode, server-side GA4, EU-Hosting, sauberes Cookie-Banner. Nicht „ein Plugin installiert".

05

Skalierbares CMS

Headless-CMS (Sanity, Strapi, Contentful) für Ihren Marketing-Workflow. Neue Pages und Cases ohne Entwickler-Ticket.

Vergleich · Wo wir reinpassen

Next.js-Studio vs. die üblichen Alternativen.

Qualitative Übersicht — typische Konstellationen, keine starren Aussagen. Welches Modell für Sie passt, hängt von Scope, Pflegeaufwand und Performance-Anspruch ab.

WordPress-AgenturWebflow-StudioFreelancerH-Studio
StackWordPress + PluginsWebflow Page-BuilderVariabelNext.js + Headless CMS
Performance & Core Web VitalsPlugin-abhängigTheme-abhängigVariabelBuilt-in Priorität
CRM- & Analytics-IntegrationPluginsManuellVariabelStandard
Laufende Lizenz-/Plugin-KostenWiederkehrendMonatlich (Webflow)VariabelKeine
Migrations- & SEO-SicherheitVariabelEingeschränktVariabelURL-Mapping inklusive
Fördermittel-CheckSeltenSeltenNeinAuf Wunsch

Qualitative Einordnung typischer Branchenmuster. Konkrete Anbieter und Konditionen können abweichen.

Pakete & Preise · 04

Vier klare Pakete. Festpreise.
Was geliefert wird, wissen Sie vorher.

Drei Hauptpakete für B2B Marken-Sites, Lead-Systeme und Relaunch-Projekte plus ein kompakter Starter für sehr einfache Projekte. Custom Add-ons (Programmatic SEO, CMS-Schulung, A/B-Setups) lassen sich nach Bedarf dazubuchen.

Paket 01 · 2–3 Wochen

Compact Next.js Site

ab €2.900
  • 3 Seiten · 1 Sprache
  • Texte & Bilder vom Kunden
  • Kein individuelles Branding · Standard-Vorlage
  • Kein CRM, kein komplexer SEO-Relaunch

Kompakter Auftritt für Premium-Services und Mittelstand-Solos, die bewusst klein starten wollen. Erweiterbar auf Marken-Site, wenn das Projekt wächst.

Festpreis vorab — wenn das Briefing-Gespräch nicht passt, gehen Sie ohne weitere Bindung.
Empfohlen
Paket 02 · 4–6 Wochen

B2B Marken-Site

ab €6.500
  • 5–8 strukturierte Seiten · DE/EN
  • Headless CMS (Sanity / Strapi)
  • Performance & SEO-Basis
  • Formular → CRM Integration

Marken-Site mit echter Performance — für B2B-Unternehmen, die ihre WordPress-Vergangenheit hinter sich lassen wollen.

Fördermittel-Check auf Wunsch
Paket 03 · 6–10 Wochen

Lead-Generation-System

ab €15.000
  • Marken-Site & Funnel-Architektur
  • Mehrere Landingpages (Templates)
  • Closed-Loop Reporting
  • Programmatic SEO Setup

Eine Website, die Leads bringt, misst und qualifiziert — nicht nur aussieht. Ideal für SaaS, Beratung und beratungsintensive Services.

Fördermittel-Check auf Wunsch
Paket 04 · 8–12 Wochen

Relaunch & Migration

individuell
  • Audit der bestehenden Site
  • URL- & SEO-Migration ohne Traffic-Verlust
  • Content-Migration in neues CMS
  • Performance & Compliance Upgrade

Komplette Übersetzung Ihrer alten WordPress- oder Custom-Site in einen Next.js-Stack — mit erhaltenen Rankings.

Technische Projektbeschreibung auf Wunsch
Laufende Kosten · Was bleibt nach dem Launch

Weniger monatlich. Mehr Kontrolle.

Eine typische WordPress-Site läuft mit mehreren wiederkehrenden Abos und regelmäßigem Wartungsaufwand. Bei einem Next.js-Setup können für kleine Sites Vercel- und Sanity-Free-Tiers ausreichen — bei höherem Traffic, Team-Nutzung oder erweiterten Anforderungen werden kostenpflichtige Pläne sinnvoll.

WordPress + Plugins
  • HostingWiederkehrend, je nach Anbieter
  • CMS-LizenzTheme- & Plugin-Abos üblich
  • Plugin-AbhängigkeitenMehrere, regelmäßig zu aktualisieren
  • Wartung & UpdatesPlugin-Updates, oft wöchentlich
  • WartungsvertragÜblicherweise erforderlich
Next.js bei H-Studio
  • HostingVercel Free Tier oft ausreichend
  • CMS-LizenzHäufig ohne CMS-Lizenzkosten im Start-Setup
  • Plugin-AbhängigkeitenKeine
  • Wartung & UpdatesWeniger Plugin-Wartung, kontrollierte Dependencies
  • WartungsvertragSelten nötig

Qualitative Einordnung typischer Setups. Konkrete Hosting- und CMS-Kosten hängen von Traffic, Team-Größe und Funktionsumfang ab.

Ablauf · Wie es konkret läuft

Vier bis sechs Wochen, klare Schritte.

Beispielablauf für eine B2B Marken-Site — Starter Site folgt dem gleichen Muster, kompakter. Jeder Schritt hat ein definiertes Ergebnis und wöchentliche Reviews.

  1. Tag 1
    Kickoff, Ziele & Funnel-Workshop
  2. Woche 1
    Sitemap, Inhaltsstruktur, Tech-Setup
  3. Woche 2
    Wireframes & UI-Konzept
  4. Woche 3–4
    Build mit wöchentlichen Demos
  5. Woche 5
    CMS-Schulung, QA & SEO-Check
  6. Woche 6
    Launch & Übergabe an Ihr Team
Inhalte selbst pflegen · Ohne Entwickler-Ticket

So pflegen Sie Texte, Preise und Bilder selbst.

Ihr Marketing-Team arbeitet in einem klaren CMS-Backend mit Live-Preview — keine HTML-Kenntnisse, kein monatlicher Wartungsvertrag, kein Plugin-Update-Stress. So sieht es konkret aus:

  • Texte, Bilder und Preise ändern wie in einem normalen Editor.
  • Live-Preview vor dem Veröffentlichen — Sie sehen genau, was online geht.
  • Mehrsprachig pflegen (DE/EN) in einer einheitlichen Oberfläche.
  • Rollen & Freigaben — Redakteur:innen können vorbereiten, Sie geben frei.

Sanity Studio · Strapi · Contentful — Sie wählen, wir richten ein

Content
Startseite
Leistungen
Über uns
Kontakt
Startseite
TitelWillkommen in unserer Praxis
UntertitelTermine online buchen — direkt & ohne Anruf
Hauptbildhero-praxis-empfang.webp
Patrick, Co-Founder und Project Lead bei H-Studio Berlin
Patrick · Co-Founder & Project Lead
Senior-led · 05

Ein fester Ansprechpartner für Ihr Website-Projekt.

H-Studio Berlin ist kein Web-Designer und keine klassische Marketing-Agentur. Wir sind ein Engineering-Studio, das Websites als Produkte versteht: mit Architektur, Performance-Budget, sauberem CMS und gemessenen Lead-Pfaden.

Hinter jedem Projekt steht ein Senior Engineer als Tech-Lead, der den Code schreibt und die Architektur verantwortet. Patrick ist Ihr fester Ansprechpartner von der ersten Skizze bis zum Launch — er koordiniert Reviews, klärt Anforderungen mit dem Engineering-Team und sorgt dafür, dass Sie nie in einer Account-Manager-Kette landen.

Wir nehmen pro Quartal eine begrenzte Zahl an Website-Projekten an, damit jedes von ihnen die volle Aufmerksamkeit bekommt. Wenn Ihr Projekt passt, bekommen Sie ein klares Angebot mit Festpreis, Datum und Lieferumfang.

· Berlin· EU-Hosting· DSGVO & Consent
Stimmen · 06

Was Kunden über die Zusammenarbeit sagen.

Haben mein Problem schnell verstanden, Lösungen für die Webseite entwickelt und extrem schnell geliefert. Ich bin sehr zufrieden. Anscheinend arbeiten sie bei H-Studio rund um die Uhr, so schnell geht es.
Benjamin RadermacherGoogle ★
Forschungsmittel · Berlin, DE
Ich habe mit H-Studio zusammengearbeitet, um die internen Prozesse meiner Zahnklinik zu strukturieren. Sie haben sich die Zeit genommen, die Klinik wirklich zu verstehen, bestehende Prozesse zu analysieren und eine klare Struktur über interne Systeme und Workflows zu bauen. Die Klinik läuft jetzt deutlich runder, der operative Druck ist gesunken.
Dr. Houman HémmatGoogle ★
Bio-Aesthetics · Berlin, DE
Die Zusammenarbeit mit H-Studio war wertvoll, weil sie das Produkt als System verstanden haben — nicht nur als Website oder Interface. Sie haben die Herausforderungen einer datenintensiven Plattform schnell erfasst und konnten Architektur, User-Flows, Integrationen und langfristige Wartbarkeit klar besprechen.
Moritz Maurer
GRID Company · Powering Esports with Official Game Data

Kundenstimmen spiegeln individuelle Erfahrungen und Projektumfänge wider. Ergebnisse können je nach Anforderungen und Kontext variieren.

Cases · 07

Websites, die wir gebaut haben — vom lokalen Service bis zur Enterprise-Plattform.

Alle Cases →
FAQ · 08

Was uns am
häufigsten gefragt wird.

Lohnt sich Next.js auch für eine kompakte Website?

Ja, wenn das Projekt mittel- bis langfristig wachsen soll. Eine Compact-Next.js-Site ist beim einmaligen Festpreis höher als eine WordPress-Template-Lösung, aber häufig sparen Sie laufende Plugin-Lizenzen, Update-Stress und Sicherheitsrisiken. Wenn Sie nur eine reine Visitenkarten-Site brauchen und nie erweitern wollen, ist ein günstiges Template-Setup wirtschaftlicher.

Wie unterstützt ihr bei Fördermitteln?

Je nach Standort, Unternehmensform und Projektziel können Digitalisierungsprogramme relevant sein. Auf Wunsch erstellen wir eine technische Projektbeschreibung, die Sie für einen Förderantrag verwenden können. Eine Förderzusage können wir nicht garantieren — Programme, Konditionen und Verfügbarkeiten ändern sich regelmäßig.

Warum Next.js statt WordPress?

Performance, Sicherheit und Skalierbarkeit. WordPress ist ein CMS, das mit Plugins zu einer Website zusammengeklebt wird — Next.js ist ein modernes Framework, das Performance, SEO und CRM-Integration als Standard mitbringt. Für eine B2B-Marketing-Site mit Lead-Funktion ist der Unterschied im Alltag spürbar.

Können Marketing-Teams Inhalte selbst pflegen?

Ja. Wir koppeln Next.js mit einem Headless-CMS (meist Sanity oder Strapi) und richten Schemas, Rollen und Workflow ein, damit Ihr Team Pages, Cases, Blog-Artikel und Pricing-Updates ohne Entwickler-Ticket veröffentlichen kann.

Was kostet eine Website konkret?

Starter Site (3–5 Seiten, Sanity, DSGVO) ab €2.900. B2B Marken-Site ab €6.500. Lead-Generation-System ab €15.000. Relaunch typischerweise zwischen €18.000 und €60.000 je nach Inhaltstiefe und Integrationsumfang. Wir geben Ihnen vor Projektstart einen verbindlichen Festpreis und prüfen passende Förderprogramme kostenlos.

Wie lange dauert ein Projekt?

Marken-Website 4–6 Wochen, Lead-System 6–10 Wochen, Relaunch 8–12 Wochen. Die ersten zwei Wochen sind in der Regel Discovery, Sitemap, Wireframes und Tech-Setup. Danach laufen Design, Build und QA parallel.

Können wir bei einem Relaunch Rankings behalten?

Ja, das ist der ganze Sinn eines technisch sauberen Relaunch. Wir machen eine URL-Mapping-Tabelle, setzen 301-Redirects, prüfen Indexierung, hreflang und strukturierte Daten — und monitoren das Ranking nach Launch über mindestens 60 Tage.

Integriert ihr CRM und Analytics?

Ja, standardmäßig. HubSpot, Pipedrive, Salesforce, ActiveCampaign sind Routine. Analytics mit GA4 (server-side möglich), Plausible oder Matomo. Consent-Mode mit Cookiebot, Usercentrics oder selbstgehostet — abhängig von Ihren Compliance-Anforderungen.

Macht ihr auch Content und SEO-Texte?

Wir liefern die Technik und das technische SEO. Für Content arbeiten wir bei Bedarf mit unseren Content-Partnern zusammen oder integrieren Ihr bestehendes Content-Team in den Workflow.

Kontakt · 09

30 Minuten Call — und Sie wissen, ob Ihre Website bei uns passt.

Wir hören uns Ihr Vorhaben an, geben eine ehrliche Einschätzung — und wenn es passt, bekommen Sie ein schriftliches Angebot mit Festpreis, Datum und Lieferumfang. Kein Lock-in, keine Sales-Pitches.

H-Studio Berlin
Schmidstraße 2F-K · 10179 Berlin
Antwort innerhalb 1 Werktag · Berlin-Zeit
großes

Zusammen Großes schaffen