Portfolio-Website erstellen

Registriere dich bei Framer.com. Nutze die Funktion 'Start with AI' und gib folgenden Prompt ein: 'A professional, minimalist portfolio for an AI Specialist showcasing LLM solutions, automation workflows, and generative art. Use a dark theme with neon accents.'

• Wähle eine der drei generierten Varianten aus.
• Passe die Primärfarben an dein persönliches Branding an. Erledigt, wenn: Ein editierbares Website-Grundgerüst in Framer mit mindestens 4 Sektionen (Hero, Projects, Skills, Contact) existiert.

Erstelle für jedes Projekt eine eigene Unterseite oder einen CMS-Eintrag in Framer. Dokumentiere:

• Projekt 1: LLM & Prompt Engineering (Zeige komplexe System-Prompts und das Ergebnis).
• Projekt 2: KI-Automatisierung (Visualisiere einen Workflow, z.B. mit Make.com oder Zapier).
• Projekt 3: Generative Medien (Galerie mit Midjourney- oder Stable Diffusion-Werken inkl. der verwendeten Prompts). Erledigt, wenn: Drei Projekte mit Titel, Problemstellung, Lösungsweg und visuellen Beweisen (Screenshots/Videos) online sind.

Lass ChatGPT deine 'About Me'-Sektion und Projektbeschreibungen schreiben. Nutze diesen Prompt: 'Schreibe einen prägnanten Text für mein Portfolio als KI-Experte. Fokus auf Problemlösungskompetenz und Effizienzsteigerung durch KI. Sprache: Deutsch, Tonfall: Professionell & Innovativ.'

• Kopiere die Texte in die entsprechenden Framer-Textfelder. Erledigt, wenn: Alle Platzhaltertexte ('Lorem Ipsum') durch individuelle, fehlerfreie deutsche Texte ersetzt wurden.

Nutze das Framer-Komponentensystem, um ein 'Vorher/Nachher'-Element zu bauen.

• Links: Die rohe KI-Antwort oder das Problem.
• Rechts: Das optimierte Ergebnis durch deinen spezialisierten Prompt.
• Dies demonstriert visuell dein Handwerk hinter der KI. Erledigt, wenn: Ein funktionsfähiger Slider oder Vergleichs-Widget auf der Startseite eingebunden ist.

Da du in Deutschland lebst, ist dies zwingend erforderlich.

• Nutze den kostenlosen Generator von eRecht24 oder Avery Zweckform.
• Erstelle eine Unterseite '/impressum' und '/datenschutz'.
• Verlinke beide im Footer deiner Website.
• Achte darauf, dass Framer-Cookies (falls genutzt) in der Erklärung aufgeführt sind. Erledigt, wenn: Beide rechtlichen Seiten im Footer verlinkt und von jeder Unterseite aus erreichbar sind.

Suche nach einer Domain wie 'deinname-ai.de' oder 'ki-consulting-nachname.de'.

• Kaufe die Domain.
• Gehe in die Framer-Einstellungen -> Domains -> Connect a domain.
• Hinterlege die A-Records und CNAME-Einträge in deinem DNS-Dashboard beim Provider. Erledigt, wenn: Die Website unter deiner eigenen URL (ohne .framer.ai) erreichbar ist.

Prüfe die Website auf deinem Smartphone.

• Korrigiere Umbrüche in Framer über die 'Breakpoints' (Tablet/Phone).
• Nutze Google PageSpeed Insights, um die Ladezeiten zu prüfen.
• Optimiere Bilder (exportiere sie als WebP), falls die Ladezeit über 2 Sekunden liegt. Erledigt, wenn: Der PageSpeed-Score für Mobile bei mindestens 80/100 liegt.

Klicke in Framer auf 'Publish'.

• Erstelle einen LinkedIn-Post mit einem kurzen Video-Screen-Recording (nutze Loom) deiner Website.
• Tagge relevante KI-Influencer oder nutze Hashtags wie #AI #Portfolio #NoCode. Erledigt, wenn: Die Website live ist und der erste Social-Media-Post veröffentlicht wurde.