Siteatelier
Private · Members Only
Siteatelier Icon
Zum Homescreen hinzufügen Teilen → "Zum Home-Bildschirm" tippen

Siteatelier Dashboard

100k Pitch Engine & Architect Mode

🕵️

URL-Heist & Premium Klon Alpha

Verwandle die rottige Webseite eines Leads in Sekunden in ein 100k-Awwwards Setup. Die KI extrahiert Schwächen, Vibe und Copywriting, und füllt das Dashboard massiv optimiert aus.

System Presets (30+ Nischen):
✨ Magic Guide (Dein Weg zur $100k Website)
1. Basis wählen

Wähle oben ein "System Preset" als Vorlage oder fülle unten die Felder manuell aus.

2. Story & Look

Passe die Farben nach deinem Geschmack an und baue den "Drag & Drop Story-Builder" auf.

3. Magic Copy

Klicke rechts auf "Alles Kopieren" und füge den Text in eine KI wie Claude oder Cursor ein!

🔥 100K ENTERPRISE MODE

Aktiviert globale Überschreibungen für Headless CMS (Next.js), Carl Jung Marken-Archetypen, WebGL (Spline 3D) und Data-Layer Tracking. Empfohlen für extreme High-Ticket Pitches.

🧑‍✈️

KI Co-Pilot God Mode Advisor

Wähle ein Preset oder passe deine Einstellungen an. Klicke auf Live Analyse, um mein Strategie- und Technik-Feedback zu deinem aktuellen Setup zu erhalten. Ich verfeinere dein Konzept auf 100.000€-Niveau!

🏢 01. BUSINESS & MARKE

💡

Wer bist du? (Das Fundament)

Je "spitzer" du ausfüllst, desto besser textet die KI. Statt "Menschen mit Garten" schreibe lieber "Wohlhabende Einfamilienhausbesitzer über 40". Das gibt der KI den perfekten Rahmen.

0 / 80 Zeichen

🧠 02. PSYCHOLOGIE & COPYWRITING

💰

Wie wir verkaufen (Die Emotionen)

Websites verkaufen nicht durch bunte Layouts, sondern durch harte Psychologie. Sprich den Schmerz deines Kunden messerscharf an!

0 / 120 Zeichen

🏗️ 03. STRUKTUR & UX-ARCHITEKTUR Drag & Drop

💡 Ein Funnel führt den Nutzer an die Hand und konvertiert massiv besser als riesige Seiten.

Wähle jetzt deine exakten Bausteine aus und sortiere sie von oben (Das Erste, was der Kunde sieht) nach unten.

  • ☰ Mega-Menu Navbar (Hover Reveal)
    Eine gigantische, einklappende Navigation (wie bei Apple). Füllt bei Hover fast den halben Screen mit Bildern und tiefen Links. Das pure 20.000€-Look-Gefühl.
  • ☰ Hero (Hook & Value Prop)
    Der absolut wichtigste Bereich ganz oben (100vh). Fängt die Aufmerksamkeit in 3 Sekunden und erklärt exakt, welches Problem du löst.
  • ☰ Press & Awards ("Bekannt aus...")
    Baut sofort massive Autorität auf, indem Logos von großen Zeitungen, Magazinen oder verifizierten Siegeln gezeigt werden.
  • ☰ Social Proof (Kundenlogos / Trust)
    Zeigt die Firmenlogos von B2B Kunden, mit denen man bereits zusammengearbeitet hat. Generiert massives passives Vertrauen.
  • ☰ Problem Identification (Schmerzpunkt)
    Eine emotionale psychologische Sektion, die den potenziellen Kunden darauf hinweist, was er bei der Konkurrenz oder aktuell falsch macht. Dreht den Schmerz hoch.
  • ☰ Services / Core Offer (Bento Grid)
    Listet deine Hauptangebote auf. Die KI nutzt hier das berühmte Apple "Bento-Grid" Design (verschieden große asymmetrische Karten, die perfekt abschließen).
  • ☰ Features Deep-Dive (Tech Specs)
    Perfekt für Software (SaaS), Apps oder komplexe Dienstleistungen für Profis. Geht brutal ins Detail und erklärt exakt jede einzelne technische Eigenschaft.
  • ☰ Der Prozess (In 3 Schritten zum Ziel)
    Menschen haben Angst vor Komplexität. Diese Sektion visualisiert, wie unfassbar simpel die Zusammenarbeit ist (z.B. 1. Anrufen, 2. Plan checken, 3. Skalieren).
  • ☰ Interactive Portfolio / Vorher-Nachher
  • ☰ Video Sales Letter (VSL Promo)
    Zentriertes, riesiges Erklär-Video. Perfekt für High-Ticket Coachings und Conversion-Optimierungen. Die KI baut die perfekten Play-Buttons dafür.
  • ☰ About Us / Gründer-Story (Experten-Status)
    Verkauft nicht das kalte Produkt, sondern das Gesicht dahinter. Gibt der Webseite sofort eine menschliche, extrem starke Bindungsebene zu zukünftigen Kunden.
  • ☰ Pricing / Investment-Pakete
    Simple klassische Preistabellen (z.B. Basic, Pro, Enterprise). Ideal für Agentur-Retainer und Produktpakete, um die finanzielle Hürde psychologisch zu framen.
  • ☰ Kundenbewertungen (Testimonials Slider)
    Beweglicher Slider, in dem Kunden in den höchsten Tönen das Angebot loben (Am besten inklusive echten 5-Sterne Rating Icons, Namen und Portrait-Fotos).
  • ☰ Content Cluster (SEO Topic)
    Eine SEO-optimierte Textsektion, die das wichtigste Suchvolumen abfängt. Elegant in das flüssige Design eingebaut.
  • ☰ FAQ Accordion
    Zerstört die letzten Kauf-Einwände der User. Diese Klapp-Texte (Akkordeons) klären Restzweifel auf elegante Art und Weise, ohne viel Platz wegzunehmen.
  • ☰ Lead Magnet / Download-Formular
    Besucher gehen oft ohne Kauf weg. Tauscht ihren Kontakt (Email) gegen einen unfassbaren Mehrwert (Checkliste, Studie) ein, um eine Liste aufzubauen.
  • ☰ Location & Öffnungszeiten (Lokales)
    Ein absolutes Muss für Handwerker, Ärzte oder Restaurants. Integriert Adresse, Öffnungszeiten und oft eine direkte Google-Maps Integration.
  • ☰ Marquee / Infinite Ticker
    Endlos durchlaufendes, flüssiges Text- oder Logo-Band. Extrem beliebt bei Fashion-, Crypto- oder Tech-Startups, um Dynamik zu erzeugen.
  • ☰ Interactive Timeline (Roadmap)
    Eine vertikale Zeitachse, die sich beim Runterscrollen füllt. Perfekt, um die Firmenhistorie, Web3-Roadmaps oder Arbeitsabläufe darzustellen.
  • ☰ Dynamic Pricing (Monthly / Yearly Toggle)
    Hochwertige SaaS-Preistabellen. Enthält einen coolen Switch-Button zum Umschalten zwischen Monats- und Jahreszahlungen (inkl. dynamischer Zahlen-Animation).
  • ☰ ROI Calculator / Interaktiver Slider (B2B SaaS)
    Der Endgegner im B2B-Sales: Ein verstellbarer Schieberegler ("Wie viel Umsatz machen Sie?"), der den Gewinn live berechnet. Überzeugt Kunden sofort.
  • ☰ Vorher-Nachher Image Slider
    Ein interaktives Bild, das in der Mitte einen anfassbaren Balken hat. Zieht man ihn, vergleicht man zwei Fotos (Perfekt für Zahnärzte, Chirurgen, GalaBau).
  • ☰ Meet the Team (Hover-Reveal Effekte)
    Mitarbeiter-Auflistung, bei der die seriösen Schwarz-Weiß-Bilder erst bei Maus-Kontakt komplett in Farbe leuchten oder durch witzige GIFs ersetzt werden.
  • ☰ Final CTA / Formular
    Die letzte psychologische Barriere. Eine große, drängende Sektion, die den User fast zwingt zu handeln, mit sauber eingeklinktem Anfrage-Email-Formular.
  • ☰ Premium Footer (mit Firmendaten)
    Der absolut notwendige Boden jeder Seite. Verlinkt das rechtliche (Impressum, DSGVO) und Social-Media Kanäle rechtskonform in einer schönen 4-Spalten Architektur.
