Onepager erstellen lassen als Jamstack-Website zum Festpreis

Ein Onepager ist eine Website auf einer einzigen Seite. Wer deine Seite öffnet, scrollt durch deine Leistungen und landet beim Kontakt, ohne eine Unterseite zu laden. Wir bauen diese Seite für kleine Betriebe und KMU im DACH-Raum.

Du suchst dir im Showroom ein Template aus. Jedes Template gibt es nur einmal, nach dem Kauf nehmen wir es aus dem Angebot. Passt keins zu dir, bauen wir deine Website individuell nach deinen Vorgaben.

Die Texte schreibst du selbst nach unserer Content-Vorlage oder wir schreiben sie für dich. Wir tragen deine Leistungen und deinen Ort als Text in die Seite ein. So lesen Google und KI-Assistenten wie ChatGPT, was du anbietest und wo du arbeitest.

Was du davon hast

Die Pakete bezahlst du einmalig, bei OLDSCHOOLSEO fallen keine monatlichen Kosten an. Die Website gehört dir mit Code und Hosting-Konto. Willst du später eine neue Telefonnummer oder andere Öffnungszeiten, schreibst du uns eine E-Mail. Wir ändern die Seite für 28 € pro Stunde im 15-Minuten-Takt.

Im Showroom von OLDSCHOOLSEO findest du Onepager-Templates für diese Branchen.

• ✓Restaurant und Café mit Speisekarte und Reservierung
• ✓Handwerk und Service mit Leistungsübersicht und Kontaktformular
• ✓Immobilien und Makler mit Objekt-Showcase
• ✓Design und Kreativ mit Portfolio-Galerie
• ✓Wellness und Gesundheit mit Terminbuchung und Preisliste
• ✓Friseur und Barbershop mit Team und Online-Terminvergabe
• ✓Tattoo und Körperkunst mit Portfolio-Galerie und Artist-Vorstellung

Jedes Template kostet 224 €. Wir bauen jedes Template responsiv, die Seite passt sich Handy und Computer an. Vor dem Kauf siehst du dir die Live-Demo an.

Für eigene Wünsche entwerfen wir eine neue Vorlage. Die individuelle Website kostet nach einem Gespräch ab 336 €. Auf Wunsch bauen wir sie mit Unterseiten. Individuelle Websites bauen wir für KMU, die ihre Leistungen auf wenigen Seiten im DACH-Raum vorstellen und nichts online verkaufen. Du bekommst dafür ein Festpreisangebot.

Auf einem One-Pager stehen alle Inhalte auf einer Seite. Das Menü springt per Ankerlink zu den Abschnitten, Fachleute nennen das Sprungmarken. Eine Website mit Unterseiten hat für jede Leistung eine eigene Seite und eine Navigation mit mehreren Ebenen.

Bietest du eine einzige Dienstleistung an, bauen wir dir einen Onepager. Soll bei mehreren Leistungen jede ihre eigene Seite bei Google bekommen, bauen wir Unterseiten. Diese Frage klären wir bei OLDSCHOOLSEO in der Erstaufnahme.

Was auf jeden One-Pager gehört

• ✓ein Call-to-Action mit Telefonnummer oder E-Mail im ersten Bildschirm
• ✓deine Leistungen mit Ort als Text
• ✓Referenzen oder ein Kundenzitat
• ✓eine Kontaktmöglichkeit mit Kontaktformular
• ✓Impressum und Datenschutz als eigene Unterseite

Onepager mit WordPress oder als Jamstack-Website

Einen One-Pager kannst du auch mit WordPress und einem Page Builder wie Elementor bauen oder mit einem Baukasten wie Squarespace. Bei WordPress pflegst du Plugins und Updates selbst. Wir von OLDSCHOOLSEO bauen deine eigene Website als statische Jamstack-Website. Du brauchst keine Programmierkenntnisse, die Einrichtung übernehmen wir.

Webdesign für Handy und Desktop

Unsere One-Pager-Templates passen sich Handy und Desktop an. Farben und Schriftarten setzen wir nach deinem Logo. Die Ladezeiten prüfen wir vor der Freigabe. Du kannst sie auch selbst prüfen, die passenden Werkzeuge für Core Web Vitals stellen wir im Magazin vor.

Suchmaschinenoptimierung für deinen One-Pager

Für die Suchmaschinenoptimierung legen wir ein Hauptkeyword fest. Dazu kommen weitere Keywords für die einzelnen Abschnitte. Welche Elemente dabei zählen, beschreiben wir im Beitrag On-Page-SEO: Title, Meta und Überschriften. Soll deine Seite auch als Landingpage dienen, klären wir das in der Erstaufnahme.

Bei OLDSCHOOLSEO ziehen wir bestehende Websites um. Unsere eigene Marke Fitte Tüte haben wir von WordPress auf eine Jamstack-Website bei Netlify umgezogen. Rund 60 Beiträge und 25 Seiten sind unter ihrer Adresse erreichbar geblieben oder per Weiterleitung umgeleitet. Den Ablauf beschreiben wir in der Case Study WordPress zu Jamstack.

Ob deine Website auf Jamstack umziehen soll, prüfen wir in der kostenlosen Erstaufnahme.

