Landing für den Eigentümer

Was macht Landing für den Eigentümer?

Eine Webseite, die der Makler an den Eigentümer sendet (oder bei der Akquisitionsbesichtigung zeigt), damit dieser sieht, wie gut seine eigene Immobilie präsentiert und wie sie verkauft wird. Eine einzige, leichte Seite, serverlos, in einer Minute kostenlos veröffentlicht.

Dateien

Datei	Beschreibung
plantilla/index.html	Die Seite (Design, Stile und Aufbau). Wird nicht pro Immobilie bearbeitet.
plantilla/datos.js	Alles, was sich ändert: Marke, Immobilie, Texte. Das ist das Einzige, das ausgefüllt wird.
plantilla/plano3d.css	Styles für den 3D-Bereich (nur bei Grundriss).
ejemplo/	Komplette Landing mit fiktiven Daten („Fotos“ sind Illustrationen). Zum Öffnen, um das Ergebnis zu sehen.
referencia/marca-primera-vez.md	Fragen zur Marke, Paletten und Schriftarten für das erste Mal.
referencia/desde-un-portal.md	Wie man Daten und Fotos aus einem Idealista- oder anderen Portal-Link extrahiert.
referencia/publicar.md	Wie man die Seite auf dem Computer ansieht und kostenlos veröffentlicht (Vercel oder Netlify), Schritt für Schritt.

Schritt 0 · Die Marke des Maklers (nur beim ersten Mal)

~/.claude/mi-marca-inmobiliaria.md lesen.

• Wenn vorhanden: wie es ist verwenden und nicht erneut fragen. Nur ändern, wenn der Makler es verlangt („ändere meine Farben“, „neues Foto“, „ändere die Schriftart“).
• Wenn nicht vorhanden: den Ablauf der Skill mi-marca (in derselben Sammlung) ausführen und fortfahren, wenn die Datei existiert. Falls mi-marca nicht installiert ist, referencia/marca-primera-vez.md befolgen, das die drei Wege zusammenfasst (manuell, Auswahl zwischen 3 Mockups oder Extraktion aus Instagram/Webseite) und die Datei im gleichen Format speichert.

Das Feld estilo der Datei wählt die visuelle Variante der Seite: elegante (Standard), moderno, minimalista oder calido. Wenn ein anderer Wert übergeben wird, den ähnlichsten dieser vier verwenden.

Schritt 1 · Daten der Immobilie

Mit dem, was der Makler angibt:

• Link eines Portals: referencia/desde-un-portal.md befolgen (Daten, Fotos und Grundriss falls vorhanden).
• Fotos + Daten: die Fotos (Ordner oder per Chat hochgeladen) und die Grunddaten erfragen: Gegend, m², Schlafzimmer, Bäder, Stockwerk, Extras, ungefährer Preis (optional) und Name des Eigentümers. Nur das Fehlende in einer einzigen Nachricht fragen. Was nicht bekannt ist, bleibt leer und wird auf der Seite nicht angezeigt.

Hinweis zu Portal-Fotos: Diese unterliegen meist den Rechten des Anbieters. Sie werden nur verwendet, um sie dem Eigentümer in diesem privaten Vorschlag zu zeigen (die Seite enthält noindex). Für die echten Anzeigen eigene Fotos verwenden. Sag dem Makler Bescheid, wenn du sie verwendest.

Schritt 2 · Ordner erstellen

<Arbeitsordner>/landing-<Straße-oder-Gegend>/
  index.html        ← Kopie von plantilla/index.html
  datos.js          ← Kopie von plantilla/datos.js, ausgefüllt
  fotos/            ← 01.jpg, 02.jpg… (das hellste zuerst; idealerweise 1600–2000 px breit)
  marca/            ← Logo und Maklerfoto, kopiert aus den Pfaden der Markendatei
  (falls Grundriss) plano3d.css, plano3d.js, plano-data.js

• Sehr große Fotos (über 1 MB): mit sips -Z 2000 foto.jpg (Mac) verkleinern, bevor du sie verwendest.
• Der Ordnername sollte keine Eigentümerdaten enthalten, wenn er veröffentlicht wird.

Schritt 3 · 3D-Grundriss (nur wenn vorhanden)

Die Skill plano-3d (in derselben Sammlung) verwenden, um plano-data.js zu erstellen. plano-3d/motor/plano3d.js und plantilla/plano3d.css in den Ordner kopieren und plano3d: true in datos.js setzen. Einen Baustein { icono: 'cubo', t: '3D-Grundriss', … } zum Plan hinzufügen. Ohne Grundriss ist die Landing nur mit Fotos vollständig: keinen Grundriss erfinden.