Live Architektur Preview

🎨 04. DESIGN, FARBEN & BILDER

Die KI zieht automatisch perfekt abgestimmte Platzhalter-Bilder aus der Datenbank zu diesen Keywords.

🎬 05. MOTION & QUALITY

⚙️ 06. SEO & TECH-STACK

GOD-MODE TECH STACK Erweitert

Vanilla HTML (Empfohlen): Perfekt für normale Verkaufs-Seiten (Landingpages). Braucht keine Server-Installation. Eine pure Datei. Extrem einfach zu hosten.

React + Next.js: Der globale Industrie-Standard! Ideal für komplexe Software, SaaS-Produkte, Kunden-Logins und interaktive Web-Apps.

Vue + Nuxt: Die geliebte Alternative zu React. Hat eine deutlich saurere Code-Struktur und wird oft für richtig große E-Commerce Projekte genutzt.

Astro: Die Geheimwaffe von Elite-Agenturen für Content-Seiten. Schreibt pfeilschnellen Code, wodurch Websites quasi in 0 Sekunden laden (Perfekt für SEO).

Tailwind CSS (Empfohlen): Der absolute Standard. Die KI ist darauf trainiert und gibt dir das fehlerfreiste, eleganteste Layout überhaupt.

Custom CSS Variables: Für Puristen und echte Coder, die keine Hilfs-Klassen im Code haben wollen.

SCSS: Für alteingesessene Teams, die verschachteltes Styling (Nesting) lieben.

CSS Modules: Isoliert das CSS für jede Komponente (Perfekt für große React-Projekte, um Überschneidungen zu verhindern).

Lucide Icons (Empfohlen): Sieht aus wie Apple. Minimalistisch, gestochen scharf, perfekt für echte Premium-Marken. Löst den billigen Emoji-Look ab.

FontAwesome 6: Der Klassiker. Fast jedes Icon der Welt ist verfügbar, wirkt aber oft etwas in die Jahre gekommen.

Phosphor: Extrem beliebt im Finanzwesen und bei UX/UI-Tüftlern für edle Kanten.

💡 High-Ticket SaaS Integration: Standard-Formulare mit Name & E-Mail wirken billig. Trag hier Tools wie Calendly, Typeform oder HubSpot ein. Die KI baut dann das Design wunderschön um echte Widget-iFrames herum auf!

👽 07. CO-PILOT ALGORITHMS God Mode Only

Diese Parameter werden ausschließlich vom Co-Piloten auf Basis psycho-geometrischer Analysen befüllt. Ändere sie nicht manuell.

Kompatibilitäts-Tacho
100/100
Quick Fix Prompts (Bei KI Fehlern)