onepager erstellen lassen
festpreis, 3–5 wochen, lighthouse 95+ — eine seite, eine bewegung, eine entscheidung.
Du willst einen onepager erstellen lassen, weil dein Angebot eine einzige, klare Geschichte erzählt. Ein Service, ein Produkt, eine Entscheidung am Ende der Seite. Keine Menü- Struktur, keine Unterseiten, keine Ablenkung. Diese Seite ist genau für diesen Fall gebaut. Wir liefern in 3–5 Wochen, zum Festpreis, mit Lighthouse 95+ und Core Web Vitals im grünen Bereich.
Ein gut gebauter Onepager schlägt eine schwache Multi-Page-Site jedes Mal. Weniger Klicks bis zur Conversion. Weniger Wartung. Weniger Reibung im Briefing. Wir reduzieren das Format auf seine Substanz: Hero, Beweis, Angebot, Vertrauen, Aktion. Fünf Sektionen, scrollbar in unter 90 Sekunden Aufmerksamkeit. Das ist kein Mini-Projekt. Das ist die kompakteste Form ernsthafter Geschäftspräsenz.
Die meisten Onepager scheitern an Überfrachtung, nicht an Knappheit. Drei Headlines konkurrieren, vier CTAs senden in vier Richtungen, sechs Animationen lenken vom Inhalt ab. Wir gehen den umgekehrten Weg. Eine Headline pro Sektion. Eine Aktion pro Seite. Bewegung nur dort, wo sie eine Information transportiert. Restraint ist die schwerste Disziplin im Webdesign — und der Grund, warum viele Studios sie umgehen.
Du bekommst keine Theme-Adaption und keinen Page-Builder-Export. Du bekommst eine maßgenau gebaute Seite in Next.js, deployed auf Vercel, mit dem vollständigen Quellcode in deinem Git- Repository. Kein Vendor-Lock. Keine versteckte Lizenzgebühr. Wenn du nach 12 Monaten den Stack selbst übernehmen willst, kannst du das. Wenn du verlängern willst, läuft das Hosting nahtlos weiter. Diese Offenheit ist Teil des Festpreises.
lieferumfang, vollständig dokumentiert.
- ◉1 seite, 5 sektionen, mobile-first konzipiert
- ◉design-system mit tokens, typografie, motion
- ◉copy-schliff und seo-texting auf zielkeyword
- ◉lighthouse 95+ in allen vier kategorien
- ◉core web vitals grün, lcp unter 2,5 s
- ◉schema.org, sitemap, og-images, canonical
- ◉deployment auf vercel, edge-cache frankfurt
- →quellcode-übergabe als git-repository
Jede Sektion folgt einer festen Funktion. Hero positioniert innerhalb von drei Sekunden. Beweis-Sektion liefert Zahlen oder Referenzen, die du verteidigen kannst. Angebots-Sektion erklärt, was du verkaufst, in einer Art, die ein Buyer in 20 Sekunden erfasst. Vertrauens-Sektion adressiert die zwei häufigsten Einwände konkret. Aktions-Sektion lässt eine einzige Möglichkeit: kontaktieren oder buchen.
Performance ist kein Add-on, sondern Default. LCP unter 2,5 Sekunden. INP unter 200 Millisekunden. CLS unter 0,1. Diese Werte stehen vertraglich, nicht als Hoffnung. Sie sind das Ergebnis eines Stacks, der ohne Plugin-Schichten arbeitet, ohne jQuery-Altlasten, ohne CSS-Frameworks, die 200 KB unbenutzte Klassen mitschleifen. Das spart dir Geschwindigkeit, Hosting- Kosten und Ranking-Punkte gleichzeitig.
vier phasen von brief zu launch.
research, ziel, zielgruppe.
Wir starten mit einem 60-Minuten-Workshop. Dort definieren wir Zielgruppe, primäre Conversion und Tonalität. Parallel läuft Wettbewerbs-Research mit drei direkten Marktbegleitern. Das Ergebnis ist ein zweiseitiges Briefing-Dokument, das du gegenzeichnest, bevor das Designteam beginnt. Ohne diese Freigabe geht keine Stunde Designarbeit verloren.
wireframe, design, copy-draft.
Aus dem Briefing entsteht ein Lo-Fi-Wireframe der fünf Sektionen, dann das visuelle Design im Final-Format. Copy schreiben wir parallel im Tandem mit dir. Ein einziger Review-Termin bündelt alle Anmerkungen. Nach Freigabe geht der Stand fix in den Build. Diese strikte Trennung von Konzept und Bau hält den Festpreis stabil und die Lieferzeit belastbar.
next.js, integration, motion.
Implementierung in Next.js 16 mit Tailwind v4. Animationen kommen über GSAP oder Framer Motion, abhängig vom Bedarf. Du bekommst täglich einen Preview-Link auf einem Vercel- Branch. Tracking, Schema und Analytics-Setup landen im selben Schritt — kein Nachzügler-Backlog. Performance- Budget, Accessibility-Audit und Cross-Browser-Tests laufen kontinuierlich, nicht erst am Ende.
qa, dns, übergabe.
Vor Live-Schaltung läuft eine vollständige QA-Runde: Devices, Browser, Lighthouse, WCAG-Check. Anschließend DNS-Cutover und SSL-Setup. Du bekommst einen 30-Minuten-Übergabetermin per Video, Zugänge zu Vercel und Repository, eine Wartungs- Dokumentation als PDF. Ab Tag 1 nach Launch begleiten wir deine Seite zwei Wochen stabilisierend, ohne Aufpreis.
Diese vier Phasen laufen sequenziell, nicht überlappend. Keine Parallelschienen, keine Stand-up-Calls drei Mal pro Woche, keine dauerhaften Slack-Threads, die deinen Tag zerlegen. Du bekommst einen Status-Update pro Woche per E-Mail, einen Review-Termin pro Phase, einen Launch-Termin am Ende. Diese Disziplin schützt deine Zeit und unsere Lieferfähigkeit gleichzeitig.
festpreis, schriftlich, ohne nachläufer.
Das Angebot ist verbindlich, in Schriftform, ohne Stundenabrechnung. Sie zahlen 50 Prozent bei Auftrag und 50 Prozent bei Launch. Den Endpreis bestimmt der Funktions-Umfang: Anzahl der Sektionen, Custom-Animation, CMS, Sprachvarianten. Eine Anzahlung sichert Ihren Kickoff-Slot für eine konkrete Kalenderwoche, nicht für „demnächst“.
Warum Festpreis statt Stundensatz? Weil ein schlanker Onepager und ein voll ausgebauter Onepager dieselbe Sorgfalt im Build erfahren, aber unterschiedliche Tiefe in Konzept, Copy, Animation und CMS-Anbindung haben. Sie entscheiden im Erstgespräch, welche Tiefe Ihr Vorhaben rechtfertigt. Wir empfehlen ehrlich, oft auch nach unten.
- ◉konzept, design, copy, build, launch
- ◉1 hauptrevision plus 1 build-revision
- ◉hosting auf vercel für 12 monate
- ◉seo-grundausstattung, schema, sitemap
- ◉analytics-setup, plausible oder ga4
- ◉30 min übergabe-termin und doku-pdf
- ◯foto-shooting, eigene illustrationen
- ◯zweite sprache, mehrsprachigkeit, hreflang
- ◯cms-redaktions-onboarding über 30 minuten
- ◯e-commerce, checkout, payment-anbindung
- ◯logo-design, brand-identity, naming
passt, wenn diese beschreibung sitzt.
- ◉solo-founder mit klarem single-offer
- ◉b2b-service ohne produktkatalog
- ◉coach, berater, studio mit einer leistung
- ◉produkt-launch mit waitlist und einem preisplan
- ◉portfolio-präsenz mit drei bis fünf referenzen
- ◯multi-sku e-commerce über fünf produkte
- ◯komplexe mehrsprachigkeit über zwei sprachen
- ◯blog mit themen-silos und seo-tiefe
- ◯große teams mit sieben rollenseiten oder mehr
- ◯plattform mit login-bereich, dashboard, app-logik
Die ehrlichste Aussage zuerst: Wenn Ihr Geschäftsmodell auf mehreren Service-Linien aufbaut, ist ein Onepager das falsche Werkzeug. Sie bekommen dann eine Seite, die Ihre Komplexität unterspielt und Sie unter Wert verkauft. Wir empfehlen in diesem Fall die mehrseitige Variante unter „webseite erstellen lassen“ oder einen Relaunch des bestehenden Auftritts.
Wenn Sie hingegen einen klar abgegrenzten Service oder ein einzelnes Produkt verkaufen und in den nächsten 18 Monaten kein zweites dazukommt, ist der Onepager die effizienteste Form. Sie sparen Bauzeit, Pflegeaufwand und Conversion-Reibung. Eine Seite zu warten ist eine Größenordnung einfacher als sechs.
Sind Sie unsicher, welches Format zu Ihrem Vorhaben passt? Im 20-Minuten-Erstgespräch ordnen wir Ihren Fall ehrlich ein — auch wenn die Antwort lautet, dass Sie etwas anderes brauchen.
der stack, vollständig spezifiziert.
Der Stack ist nicht verhandelbar. Er garantiert die zugesicherten Performance-Werte und langfristige Wartbarkeit. Wer auf WordPress oder einen Page-Builder bestehen will, ist bei einem anderen Anbieter besser aufgehoben — wir liefern keine Kompromiss-Setups.
Warum Next.js statt WordPress? Weil ein statisch gerendertes React-Frontend in fast jedem Lastszenario zwischen drei- und zehnmal schneller ausliefert als ein klassisches PHP-CMS mit Plugin-Stack. Weil Updates kein Sicherheitsrisiko sind, sondern ein Git-Pull. Weil deine Seite gegen DDoS und Plugin-Lücken strukturell immun ist, nicht durch Reaktion abgesichert.
Warum Vercel-Hosting in Frankfurt? Weil 60 Prozent deiner Besucher aus DACH kommen werden und Edge-Cache in Frankfurt ihnen Antwortzeiten unter 30 Millisekunden liefert. Weil die globale Auslieferung über CDN-Knoten ohne Konfigurationsaufwand läuft. Weil Skalierung von 100 auf 100.000 Besucher pro Monat keinen Stack-Wechsel verlangt.
Warum Tailwind v4 statt klassischem CSS? Weil das System auf Tokens basiert, die in einer einzigen Datei zentral gepflegt werden. Farb-Token, Schriftgrößen, Abstände — alles durchsuchbar, alles versionierbar. Wenn du in zwei Jahren die Marke leicht justieren willst, ändert ein Entwickler vier Werte und die ganze Seite zieht nach. Wartungsfreundlichkeit als Feature, nicht als Versprechen.
zwölf fragen, schriftlich beantwortet.
Diese Fragen tauchen in fast jedem Erstgespräch auf. Sie sind hier vollständig beantwortet, damit Sie das Gespräch mit den präziseren Themen Ihres konkreten Falles starten können. Wenn etwas fehlt, schreiben Sie uns — wir ergänzen die Liste laufend.
was kostet ein onepager bei webdesignr?
Wir arbeiten mit Festpreis nach Brief, nicht mit Stundensätzen oder offenen Scopes. Der Endpreis ergibt sich aus Sektionsanzahl, Custom-Animation, Sprachvarianten und CMS-Anbindung. Du bekommst nach dem Erstgespräch ein verbindliches Angebot in Schriftform. Es gibt keine Stundenabrechnung und keine versteckten Posten. Der Preis schließt Konzept, Copy-Lektorat, Design, Build, ein QA-Review und das Live-Deployment auf Vercel ein. Hosting für 12 Monate ist inkludiert. Spätere Inhalts-Updates über Sanity oder Notion rechnen wir transparent nach Aufwand ab. Reisekosten oder Foto-Shootings sind nicht enthalten und werden separat ausgewiesen, sobald nötig. Du kannst die Faktoren vorab durchgehen, weil sie öffentlich dokumentiert sind.
wie lange dauert die erstellung eines onepagers?
Die Lieferzeit beträgt 3–5 Wochen von Brief-Freigabe bis Launch. Phase 1 Brief und Research liegt bei 3–5 Tagen. Phase 2 Konzept und Design dauert 7–10 Tage. Phase 3 Build und Integration belegt 7–10 Tage. Phase 4 QA und Launch schließt mit 2–3 Tagen ab. Verzögerungen entstehen fast immer durch Asset-Lieferung von der Auftraggeber-Seite. Wenn du Logo, Fotos und Texte bei Kickoff bereit hast, landen wir am unteren Ende der Spanne.
wann ist ein onepager besser als eine mehrseitige website?
Ein Onepager passt, wenn dein Angebot auf eine zentrale Story einzahlt. Solo-Founder mit einem klaren Service, B2B-Berater, Coaches, Studios und Produkte mit Single-SKU profitieren am stärksten. Sobald du mehr als sieben thematisch getrennte Inhaltsbereiche brauchst, mehrsprachig auftreten willst oder einen Blog mit Themen-Silos planst, ist eine mehrseitige Webseite die saubere Lösung. Die Faustregel: Wenn ein Besucher in einer Scroll-Bewegung „verstanden, will Termin“ denken soll, ist der Onepager das richtige Format. Wenn er in der Navigation entscheiden muss, welche von vier Service-Linien zu ihm passt, brauchst du mehrere Seiten mit eigener Struktur und SEO-Tiefe.
ist ein onepager seo-tauglich?
Ja, mit klaren Grenzen. Ein Onepager rankt zuverlässig auf ein Haupt-Keyword plus zwei bis drei semantische Varianten. Wir setzen sauberes Heading-Outline, Schema.org-Markup, OG-Images, Sitemap und canonical-Tag. Für Long-Tail-Strategien mit zehn oder mehr Keywords brauchst du dedizierte Unterseiten — das ist physikalisch eine andere Aufgabe. Wenn dein Marketing-Plan auf einem starken Brand-Keyword und Paid-Traffic basiert, reicht der Onepager. Sobald organische Tiefe das Ziel ist, empfehlen wir die mehrseitige Variante. Inhaltlich verdichten wir den Onepager auf 800 bis 1.200 Wörter — genug für SEO-Substanz, knapp genug für 90 Sekunden Lesezeit.
welcher technologie-stack kommt zum einsatz?
Wir bauen auf Next.js 16, React 19 und Tailwind CSS v4. Deployment läuft über Vercel mit Edge-Cache in Frankfurt. Animationen liefern wir mit Framer Motion und GSAP, abhängig vom Bedarf. Für CMS-Anbindung verwenden wir Sanity oder Notion, je nach Redaktions-Workflow. Analytics über Plausible oder GA4. Der Stack ist nicht verhandelbar — er garantiert Lighthouse 95+, Core Web Vitals im grünen Bereich und langfristige Wartbarkeit. Du bekommst den vollständigen Quellcode in einem Git-Repository übergeben. TypeScript ist Standard, ESLint und Prettier sind konfiguriert, das Repo ist sofort produktionsreif. Wenn du oder dein Team in Zukunft selbst weiterentwickeln will, ist der Einstieg dokumentiert.
kann der onepager später zur mehrseitigen website ausgebaut werden?
Ja. Der Stack und die Komponenten-Architektur sind so angelegt, dass weitere Routen jederzeit ergänzt werden. Eine Erweiterung um drei bis fünf Unterseiten kalkulieren wir als eigenen Festpreis nach Brief. Migration entfällt, da alles bereits in Next.js App Router liegt. Routing, Design-System und CI bleiben identisch. Du wirfst keinen Code weg. Diese Upgrade-Pfade halten wir bewusst offen, weil sich Geschäftsmodelle weiterentwickeln und der Onepager dann als Startpunkt taugt, nicht als Sackgasse.
welche inhalte muss ich liefern?
Logo in Vektor-Form, drei bis fünf qualitativ saubere Fotos oder ein Foto-Briefing, Kerntexte als Rohmaterial in Stichpunkten, eine Liste mit drei Wettbewerbern und Referenzseiten. Kontaktdaten, Impressum und Datenschutztext gehören dazu. Wir übernehmen Copy-Schliff und SEO-Texting im Festpreis. Wenn du keine Fotos hast, organisieren wir Stock oder einen kurzen Foto-Termin gegen Aufpreis. Eine vollständige Asset-Liste bekommst du nach Auftragsbestätigung als PDF mit konkreten Formaten und Auflösungen.
wie viele revisions-runden sind enthalten?
Eine Hauptrevision auf den Designentwurf und eine kleinere Revision nach dem Build sind im Festpreis enthalten. Damit lösen wir 95 Prozent aller Fälle. Weitere Runden rechnen wir transparent nach Aufwand ab. Wir steuern das aktiv: nach jedem Meilenstein gibt es ein klares Freigabe-Dokument. Sobald du gegenzeichnest, ist der Stand fixiert und wir bauen darauf auf. Diese Disziplin ist der Grund, warum die Lieferzeit überhaupt einhaltbar ist und der Festpreis funktioniert. Endlose Revisionsschleifen sind kein Service, sondern ein Symptom für unklare Anforderungen — wir lösen das durch besseres Briefing am Anfang, nicht durch unbegrenzte Iterationen am Ende.
ist der onepager mobile-optimiert?
Ja, wir entwickeln mobile-first. Über 60 Prozent deines Traffics kommt vermutlich vom Smartphone, also fängt jedes Layout dort an. Touch-Targets liegen bei mindestens 44 Pixel, Schriftgrößen nie unter 15 Pixel im Body. Lighthouse Mobile 95+ ist Teil der Abnahme-Kriterien. Wir testen auf realen Geräten, nicht nur im Browser-Emulator. Tablet-Ansicht bekommst du als Bonus, ohne separates Layout — das saubere Grid-System skaliert sich selbst durch alle Breakpoints.
was passiert nach dem launch?
Du bekommst 12 Monate Hosting auf Vercel, Domain-Setup, SSL und tägliche Backups inkludiert. Ein 30-Minuten-Übergabetermin per Video erklärt CMS, Analytics und Update-Prozess. Danach kannst du Texte und Bilder selbst pflegen. Größere Änderungen oder neue Sektionen rechnen wir transparent nach Aufwand ab. Ab Monat 13 läuft Hosting plus Wartung als schlanker Posten weiter. Wer den Stack selbst übernehmen will, bekommt das Repository und alle Zugänge — keine Vendor-Lock-Klausel. In den ersten zwei Wochen nach Launch beheben wir Bugs kostenfrei, ohne Diskussion. Danach gilt die normale Aufwand-Abrechnung, aber wir reagieren innerhalb eines Werktags.
welche garantien gibt es auf performance und qualität?
Lighthouse 95+ in den Kategorien Performance, Accessibility, Best Practices und SEO ist vertraglich zugesichert. Wird der Wert im definierten Test-Setup nicht erreicht, bessern wir kostenfrei nach. Core Web Vitals liegen im grünen Bereich nach Google-Definition: LCP unter 2,5 Sekunden, INP unter 200 Millisekunden, CLS unter 0,1. WCAG 2.2 AA ist Teil der Abnahme. Diese Werte sind keine Hoffnung, sondern Output des Stacks und der Build-Disziplin. Sie stehen schwarz auf weiß im Angebot. Das Test-Setup ist im Vertrag definiert: Lighthouse CLI auf Vercel-Production-URL, simuliertes Mobile-4G-Profil, Median aus drei Läufen. Diese Transparenz ist der Grund, warum die Garantie überhaupt einklagbar ist.
kann ich nach dem onepager weitere leistungen dazubuchen?
Ja. Häufig folgen nach dem Onepager-Launch ergänzende Bausteine: ein zweiter Sprachstrang Englisch, ein Blog-Modul für SEO-Tiefe, ein Kontaktformular mit CRM-Anbindung oder ein Buchungs-Widget. Jede Erweiterung bekommst du als eigenständigen Festpreis-Posten, nie als Stundenfass. Der Stack ist darauf vorbereitet. Wir halten dafür auch nach Projektende eine schlanke Retainer-Option offen: ein bis vier Stunden im Monat zu festem Stundensatz, jederzeit kündbar, kein Mindestlaufzeit-Vertrag.
Eine letzte Beobachtung aus der Praxis: Onepager-Projekte scheitern fast nie am Stack und fast immer an unklarer Positionierung. Wer im Erstgespräch nicht in zwei Sätzen sagen kann, was er verkauft und an wen, bekommt auch keine Seite, die das in einer Scroll-Bewegung schafft. Wir helfen bei der Schärfung — aber sie passiert vor dem Kickoff, nicht währenddessen.
Die Seite, die Sie hier lesen, ist selbst nach den hier beschriebenen Regeln gebaut. Geist Sans und Geist Mono. Lighthouse 96 mobile, 99 desktop. LCP unter 1,5 Sekunden auf 4G-Profil. Sie können den Quellcode auf GitHub einsehen, sobald Sie wollen. Das ist die kürzeste Ehrlichkeit zwischen Versprechen und Beweis.
andere formate aus dem katalog.
Sechs Formate, klar voneinander abgegrenzt. Jedes mit eigenem Festpreis, eigener Lieferzeit, eigenem Sweetspot. Wenn der Onepager nicht das Richtige ist, finden Sie hier die Alternative — nicht eine vage Erweiterung, sondern ein eigenständig durchdachtes Produkt.
landing page erstellen lassen
Conversion-optimierte Einzelseite. Auf eine Aktion fokussiert, messbar.
webseite erstellen lassen
Mehrseitige Markenpräsenz. Vollständige Geschäftsgrundlage, suchmaschinenstark.
website relaunch
Bestehende Seite, neu gedacht. Performance, Substanz, aktueller Stack.
shopify website erstellen
Headless Commerce auf Hydrogen. Design ohne Plattform-Kompromiss.
ki-website erstellen
Generative Workflows im Build. Schneller geliefert, gleiche Substanz.
(KONTAKT)