In 11 Schritten zu deiner
eigenen Landingpage.

Du brauchst die Desktop-Version von Claude — eine App für deinen Computer. Im Browser geht's nicht.

• Gehe auf claude.ai/download
• Lade die Version für dein System herunter (Mac oder Windows)
• Öffne die Datei und installiere Claude wie jede andere App

Ohne Pro-Abo kannst du Claude Code nicht nutzen. Das Abo ist monatlich kündbar.

• Claude Desktop öffnen und mit deiner E-Mail anmelden
• Oben rechts auf dein Profil klicken → Upgrade to Pro
• Zahlungsdaten hinterlegen und bestätigen

In diesem Ordner wird deine Landingpage entstehen — Texte, Design, alles.

• Rechtsklick auf den Desktop → Neuer Ordner
• Nenn ihn z. B. „Landingpage Recruiting"
• Merk dir den Namen — den brauchst du gleich wieder

Das sind die Dateien, die Claude „beibringen", wie deine Landingpage aufgebaut werden soll. Das Herzstück des Systems — ohne sie funktioniert der ganze Prozess nicht.

• Die heruntergeladene ZIP-Datei doppelklicken, um sie zu entpacken
• Alle Dateien aus dem entpackten Ordner in deinen Desktop-Ordner ziehen
• Nichts umbenennen, nichts öffnen, nichts ändern — einfach reinlegen
• Claude Code erkennt sie später automatisch beim Start

Kurz zum Unterschied, damit du nicht suchst: Claude Desktop ist die normale Chat-App, die du in Step 1 installiert hast. Claude Code ist ein eigenes Werkzeug, das Dateien auf deinem Computer lesen und bearbeiten kann. Beide gehören zusammen, sind aber zwei separate Bereiche.

So öffnest du Claude Code

• Öffne Claude Desktop
• Klicke in der linken Seitenleiste auf „Code" (oder wähle im Menü oben „Claude Code")
• Beim ersten Aufruf führt Claude dich durch eine kurze Einrichtung — einfach den Anweisungen folgen

Deinen Ordner auswählen

• In Claude Code auf „Open Folder" bzw. „Ordner öffnen" klicken
• Wähle deinen Desktop-Ordner (mit den Toolkit-Dateien, die du in Step 4 reingelegt hast)
• Claude Code zeigt den Ordner jetzt in der Seitenleiste — alle Dateien werden automatisch erkannt

Jetzt geht's los. In Claude Code siehst du unten auf dem Bildschirm ein Eingabefeld — dort tippt man mit Claude wie in einem normalen Chat. Kopiere genau diesen Prompt und füge ihn dort ein:

Claude liest jetzt alle Dateien aus deinem Ordner, versteht den Aufbau und stellt dir dann Schritt für Schritt Fragen — zu deinem Unternehmen, der Position, deinem Wunschbewerber, Design und Tonalität.

So läuft der Dialog ab

• Claude stellt pro Nachricht nur 2–3 Fragen — du beantwortest sie in eigenen Worten
• Enter drücken, Claude stellt die nächsten Fragen
• So arbeitet ihr euch durch alle Themenblöcke — Schritt für Schritt
• Unsicher bei einer Frage? Schreib „weiß nicht" oder „mach einen Vorschlag" — Claude gibt dir passende Optionen
• Je ehrlicher und konkreter du antwortest, desto besser wird die Seite

Bilder einbauen — so geht's

Claude fragt dich im Verlauf, ob du eigene Bilder einbauen willst (z. B. Team-Fotos, dein Logo, Produkt-Bilder). Wenn ja:

• Lege alle gewünschten Bilder direkt in deinen Desktop-Ordner (neben die Toolkit-Dateien)
• Claude erkennt sie automatisch — du musst nichts hochladen oder verlinken
• Nenn Claude einfach den Dateinamen, z. B. „Das Team-Foto heißt team.jpg" — oder lass Claude die Datei selbst finden
• Formate: JPG, PNG, WebP oder SVG sind alle okay

Am Ende des Dialogs baut Claude automatisch die Startseite (index.html) und die Dankeseite (bewerbung-eingegangen.html).

Wenn Claude fertig gebaut hat, zeigt er die Seite im Preview-Panel. Falls nicht automatisch: diesen Prompt verwenden:

Schau dir die Seite an. Passt etwas nicht, sag es Claude in eigenen Worten:

• „Ändere die Hauptüberschrift zu: XYZ"
• „Mach das Gold etwas dunkler"
• „Füge noch einen Punkt bei den Aufgaben hinzu: ..."
• „Die FAQ-Antwort zu Homeoffice ist zu lang, kürze sie"

Claude passt an, du schaust wieder in die Vorschau. So lange, bis alles sitzt.

Bevor du die Seite live stellst, machst du eine Testbewerbung — damit du sicher bist, dass später wirklich jede Antwort bei dir ankommt. Erst danach wird die ZIP-Datei gebaut.

a) Testbewerbung durchklicken

