01Ziel und Markt
Erst denken, dann bauen.
Was soll die Website erreichen, und für wen? Ist das Ziel vorgegeben, schärft er es. Wenn nicht, sucht er selbst eine Chance in echten Suchdaten: Wonach suchen viele Menschen, ohne eine gute Antwort zu finden? Seine Formel: nachgewiesene Suchnachfrage × schwache Konkurrenz × etwas, das sich bauen lässt.
- Suchvolumen und Suchergebnisse holt er über DataForSEO.
- Er erkennt schwache Suchergebnisse: Foren ganz oben, veraltete Seiten, Artikel, wo Menschen ein Tool suchen.
- Kann eine KI-Antwort die Frage vollständig beantworten? Dann macht er es interaktiv oder lässt die Idee fallen.
02Versprechen und Struktur
Ein Satz, der sofort sitzt.
Er fasst den Kern in einem einzigen Satz zusammen und prüft ihn: Versteht man auf einen Blick, was das ist und warum es wertvoll ist? Danach wählt er die Art der Website (ein Tool, eine Marketing-Website, eine Content-Website oder ein Verzeichnis), die Seiten und den Weg zur Aktion, die zählt.
- Bei einem Tool: Nutzen innerhalb von zehn Sekunden, ohne Konto.
- Eine klare Hauptaktion pro Abschnitt.
03Stilrahmen
Das Design steht vor der ersten Zeile Code.
Typografie, eine Farbskala, eine feste Abstandsskala, Rundungen, Schatten und Bewegungskurven werden zu Tokens: festen Bausteinen, aus denen alles entsteht. Und er wählt einen einzigen Signature-Moment. Zurückhaltung ist das Premium-Signal: ein Moment, der hängen bleibt, keine zwanzig Effekte.
- Eine oder zwei Schriften, mit einer bewussten Skala.
- Farbe in zehn bis zwölf Stufen, Abstände auf einem Raster von 4 Pixeln.
- Jeder Effekt dient dem Verständnis, der Orientierung oder dem Markengefühl. Nie nur, weil es geht.
04Technik
Das richtige Werkzeug für genau dieses Projekt.
Eine Content- oder Marketing-Website wird meist statisch gebaut, zum Beispiel mit Astro und Tailwind: am schnellsten und am besten auffindbar. Ein Tool oder eine App bekommt Next oder Vite mit React. Ein einfacher One-Pager bleibt schlichtes statisches HTML.
- Statisch, wo es geht, auf dem Server, wo es nötig ist.
- Der Kerninhalt steht immer als echtes HTML auf der Seite, damit Suchmaschinen und KI-Crawler ihn lesen können.
05Bauen
Vollständig fertig und auffindbar ab der ersten Zeile.
Echte Texte, nie Lorem ipsum. Alle Seiten und alle Zustände: Hover, Fokus, Laden, leer, Fehler und eine eigene 404-Seite. Bilder und Videos erstellt er selbst mit den kreativen Tools, innerhalb des Stilrahmens. SEO ist kein Nachgedanke: Titel, Beschreibungen, schema.org, Sitemap, interne Links und ein Teilen-Bild pro Seite sind von Anfang an dabei.
- Selbst gehostete Schriften mit korrekter Lizenz.
- Weniger Bewegung für alle, die das auf ihrem Gerät einstellen, immer eingebaut.
06Testen
Er schaut mit eigenen Augen hin.
Er vertraut seinem Code nie blind. Er startet die Website, macht Screenshots auf Desktop, Tablet und Smartphone, an verschiedenen Scrollpositionen und in verschiedenen Zuständen, sieht sie sich wirklich an und verbessert, was er sieht. Danach folgen die automatischen Prüfungen und eine strenge Abschluss-Checkliste. Mindestens zwei Runden Hinsehen und Verbessern.
- Keine Fehler in der Konsole, keine toten Links.
- Barrierefreiheit mit axe, Geschwindigkeit mit Lighthouse.
- Drei Browser-Engines, darunter die von Safari.
- Eine ehrliche Selbstbewertung: unter 8 von 10 ist es nicht fertig.
07Übergabe und Livegang
Eine funktionierende Website, kein Mock-up.
Er übergibt den vollständigen Projektordner, mit start.bat und start.sh, um die Website auf Ihrem eigenen Computer zu starten, einer README und einer DEVELOPMENT.md mit Architektur, Entscheidungen, bekannten Einschränkungen und nächsten Schritten. So kann jeder Entwickler und jeder Agent weitermachen. Online geht es über Zaela: zuerst eine Vorschau, danach gibt ein Owner oder Admin den Livegang frei.
- Hatte er die Idee selbst, erhalten Sie auch die Suchdaten hinter der Chance.
- Er sagt auch ehrlich, wo die schwächste Stelle liegt.