Zum Hauptinhalt springen
Nicolas Bär

Webdesign & SEOWebsites, die performen — und gefunden werden.

Custom-Websites mit technischem SEO-Fundament. Lighthouse 95+, DSGVO ohne Cookie-Banner, kein Vendor-Lock-In.

120+Shootings / Jahr
12 J.im Geschäft
14 Tagebis zur Lieferung
5,0Google-Bewertung

Was eine eigene Website leistet — die eine Webflow-Template nicht schafft

Vier Hebel, an denen eine selbst gebaute Website strukturell schneller, sichtbarer und günstiger ist als ein Template-Setup. Jeder dieser Hebel ist gleichzeitig ein Ranking-Faktor bei Google.

Technisches SEO ab Tag 1

Saubere HTML-Struktur mit korrekter Heading-Hierarchie, Structured Data (JSON-LD für LocalBusiness, FAQ, Article, BreadcrumbList), vollständige XML-Sitemap mit Image- und Video-Markup, robots.txt, kanonische URLs, Open-Graph für Social-Snippets. Indexierbarkeit ohne JS-Render-Tricks — Google bekommt fertige HTML statt nach Hydration zu warten. Local-SEO-Signale (Adresse, Telefon, Geo-Koordinaten) als maschinenlesbares Schema.org.

Core Web Vitals als Ranking-Hebel

Statisch generierte Seiten (Next.js SSG/ISR), Bilder im AVIF/WebP-Format mit responsiven srcsets, Brotli-Kompression, Edge-Caching, unter 200 KB First Load. LCP unter 1,5s, INP unter 200ms, CLS quasi null. Lighthouse-Scores jenseits der 95 ohne CDN-Vertrag. Google bewertet diese Werte direkt — das ist nicht Luxus, sondern organisches Ranking.

Datenschutz ohne Kompromisse

Alle Daten bleiben auf EU-Servern. Kein Google Analytics, kein Hotjar, kein Cookie-Consent-Banner, weil keine Drittanbieter-Tracker eingebunden sind. DSGVO-konform out of the box — spart Abmahnkosten und schafft Vertrauen bei Kunden, die genau hinschauen. Self-hosted Umami als Analytics-Alternative ohne personenbezogene Daten.

Kostenstruktur, die Sinn ergibt

Webflow-Workspace plus Hosting kostet 50+ EUR pro Monat. Ein eigener Server auf Hetzner kostet 5-15 EUR. Die Website gehört Ihnen vollständig, kann jederzeit umgezogen werden, und Sie zahlen nichts, wenn Sie den Anbieter wechseln. Bei Custom-Code: einmalige Investition statt SaaS-Mietverhältnis.

Angebot in 24h anfordern

Referenzen

  • Globalist
  • Autohaus Weeber
  • Waldbike
  • Schwabenrent
  • Basmind
  • BeYouBeauty
  • Herrenknecht AG
  • Emil Frey
  • Webtofly
  • Le Quartier Feinkost

Drei Webdesign-Paths: Custom-Build, Webflow oder Performance-Audit

Custom Website (Next.js + CMS)

Vollständig maßgeschneiderte Website auf Basis von Next.js 15 und Payload CMS. Sie bekommen ein Admin-Panel, in dem Sie Texte, Bilder und Seiten selbst pflegen — ohne Entwickler-Hilfe für Routineänderungen. Hosting auf eigenem Server, alle Daten EU, kein Vendor-Lock-In. Die Basis, auf der diese Website (nicolasbaer.de) selbst läuft.

Webflow-Website

Für Kunden, die Design-Freiheit mit eigenem Editing-Komfort kombinieren wollen. Webflow bietet ein visuelles CMS mit gutem Editor-Erlebnis. Richtig aufgebaut ohne Bloat. Klare Empfehlung: wenn internes Team regelmäßig Seiten anlegt oder Kampagnen-Landings braucht.

SEO & Performance-Optimierung

Bestehende Website rankt schlecht oder lädt zu langsam? Technisches SEO-Audit (Core Web Vitals, Crawlability, Structured Data, Sitemap/Robots, interne Verlinkung, Indexierbarkeit) kombiniert mit Performance-Maßnahmenplan (Bilder-Pipeline, Render-Blocking, Lazy-Loading, Server-Konfiguration). Ergebnis: priorisierte Liste mit erwartetem Impact auf Ranking und Lighthouse-Score — kein Pauschal-Rebuild.

Webdesign-Portfolio

Websites, die wir gebaut haben

Zero Effort Consulting — Website-Screenshot (Desktop-Hero)
Pegels — Website-Screenshot (Desktop-Hero)
Bautuerprofi — Website-Screenshot (Desktop-Hero)
Captured Hearts — Website-Screenshot (Desktop-Hero)

Was uns von einer klassischen Webdesign-Agentur unterscheidet

Wertversprechen

Die meisten Agenturen bauen WordPress oder Webflow. Das ist nicht falsch — aber es bedeutet: Template-Logik, eingeschränkte CMS-Felder, generische Schema-Markups und einen Hosting-Stack, der Performance-Optimierung künstlich limitiert.

Als kleines Studio ohne Agentur-Overhead können wir deutlich mehr Zeit in den tatsächlichen Code investieren als in Angebotspräsentation und Account-Management. Inklusive in jeder Custom-Website: Structured Data, manuell gepflegte Sitemap-Logik, Open-Graph-Templates und ein technisches SEO-Setup, das auf Ihre Seite zugeschnitten ist — nicht auf ein WordPress-Plugin.