• Öffne deine Landingpage (Doppelklick auf die index.html in deinem Ordner)
• Klick auf „Jetzt bewerben" — das Popup öffnet sich
• Beantworte jede einzelne Frage und trag deine echten Kontaktdaten ein
• Rechtsklick irgendwo auf der Seite → „Untersuchen" (oder F12) → Reiter „Netzwerk" öffnen
• Klick auf „Bewerbung absenden" und beobachte im Netzwerk-Reiter den Eintrag, der erscheint
• Klick auf diesen Eintrag → Reiter „Payload" oder „Formulardaten"

b) ZIP-Datei erstellen lassen

Erst wenn der Test sauber durchläuft, bittest du Claude um die ZIP-Datei:

• Claude packt die Dateien automatisch zusammen
• Die ZIP-Datei erscheint in deinem Ordner
• Merk dir, wo sie liegt — du brauchst sie gleich

Dieser Schritt ist in zwei Teile aufgeteilt: zuerst A) verstehen (jetzt), dann B) konfigurieren (nach dem Netlify-Upload in Step 11 — dort zeigt Netlify dir genau, welcher Eintrag nötig ist).

Teil A — Verstehen (jetzt)

Was ist eine Subdomain?

Eine Subdomain ist eine Unterseite deiner bestehenden Domain. Wenn deine Hauptdomain deinefirma.at ist, kannst du daraus beliebig viele Subdomains bauen — z. B. bewerbung.deinefirma.at oder karriere.deinefirma.at. Du musst keine neue Domain kaufen, und die Seite wirkt professionell und zuordenbar.

Wie funktioniert das technisch?

Über einen DNS-Eintrag. DNS ist das Adressbuch des Internets — es sagt dem Browser, wohin eine Adresse zeigt. Du hinterlegst bei deinem Domain-Anbieter einen Eintrag, der sagt: „bewerbung.deinefirma.at zeigt auf meine Seite bei Netlify." Der Fachbegriff dafür ist CNAME-Eintrag. Für die Hauptdomain selbst (ohne Präfix) heißt der Eintrag stattdessen A-Record — das erledigt aber Netlify meistens automatisch für dich.

Wo findest du die DNS-Einstellungen?

Bei deinem Domain-Anbieter — da, wo du die Domain gekauft hast. Die Menüs heißen überall ähnlich:

• Im Kundenbereich deines Anbieters einloggen
• Zum Reiter „Domains" oder „Meine Domains" gehen
• Bei deiner Domain den Punkt „DNS-Einstellungen", „DNS verwalten" oder „Nameserver / DNS" öffnen
• Dort gibt es einen Button wie „Neuer Eintrag" oder „DNS-Eintrag hinzufügen"

Wenn du die Einstellungen nicht findest, hilft dir der Support deines Domain-Anbieters am schnellsten weiter — frag einfach kurz nach: „Wo finde ich die DNS-Einstellungen für meine Domain?"

Teil B — Konfigurieren (nach Step 11)

Sobald deine Seite auf Netlify live ist, zeigt dir Netlify im Dashboard unter „Domain Management" → „Add custom domain" genau an, welchen DNS-Eintrag du eintragen musst. Typischer Aufbau:

• Typ: CNAME (für Subdomains)
• Name / Host: der Subdomain-Teil ohne Hauptdomain, z. B. bewerbung
• Wert / Ziel: die Netlify-URL, die Netlify dir anzeigt (z. B. deine-seite-1234.netlify.app)
• TTL: den Standardwert lassen (meist 3600 Sekunden)

Netlify ist der Dienst, der deine Seite im Netz zugänglich macht. Das Wichtige vorweg: der kostenlose Plan reicht für eine normale Recruiting-Landingpage völlig aus — inklusive Formular-Handling.

• Gehe auf netlify.com
• Klick auf „Sign up" — am einfachsten mit Google-Account
• Wähle zunächst den Free-Plan aus — du kannst jederzeit später upgraden

Letzter Schritt: Die ZIP-Datei auf Netlify ziehen. Das war's.

• Im Netlify-Dashboard in der linken Seitenleiste auf „Sites" klicken
• Oben rechts auf den Button „Add new site" klicken
• Im aufklappenden Menü ganz unten „Deploy manually" wählen
• Auf der neuen Seite die ZIP-Datei vom Desktop in das Upload-Feld ziehen (Drag & Drop)
• Netlify entpackt automatisch und gibt dir eine URL (z. B. mutiges-licht-1234.netlify.app)
• Klick auf die URL — deine Landingpage ist online

Wenn du über Meta (Facebook / Instagram) Werbung schaltest, willst du wissen, wer über deine Ads auf der Landingpage landet und sich bewirbt. Dafür brauchst du einen Meta Pixel — einen kleinen Tracking-Code, den Claude bereits als Platzhalter in deine Seite eingebaut hat.

Was du tun musst

• Im Meta Business Manager einen Pixel erstellen (falls noch nicht vorhanden)
• Deine Pixel-ID kopieren (eine lange Zahlenfolge)
• Claude schreiben: „Setze meine Meta Pixel ID: [deine ID]" — Claude baut sie an den richtigen Stellen ein
• Neue ZIP bauen lassen und auf Netlify austauschen (siehe Hinweis in Step 11)