Die Seite bekommt eine klare Rolle.
Suchintention, Angebot und Navigation werden zuerst als Informationsmodell geordnet. So weiß jede URL, welche Frage sie beantwortet und wohin sie weiterführt.
Seitenmodell · URL-Rollen · interne WegeWebdesign · Struktur, Oberfläche, Code
Webdesign Agentur.Ihre Website, klar gedacht.
SeoForge verbindet Seitenstruktur, individuelles Design und sauberen Code. Für eine responsive Website, die Ihr Angebot verständlich macht, Menschen führt und weiterentwickelt werden kann.
Individuell gestaltetSEO von Anfang anMobil durchdacht
Die eigentliche AufgabeErst die Aufgabe.
Erst die Aufgabe.
Dann die Oberfläche.
Eine Website verbindet Entscheidungen: Was suchen Menschen? Was erklärt Ihr Angebot? Und welcher Schritt hilft ihnen weiter?
Das Interface führt statt zu dekorieren.
Typografie, Bild, Beleg und Handlung bilden eine sichtbare Reihenfolge. Die mobile Ansicht ist kein zusammengeschobener Desktop, sondern eine eigene Komposition.
Wireframe · Designsystem · responsive ZuständeDer Launch bleibt kontrollierbar.
Sauberer Code, Messung, QA und ein nachvollziehbarer Release-Prozess halten die Website schnell, auffindbar und nach dem Go-live veränderbar.
Staging · QA-Protokoll · Release-NotizStrategie → Struktur
Ohne klare Leistungen, Zielgruppen und Suchintentionen fehlt der Seite die Richtung.
Struktur → OberflächeBedarf, Beleg und Handlung werden im Interface zu einem nachvollziehbaren Weg.
Oberfläche → BetriebEin kontrollierter Build und verlässliche Pflege halten die Website nach dem Launch nutzbar.
Menschen · Marken · Unternehmen
Die richtige Website für Ihren Auftritt.
Vom persönlichen Profil bis zum Unternehmensauftritt: Wir gestalten Websites für Menschen, Marken und Betriebe. Wählen Sie die Richtung, die zu Ihrer Aufgabe passt.
raumfolgeARCHITEKTUR & RÄUME
Räume mit Charakter.Architektur,
die bleibt.Unser Projekt entdecken
die bleibt.Unser Projekt entdecken
Bildwelt · Dramaturgie · Atmosphäre
Cinematische Websites
Für Marken, Architektur, Kultur und besondere Projekte, deren Auftritt mit einer starken Bildwelt beginnt. Große Motive, eine klare Dramaturgie und gezielte Bewegung geben Ihrer Geschichte Raum – und führen trotzdem verständlich zum nächsten Schritt.
Zum Beispiel für
Marken · Architektur · Kultur · Kreativprojekte
- Bildwelten und Projekte in den Mittelpunkt stellen
- Inhalte als nachvollziehbare Geschichte aufbauen
- Bewegung passend zum Inhalt und Gerät einsetzen
clara winterSTRATEGIE & KOMMUNIKATION
Gute Fragen. Klare Entscheidungen.Klarheit für Ihren nächsten Schritt.
Ich begleite Selbstständige dabei, ihr Angebot zu schärfen und verständlich zu kommunizieren.
Kennenlernen
PositionierungKommunikationPersönliche Beratung
Ein Gespräch ist ein guter Anfang.hallo@clara-winter.example
Profil · Expertise · Kontakt
Persönliche Websites
Eine digitale Visitenkarte, ein Portfolio oder eine persönliche Website für Selbstständige, Beratende und Kreative. Ihr Profil, Ihre Leistungen und ausgewählte Arbeiten erhalten einen klaren Platz. Menschen verstehen, wofür Sie stehen und wie sie Sie erreichen.
Zum Beispiel für
Selbstständige · Beratung · Kreative · persönliche Marken
Digitale Visitenkarten & kompakte Personal-Brand-Websites ab 800 €
- Persönlichkeit und Kompetenz sichtbar machen
- Profil, Angebot und Arbeitsproben übersichtlich verbinden
- Einen direkten Weg zum Gespräch anbieten
WERK.ENERGIELeistungen · Betrieb · Kontakt
Energie.
Die trägt.Erzeugung, Betrieb und Technik.Unsere Aufgaben entdecken
Die trägt.Erzeugung, Betrieb und Technik.Unsere Aufgaben entdecken
Leistungen · Vertrauen · Anfrage
Unternehmen & lokale Betriebe
Für Friseure, Kosmetikstudios, Handwerksbetriebe und kleine bis mittelständische Unternehmen. Ihre Website erklärt das Angebot, stellt den Betrieb vor und macht Kontakt oder Terminanfrage leicht. Welche Seiten und Funktionen Sie brauchen, planen wir nach Ihrem Arbeitsalltag.
Zum Beispiel für
Lokales Betriebsbeispiel: Studio Linden Friseure · Kosmetik · Handwerk · Dienstleistung · Mittelstand
- Leistungen, Team und passende Belege verständlich zeigen
- Öffnungszeiten, Standort und Anfahrt leicht auffindbar machen
- Anfragen oder Terminwege nach Bedarf einbinden
Ihr Webdesign-Hub
Ihr Vorhaben hat einen passenden Weg.
Eine neue Website, eine gezielte Kampagne oder ein digitales Produkt? Hier finden Sie die passende Leistung – und darunter ihr eigenes Kapitel mit Arbeitslogik und Projektgrenze.
S·Ihr WebprojektDie passende Lösung beginnt mit Ihrer Aufgabe./webdesign
01 / Festpreis oder individuelles Projekt
Website erstellen lassen: zwei Wege, ein klarer Owner.
Wir brauchen eine neue Homepage, Firmenwebsite oder ein größeres Website-System.
Für einen fokussierten Neuauftritt verbindet das 1.990-€-Paket bis zu fünf Kernseiten, individuelles Design und eine technische SEO-Basis. Mehr Zielgruppen, Inhalte, Funktionen oder Migration werden als individuelles Projekt mit eigenem Scope, Preis und Zeitplan geplant.
Wann dieser Weg passt
Festpreis und individuellen Projektweg vergleichenDas Paket passt bei vollständigen Inhalten und ohne komplexe Rollen, Migrationen oder Sonderfunktionen. Sobald zusätzliche Komplexität entsteht, wird sie nicht in den Festpreis hineingedrückt, sondern separat eingeordnet.
- Paket
- 1.990 € · bis 5 Seiten
- Abnahme
- 4 Std. nach Freigabe
- Individuell
- Angebot nach Scope
02 / Kampagnenzielseite
Landingpage: eine Kampagne, ein Versprechen, eine Handlung.
Eine Kampagne braucht genau eine Handlung.
Google Ads, LinkedIn oder ein Produktlaunch funktionieren besser, wenn Anzeige und Zielseite dieselbe Erwartung fortsetzen. Versprechen, Beleg, Einwand und CTA bleiben auf einem fokussierten Entscheidungsweg.
Wann dieser Weg passt
Landingpage für eine Kampagne planenPasst zu einer Kampagne, einem Angebot und einer klar messbaren Handlung. Für mehrere Suchintentionen oder ein wachsendes Inhaltsangebot ist eine vollständige Website geeigneter.
Vom Klick zur AnfrageModell
Beispiel · AnzeigeMehr Klarheit für Ihre Website.Beratung kennenlernen
Die Kampagne kündigt eine konkrete Leistung und den nächsten Schritt an.
- Quelle
- Anzeige oder Launch
- Prinzip
- Message Match
- Ziel
- eine Handlung
03 / Bestand & Migration
Website-Relaunch: Bestand schützen, System erneuern.
Die bestehende Seite trägt Rankings, ist aber technisch am Ende.
Ein Relaunch ist keine optische Löschaktion. URLs, Rankings, Inhalte, interne Links und technische Abhängigkeiten werden inventarisiert, bevor Mapping, Design und Build kontrolliert in den neuen Stand überführt werden.
Wann dieser Weg passt
SEO-sicheren Website-Relaunch einordnenGeeignet, wenn die bestehende Website reale Suchsignale oder Inhalte trägt. Ist nur die laufende Technik instabil, kann Wartung statt Relaunch die wirtschaftlichere Entscheidung sein.
Seiten erhalten. Wege ordnen.Beispiel
01/alte-leistungLeistungsseite
02/ratgeber-aRatgeber
03/kampagne-altAlte Kampagne
InventarMappingMonitoring
- Vorher
- URL-Inventar
- Go-live
- Redirect-Mapping
- Danach
- Monitoring
04 / Digitales Produkt-Interface
App Design: Zustände und Entscheidungen statt Seitenstapel.
Nutzer sollen in einer Anwendung arbeiten, nicht nur lesen.
Web-Apps, Dashboards und SaaS-Produkte werden über Aufgaben, Zustände, Daten und Rückmeldung verstanden. Daraus entstehen nachvollziehbare Flows, ein belastbares UI-System und ein Handoff, mit dem Entwicklung tatsächlich arbeiten kann.
Wann dieser Weg passt
App-Interface und UX-System planenDer richtige Weg für wiederkehrende Nutzung, Logins, Datenzustände und komplexe Interaktionen. Für reine Information oder Lead-Generierung reicht eine Website oder Landingpage.
S·ProjektansichtUI-Beispiel
Ihr WorkspaceNächster Schritt
Platz für Ihre nächste Aufgabe.
Eine leere Ansicht erklärt, wie es weitergeht.
- Logik
- Kernflow
- System
- UI-Zustände
- Übergabe
- Developer Handoff
Gestaltung, die Sie ansehen können
Design sehen. Unterschiede verstehen.
Neun Richtungen im Webdesign Concept Lab: räumliche Erzählungen, grafische Systeme und klare Unternehmensseiten. Die Studien zeigen Gestaltung und Umsetzung.
01
RAUMFOLGE 07
Immobilien · räumliche Erzählung
Fiktive Concept Study
02
VITA/INNER
Health · visuelle Erklärung
Fiktive Concept Study
03
HANDOFF/9
SaaS · Interface und Workflow
Fiktive Concept Study
Design und Entwicklung zusammen
Die Technik folgt Ihrer Arbeitsweise.
Pflegebedarf, Integrationen und Funktionen entscheiden über das System. Wir arbeiten mit Next.js oder WordPress, wenn die Lösung zur Aufgabe passt.
N↗
Next.js
Für individuell entwickelte Oberflächen, kontrollierte Seitenmodelle und eigene Funktionen. Entwicklung, Designsystem und technische SEO-Basis greifen direkt ineinander.
Individuelle Interfaces · eigene Funktionen · kontrollierter BuildW↗
WordPress
Wenn Ihr Redaktionsteam Inhalte regelmäßig selbst pflegt. Wir richten Oberfläche und System nach Arbeitsweise, Inhaltstypen und dem vereinbarten Funktionsumfang aus.
Redaktion · Inhaltspflege · definierter WartungsbedarfVor dem Start klären wir, wer Inhalte pflegt, welche Zugänge benötigt werden und wie Updates und Übergabe organisiert sind.
Messbare WebqualitätQualität, die sich
Qualität, die sich
prüfen lässt.
Gutes Webdesign ist mehr als Geschmack. Performance, Stabilität, Reflow und Bedienbarkeit lassen sich vor dem Release testen – und müssen auf echten Geräten funktionieren.
Auch die Bedienung zählt.
Tastatur, erkennbare Fokuszustände, Kontrast und Reflow bei 320 CSS-Pixeln gehören zur Prüfung.
Reflow-Kriterium der W3CCore Web VitalsZielbereiche
- LCP
- ≤ 2,5 s
Der größte sichtbare Inhalt lädt im guten Bereich.
- INP
- ≤ 200 ms
Interaktionen reagieren im guten Bereich.
- CLS
- ≤ 0,1
Die Seite bleibt im guten Bereich visuell stabil.
Google bewertet die Core Web Vitals am 75. Perzentil der Seitenaufrufe. Das sind Zielbereiche, keine gemessenen Projektwerte. Quelle: web.dev
Von der ersten Frage bis zum Release
Jeder Schritt hinterlässt einen Arbeitsstand.
Erst wird die Entscheidung klar. Dann wird gebaut. Jede Phase hat eine Aufgabe, einen sichtbaren Output und einen abgestimmten nächsten Schritt.
Sie bringen Ihr Angebot, vorhandene Inhalte und Feedback ein. Gemeinsam klären wir Freigaben und technische Übergaben.
01Diagnose
Was muss die Website geschäftlich leisten?
Wir lesen Angebot, Nachfrage, Zielgruppen, vorhandene Daten und technische Grenzen. Daraus entsteht kein Wunschzettel, sondern eine priorisierte Aufgabenstellung.
Sichtbarer OutputProjektgrenze und Erfolgsdefinition
02Seitenmodell
Welche Information gehört auf welche URL?
Keyword- und Intent-Zuordnung, Navigation und Conversion-Wege werden vor dem Layout entschieden. Das schützt vor dünnen Unterseiten und späterer Kannibalisierung.
Sichtbarer OutputSitemap, URL-Rollen und Content-Briefings
03Interface
Wie wird die Reihenfolge sichtbar?
Wireframes und Designsystem übersetzen die Architektur in klare Blickführung, sinnvolle Belege und mobile Zustände. Zwei feste Review-Punkte halten Entscheidungen nachvollziehbar.
Sichtbarer OutputFreigegebene Oberfläche statt Bildersammlung
04Build
Welche Technik trägt das System?
Next.js, WordPress oder eine andere Lösung werden nach Pflegebedarf, Integrationen und Funktionsumfang gewählt. SEO, Semantik und Performance entstehen direkt im Build.
Sichtbarer OutputStaging-Version mit echter Funktion
05Release
Was ist vor und nach dem Go-live zu prüfen?
Responsive QA, Tracking, Metadaten, Indexierbarkeit, Formulare und Performance werden kontrolliert. Änderungen bleiben über einen dokumentierten Release-Weg rückverfolgbar.
Sichtbarer OutputQA-Protokoll und Übergabe
Festpreis oder individuelles ProjektKlarer Umfang.
Klarer Umfang.
Klarer Preis.
Eine belastbare Kalkulation trennt Seitenmodell, Content, Funktionen, Integrationen und Betrieb. Eine Kampagnenseite ist anders geplant als eine mehrsprachige Firmenwebsite oder ein Relaunch.
Der fokussierte Neuauftritt1.990 €
Bis zu fünf Kernseiten, individuelles Design und eine technische SEO-Basis.
Paket und Projektgrenze ansehenVollständige Inhalte und ein klarer Umfang vorausgesetzt. Erweiterungen werden separat geplant.Was ein individuelles Projekt bestimmt
01
Seitenmodell
Wie viele eindeutige Such- und Nutzeraufgaben braucht die Website?
02
Content-Zustand
Sind Texte, Belege und Medien vorhanden, zu überarbeiten oder neu zu erstellen?
03
Funktionen
Welche Formulare, Rechner, Logins oder dynamischen Ansichten sind wirklich nötig?
04
Integrationen
Welche Systeme müssen Daten austauschen – CRM, Buchung, Shop oder Analytics?
05
Betrieb
Wer pflegt Inhalte, Releases, Sicherheit und technische Updates nach dem Launch?
Die Spannweite erläutert der Ratgeber zu den Kosten einer professionellen Website. Nach dem Launch lässt sich Website-Wartung und Weiterentwicklung als eigener Betriebsweg anschließen.
Fragen vor dem StartWebdesign.
Webdesign.
Klar beantwortet.
Die Antworten grenzen Leistung und Verantwortung ab, bevor ein Angebot entsteht.
01Was kostet professionelles Webdesign bei SeoForge?
Der Preis folgt dem tatsächlichen System: Seitenumfang, Content-Zustand, individuelle Funktionen, Integrationen, Designtiefe und gewünschter Betrieb. Nach einem kurzen Intake grenzen wir diese Faktoren ab und erstellen ein verbindliches Angebot. Eine einzelne Kampagnenseite ist anders kalkuliert als eine mehrsprachige Unternehmenswebsite oder ein Relaunch mit URL-Migration.
02Wie lange dauert ein Webdesign-Projekt?
Die Dauer hängt weniger an der reinen Seitenzahl als an Entscheidungen und Abhängigkeiten. Ein klar umrissenes Projekt kann nach wenigen Wochen live sein; ein Relaunch mit vielen Inhalten, Freigaben und Integrationen braucht mehr Vorlauf. Der Zeitplan benennt deshalb Review-Termine, benötigte Inhalte und technische Übergaben ausdrücklich.
03Arbeitet SeoForge mit Next.js oder WordPress?
Mit beidem, wenn es zur Aufgabe passt. Next.js eignet sich für sehr kontrollierte, schnelle und individuell entwickelte Systeme. WordPress ist sinnvoll, wenn ein Redaktionsteam viele Inhalte selbst pflegen soll. Wir entscheiden nicht nach Mode, sondern nach Arbeitsweise, Funktionen, Wartung und erwarteter Lebensdauer der Website.
04Ist SEO in der Website-Erstellung enthalten?
Das technische und strukturelle SEO-Fundament gehört in jedes Projekt: semantisches Markup, Indexierbarkeit, URL-Struktur, interne Wege, Metadaten und Performance. Eine vollständige laufende SEO-Strategie ist ein eigener Arbeitsbereich. So bleibt transparent, was beim Build entsteht und was kontinuierliche Optimierung erfordert.
05Was bedeutet Mobile-First bei SeoForge konkret?
Inhaltliche Priorität, Interaktionen, Touch-Ziele und Textbreiten werden zuerst für kleine Viewports geprüft. Komplexe Desktop-Kompositionen werden nicht nur gestapelt, sondern für das Handy neu geordnet. Zusätzlich testen wir Reflow, Tastaturbedienung, Kontrast und horizontales Overflow in mehreren Breiten.
06Was passiert nach dem Launch?
Zum Abschluss erhalten Sie eine dokumentierte Übergabe. Je nach Stack können Inhalte intern gepflegt oder über uns weiterentwickelt werden. Für technische Updates, Backups und laufende Änderungen lässt sich eine Website-Wartung anschließen; für Sichtbarkeit und Content gibt es separate SEO-Betreuung.
Ihr nächster Schritt
Welche Website braucht Ihr nächster Geschäftsschritt?
Im ersten Gespräch klären wir Ausgangslage, Ziel, vorhandene Inhalte und technische Grenzen. Danach wissen Sie, welcher Projektweg sinnvoll ist.
Webprojekt besprechen
Feste Ansprechperson.
Klare Projektgrenze. Dokumentierte Übergabe.