Das Ergebnis ist eine Website, die auf Ihr Geschäft zugeschnitten ist — nicht auf das nächste Template-Update des Plattformanbieters. Sie bekommen Code-Ownership, klare Kostenstruktur, technisches SEO als integraler Bestandteil statt Add-on, und einen direkten Ansprechpartner statt Account-Manager-Kette.

Projekt besprechen

Entwickler und Kreativunternehmer

Ich bin Nicolas Bär — Foto- und Videograf und Webentwickler. Websites bauen wir nicht nebenher: nicolasbaer.de selbst ist auf dem gleichen Stack gebaut, den wir unseren Kunden anbieten.

Next.js 15, Payload CMS, PostgreSQL, Docker auf Hetzner, Traefik mit automatischen SSL-Zertifikaten. Wir wissen, wie der Stack in Produktion läuft, weil wir ihn selbst betreiben.

Aus meiner Marketing-Manager-Zeit kenne ich beide Seiten: was Vertrieb von einer Website braucht, was HR sich vom Karriere-Bereich verspricht. Lassen Sie uns Ihre nächste Website konzipieren — kontaktieren Sie uns für ein unverbindliches 15-Minuten-Erstgespräch.

Marken und Beteiligungen

Ablauf

So läuft das Web-Projekt

  1. Erstgespräch & Briefing

    15-Minuten-Call zum Ziel, Zielgruppe, Pflichtinhalten und Budget. Danach bekommen Sie ein konkretes Angebot mit Aufwand, Timeline und Stack-Empfehlung — Custom-Build oder Webflow, je nachdem was zu Ihnen passt.

  2. Konzept, Design & Bau

    Sitemap und Wireframes zur Freigabe, dann Design-Iterationen und parallel der technische Aufbau. Sie bekommen eine Staging-URL und können jederzeit reinschauen — kein Mystery-Black-Box-Build.

  3. Launch & SEO-Setup

    Vor Launch: technisches SEO (Schema, Sitemap, Robots, OG), Performance-Check (Lighthouse), DSGVO-Audit. Nach Launch: Einweisung ins CMS, Google-Search-Console-Setup. Auf Wunsch laufende Betreuung.

Fragen & Antworten

Häufig gestellte Fragen

  • Drei Hebel hängen direkt am technischen Setup: (1) Core Web Vitals — Google bewertet LCP, INP und CLS seit 2021 als Ranking-Faktor. Statisch generierte Seiten mit optimierter Bild-Pipeline liefern hier zuverlässig grüne Werte. (2) Saubere semantische HTML-Struktur mit korrekter Heading-Hierarchie, Structured Data (JSON-LD für LocalBusiness, FAQ, Article) und vollständiger Sitemap. (3) Indexierbarkeit ohne JS-Render-Tricks — Google liest die fertige HTML direkt, nicht erst nach Hydration.

    Off-Page (Backlinks, Brand-Mentions, Local-Citations) ist die andere Seite der SEO-Medaille — die kann eine Website allein nicht ersetzen. Aber alles, was technisch über die Site läuft, ist mit dem richtigen Stack ein gelöstes Problem.

  • Beides. Beim Launch bekommen Sie eine technisch sauber aufgesetzte Seite (Sitemap, robots.txt, Schema-Markup, saubere URLs, interne Verlinkung, Open-Graph). Optional danach: monatliches Reporting via Google Search Console und Lighthouse-Monitoring, Content-Konzept für Landingpages mit Keyword-Recherche, technisches SEO-Audit bestehender Seiten. Wir besprechen im Erstgespräch, ob Launch-only oder laufende Betreuung sinnvoller ist.

  • Eine Custom-Website mit CMS und Hosting-Setup liegt je nach Umfang zwischen 2.500 und 6.000 EUR einmalig. Laufende Kosten: 10-20 EUR/Monat für Server und Domain. Zum Vergleich: Webflow Business plus Hosting kostet allein 50-80 EUR/Monat dauerhaft — ohne dass Ihnen irgendetwas davon gehört. Das Break-Even liegt typischerweise unter zwei Jahren.

  • Ja, das ist der Kern des Setups. Payload CMS gibt Ihnen ein Admin-Panel, in dem Sie Texte, Bilder, Blog-Posts und Seitenstrukturen bearbeiten. Kein Code-Wissen nötig für Routine-Änderungen. Neue Seitentypen oder Funktionen — die brauchen uns. Aber Inhalte pflegen können Sie ab Tag 1 selbst.

  • Nichts hält Sie. Der komplette Code liegt in Ihrem Git-Repository. Die Datenbank ist PostgreSQL, ein offener Standard. Das Docker-Image kann auf jeden beliebigen Server deployt werden — Hetzner, AWS, DigitalOcean, eigener Root-Server. Kein Anruf bei einem Anbieter, kein Export-Prozess, kein Datenverlust.

+++ Let's work together +++ +++ Let's work together +++ +++ Let's work together +++ +++ Let's work together +++

Kontakt

Bereit?

Reden wir 15 Minuten über Ihr Projekt. Kein Sales-Pitch — wir prüfen gemeinsam, ob es für Sie passt.

Lassen Sie uns prüfen, ob ein Webdesign-Projekt für Sie sinnvoll ist.

In einem unverbindlichen Erstgespräch klären wir gemeinsam:

  • Welches Ziel die Website hat — Lead-Generierung, Sales, Brand
  • Welche Funktionen Sie brauchen — CMS, Shop, Multi-Language, Buchung
  • Tech-Stack-Optionen — Next.js, Webflow, Headless CMS
  • Termin- und Budget-Korridor inkl. Hosting und Wartung
Erstgespräch