Landing Page mit Gemini

Wie du mit Google Gemini eine Landing Page erstellst – ganz ohne Entwickler

*Dieser Beitrag basiert auf einem YouTube-Video von Sophie Hundertmark, Expertin für den Einsatz von Künstlicher Intelligenz mit Fokus auf Chatbots und strategische AI-Anwendungen in Unternehmen und öffentlichen Institutionen. Sophie ist Forscherin und Dozentin an der Hochschule Luzern und promoviert im Bereich Conversational AI an der Universität Fribourg. Der Blogtext wurde mithilfe eines Custom GPT-Modells erstellt, das auf Sophies Video-Inhalte, Sprachstil und Fachwissen trainiert wurde. So entstehen fundierte, aktuelle Beiträge auf Basis eigener Expertise von Sophie Hundertmark.

Den Link zum Video findet ihr am Ende dieses Beitrags.


Stell dir vor, du hast eine Idee für ein neues Produkt oder Gadget und möchtest möglichst schnell eine passende Landing Page dafür erstellen – aber dir fehlt das technische Know-how oder ein Entwicklerteam. Genau hier zeigt Google Gemini, was heute möglich ist: In nur 15 Minuten zur klickbaren ersten Version – komplett ohne Programmierkenntnisse.

In diesem Beitrag zeige ich dir, wie ich genau das mit Gemini umgesetzt habe, was gut funktioniert hat, wo die Grenzen lagen und warum ich letztlich doch ein paar Stunden länger daran saß.


Erste Schritte mit Google Gemini: Brainstorming & Konzeptentwicklung

Bevor es überhaupt an das Design oder den Code ging, hat mich Google Gemini schon beim Brainstorming überrascht. In einem dialogorientierten Austausch haben wir gemeinsam ein durchdachtes Konzept für eine Landing Page entwickelt – abgestimmt auf mein Produkt, meine Marke und mein Ziel.

Besonders positiv: Gemini blieb während des gesamten Gesprächs konsistent und hat frühere Informationen nicht „vergessen“ – ein Problem, das ich bei ChatGPT häufiger erlebt habe. Statt bestehende Inhalte zu ersetzen, ergänzte Gemini meine Ideen sinnvoll und nachvollziehbar.


Der erste Prototyp in 15 Minuten: HTML-Code auf Knopfdruck

Nach dem Konzept ging’s direkt zur Umsetzung. Ich habe Gemini gebeten, mir eine einfache Landing Page zu erstellen – inklusive Code. Das Ergebnis: Ein vollständiger HTML-Code, der direkt funktionstüchtig war.

Ich konnte den Code sofort in WordPress einfügen und hatte damit eine klickbare erste Version meiner Seite. Kein aufwendiges Setup, keine Plugins, keine extra Tools. Einfach Copy & Paste – und los.


Integration in WordPress: Zwischen Code und Elementor

Natürlich wollte ich die Seite nicht nur als Prototyp nutzen, sondern richtig in mein bestehendes Design integrieren. Deshalb habe ich den Code sowohl direkt in WordPress eingefügt als auch versucht, ihn mit Elementor weiterzubearbeiten.

Dabei zeigte sich schnell: Der HTML-Code funktioniert gut, ist aber in der Bearbeitung nicht ganz trivial – zumindest, wenn man wie ich kein Entwickler ist. Kleine Textänderungen sind zwar direkt im Elementor möglich, aber größere Anpassungen, wie z. B. Links ändern, erfordern dann doch wieder den Griff in den Code.


Gemini als Helfer, nicht als Ersatz für Designsysteme

Ich habe Gemini schließlich gefragt, ob er mir ein Element-Template für Elementor liefern kann. Zwar konnte er mir keine direkt einsetzbare Vorlage geben, aber er erklärte mir Schritt für Schritt, wie ich die Seite in Elementor nachbauen kann – inklusive Spaltenstruktur, Inhaltselemente und Layout-Ideen.

Am Ende habe ich meine Seite manuell mit Elementor nachgebaut, was etwas länger dauerte – aber dafür exakt meinem Wunschdesign entsprach. Die Texte aus Gemini habe ich übernommen und konnte so sehr schnell eine fertige, individuelle Landing Page erstellen.


Fazit: Schneller Prototyp, flexibler Ausbau

Google Gemini ist ein spannendes Tool für alle, die ohne Programmierkenntnisse Landing Pages erstellen möchten – sei es zum Testen von Ideen, für erste Produktseiten oder als Basis für weitere Anpassungen.

Was besonders gut funktioniert hat:

  • Schnelle Konzeptentwicklung im Dialog
  • Vollständiger HTML-Code auf Knopfdruck
  • Klickbare erste Version innerhalb von 15 Minuten

Was (noch) nicht perfekt ist:

  • Eingeschränkte visuelle Bearbeitungsmöglichkeiten direkt im HTML
  • Kein direkter Export als Elementor-Template

Trotzdem: Wer keine Angst vor ein bisschen Code hat oder bereit ist, sich mit Tools wie Elementor auseinanderzusetzen, bekommt mit Gemini ein sehr starkes Werkzeug an die Hand.


Mein Tipp an dich:

Probier’s einfach mal aus! Selbst wenn du mit ChatGPT schon gearbeitet hast – Google Gemini bringt eine frische Herangehensweise, besonders im strukturierten Dialog. Und wer weiß: Vielleicht klick ich ja schon bald auf deine erste eigene Gemini-Landing Page.


Weitere Fragen?

Ihr habt Fragen dazu? Gerne unterstütze ich euch, stehe als Sparring-Partner zur Verfügung und beantworte eure Fragen. Ich freue ich mich immer über eure Nachrichten, am liebsten per WhatsApp Nachricht oder als E-Mail.

Sie sehen gerade einen Platzhalterinhalt von YouTube. Um auf den eigentlichen Inhalt zuzugreifen, klicken Sie auf die Schaltfläche unten. Bitte beachten Sie, dass dabei Daten an Drittanbieter weitergegeben werden.

Mehr Informationen

­ 

Buche jetzt
deine persönliche Beratung

Du benötigst Unterstützung oder hast Fragen? Dann vereinbare ganz einfach einen Termin mit mir und erhalte eine persönliche Beratung. Ich freue mich auf Dich!

> Konzeption & Strategie

> Keynotes, Workshops und Fachbeiträge

> Chatbots, Voicebots, ChatGPT

Weitere Beiträge

Gute Inhalte kosten Zeit...

... Zeit ist manchmal Geld.

Du kannst aber einen kleinen Betrag zahlen, als Dank für Ihre Arbeit hier.