Schritt 4 · Texte in datos.js schreiben

Ton: das Feld tono der Marke. Den Eigentümer mit „du“ ansprechen, kurze und konkrete Sätze über SEIN Haus.

• Titel: die Immobilie + ein klares Versprechen. Z. B.: „Deine Wohnung in Ruzafa, präsentiert wie sie es verdient.“
• Stärken (3 oder 6): was der Käufer schätzen wird (Licht, Zustand, Lage, Aufteilung, Extras), jeweils mit Begründung.
• Plan: die Grundpfeiler der Vorlage sind als Basis geeignet; an das Haus anpassen (z. B. Home Staging nur in leeren oder veralteten Räumen).
• Anzeige auf dem Handy: Portal-Überschrift, Social-Media-Hook und ein kurzer Copy mit Aufforderung zur Besichtigung.
• Kalender 30-60-90 und wöchentlicher Bericht: an die Arbeitsweise des Maklers anpassen. Die Zahlen im Bericht sind illustrativ und die Seite kennzeichnet sie („Beispieldaten“).
• Makler: echte Vita. Niemals Jahre, Verkäufe, Bewertungen oder Auszeichnungen erfinden: wenn der Makler sie nicht angibt, cifras: [].
• Nicht versprechen: Verkaufspreis oder garantierte Frist. Der Preis, falls angegeben, ist „unverbindlich“.

Schritt 5 · KI-Renderings (optional)

Nur wenn der Makler bereits ein eigenes KI-Tool zum Dekorieren von Fotos hat. Sie werden als weitere Fotos in der Galerie mit dem Hinweis „Virtuelle Einrichtung (unverbindlich)“ hinzugefügt. Die Landing ist darauf ausgelegt, auch ohne sie perfekt auszusehen.

Schritt 6 · Überprüfung (immer, vor der Abgabe)

Den Ordner servieren (npx serve <Ordner>) und im integrierten Browser öffnen:

1. In der Desktop-Ansicht und bei 375 px Breite: nichts ragt seitlich heraus (kein horizontaler Scrollbalken), Texte sind auf dem Titelbild lesbar und die WhatsApp/Anruf-Leiste erscheint unten auf dem Handy beim Herunterscrollen.
2. Galerie: jedes Foto öffnet sich in groß und kann mit Pfeilen durchgeblättert werden.
3. Bei Grundriss: das Modell lädt, Wände heben sich und Nordisch und Modern möblieren.
4. WhatsApp-Button: öffnet wa.me mit der Nummer des Maklers und der Nachricht. Anruf-Button: korrektes tel:.
5. Konsole ohne Fehler. Kein vergessener Text in [eckigen Klammern]. Dann dem Makler erklären, wie er die Seite ansehen und veröffentlichen kann (referencia/publicar.md) mit einfachen Worten.

Fehler, die nicht wiederholt werden sollten

• Dunkles Logo auf dem Titelbild: das Menü liegt über dem Foto; die helle Version des Logos verwenden (oder kein Logo, nur den Namen).
• Markenfarben ohne Kontrast: color_principal sollte dunkel sein und color_secundario hell. Wenn der Makler sie vertauscht hat, korrigiert die Seite die Textfarbe, aber es ist besser, einen Tausch vorzuschlagen.
• Unstimmige Daten: wenn die m² oder die Schlafzimmerzahl im Grundriss nicht mit der Anzeige übereinstimmen, den Makler warnen.
• Persönliche Daten in der URL: der Name des Eigentümers gehört in die Seite, niemals in den Namen des veröffentlichten Projekts.

In der Claude-App (ohne Terminal)

Falls ~/.claude/mi-marca-inmobiliaria.md nicht existiert (z. B. in der Claude-App), suche nach einer Datei mi-marca-inmobiliaria.md im Projektwissen oder als Chat-Anhang und verwende sie genauso. Wenn auch das nicht vorhanden ist, starte mi-marca. Liefere das Ergebnis immer als herunterladbare Dateien (HTML, Bilder) und erkläre zur Veröffentlichung Netlify Drop: auf app.netlify.com/drop gehen und den Ordner ziehen. Wenn du keinen Portal-Link öffnen kannst, bitte um Fotos und den Anzeigentext.