Alle Preise zahlst du einmalig. Gemäß § 19 UStG wird keine Umsatzsteuer berechnet.

Basis-Paket für 644 €

Im Basis-Paket stecken Template und SEO-Grundausstattung, dazu Einrichtung und Go-Live. Im Content-Plan stehen Keywordrecherche, Überschriften, Metadaten und Platzhalter für Bilder. Deine Texte schreibst du selbst nach diesem Plan.

Sorglos-Paket für 812 €

Im Sorglos-Paket stecken Template und SEO-Vollausstattung, dazu Einrichtung und Go-Live. Wir schreiben alle Texte für dich und richten dein Google-Unternehmensprofil ein. Wozu das Profil dient, erklären wir im Beitrag zu den Grundlagen des Local SEO. Für Handwerksbetriebe gibt es das Paket als Website für Handwerker.

Laufende Kosten

Das Hosting läuft über dein eigenes Netlify-Konto. Der Basistarif ist kostenlos. Bei mehr Bedarf kostet ein Paket bei Netlify 9 € im Monat. Änderungen nach dem Go-Live rechnen wir mit 28 € pro Stunde im 15-Minuten-Takt ab. Mehr zur Kostenstruktur von Jamstack-Projekten liest du im Magazin.

Bei OLDSCHOOLSEO schreiben wir Texte mit den Suchbegriffen deiner Kunden. Für weitere Seiten bekommst du eine Content-Vorlage ab 85 € oder einzelne SEO-Texte ab 150 €. Den Upload in dein CMS übernehmen wir für 49 € pro Seite. Für laufende Arbeit an deiner Website gibt es unsere Suchmaschinenoptimierung aus Stuttgart.

1. 1

   Template wählen

   Du suchst dir im Showroom ein Template aus und schreibst uns den Namen per E-Mail. In der kostenlosen Erstaufnahme bekommst du eine kurze Einschätzung.

2. 2

   Inhalte festlegen

   Du entscheidest, ob du die Texte selbst schreibst oder wir sie schreiben. Logo und Bilder schickst du uns per E-Mail.

3. 3

   Website einrichten

   Wir bauen deine Farben und Texte ein. Domain und Hosting laufen auf deinen Namen. Wir helfen dir bei der Wahl des Domainnamens und richten das Hosting bei Netlify für dich ein.

4. 4

   Go-Live und Übergabe

   Wir schalten die Seite live. Das GitHub-Repository mit dem Code übertragen wir auf dein Konto.

Wie lange die Umsetzung dauert, klären wir in der Projektbesprechung. Die Dauer hängt von unserer Auslastung ab.

Jamstack steht für JavaScript, APIs und Markup. Wir erzeugen jede Seite vor der Auslieferung als statische Webseite. Beim Aufruf liefert der Server fertige HTML-Dateien aus.

Framework und Static Site Generator

Wir nutzen Next.js oder Astro, je nach Umfang und technischem Bedarf des Projekts. Beide Frameworks erzeugen die Seiten beim Build als statisches HTML. Bei Fitte Tüte rendert Next.js 15 mit dem App Router alle Seiten und Beiträge.

Headless CMS

Die Inhalte liegen als Markdown-Dateien im Repository oder in einem Headless CMS. Markdown passt zu einem Onepager, an dem sich Texte selten ändern. Ein Headless CMS wie Sanity richten wir ein, wenn eine Redaktion regelmäßig Beiträge veröffentlicht und ohne Code arbeiten will. Bei Fitte Tüte liefert Sanity die Beiträge, Seiten und Leistungen. Titel und Meta-Beschreibungen stehen dort als eigene Felder. Veröffentlicht die Redaktion einen Beitrag, aktualisiert ein Webhook die Seite ohne kompletten Neubau. Mehr zur Inhaltspflege mit Headless CMS.

Git und GitHub

Den Code verwalten wir auf GitHub. Die Produktion läuft auf dem Haupt-Branch, eine Vorschau auf einem eigenen Branch. Nach dem Auftrag übertragen wir das Repository an den Kunden. Dein Kunde braucht dafür einen kostenlosen GitHub-Account.

Netlify als Hoster mit CDN

Die Website liegt bei Netlify im Konto des Kunden. Netlify liefert sie über ein globales Content Delivery Network (CDN) aus. Domain und www-Adresse verbinden wir per DNS, die E-Mail-Einträge bleiben dabei unverändert.

Build und Deployment

Jeder Push auf GitHub startet bei Netlify einen Build. Netlify baut die Seite und stellt sie automatisch bereit. Weiterleitungen pflegen wir in der Datei netlify.toml.

SSL und Formulare

Netlify stellt SSL-Zertifikate für jede verbundene Domain aus. Kontaktformulare laufen über das Formular-Handling von Netlify.

Für Agenturen und Freelancer

Als Agentur bekommst du bei OLDSCHOOLSEO Websites und Texte im White Label. Als Webdesigner oder Freelancer buchst du dieselben Leistungen. Wir liefern alles unter dem Namen deiner Agentur aus.

Für die Stuttgarter Versicherungsagentur Teuflisch gut versichert haben wir eine Website mit Next.js bei Netlify gebaut, die bei Google PageSpeed 97 von 100 Punkten erreicht. Die Umsetzung dauerte 3 Wochen.