Wie viele Anmeldungen für deinen nächsten Online-Kongress verschwinden, bevor der Interessent den Anmelde-Button überhaupt trifft? Die Antwort kenne ich nicht für jede Landingpage, die ich je gebaut habe — aber das Muster dahinter kenne ich gut. Landingpage-Optimierung für einen Online-Kongress ist im deutschsprachigen Raum vor allem eine Frage der mobilen Conversion und der Lead-Generierung, nicht der Desktop-Ästhetik: Der Großteil des Traffics, der über Social Media auf eine Kongress-Landingpage trifft, kommt vom Smartphone, häufig in der Bahn, zwischen zwei Terminen, mit einer Hand am Griff und der anderen am Display. Wer seine Seite zuerst für den großen Monitor entwirft und die mobile Version nur mitdenkt, verliert genau in diesem Moment Leads, die er nie wieder zu Gesicht bekommt.
Drei Baustellen entscheiden in der Praxis, ob eine Kongress-Landingpage auf dem Handy konvertiert oder abgebrochen wird: das Speaker-Grid, die Größe der Klickflächen und die Reihenfolge der Inhalte. Alle drei lassen sich technisch lösen, sobald du weißt, worauf du achten musst.
Warum das Speaker-Grid mobil zuerst kollabiert
Auf dem Desktop sieht eine Reihe mit vier oder fünf Speakern nebeneinander beeindruckend aus. Mobil wird daraus schnell ein endloser vertikaler Stapel aus Portraits, der zum Scrollen zwingt, bis der Daumen müde wird. Bei den ersten Tools, die ich getestet habe, war genau das Speaker-Grid die Stelle, an der die mobile Ansicht auseinanderfiel: Bilder ragten über den Rand hinaus, Namen wurden auf zwei Zeilen umgebrochen und blieben trotzdem unleserlich klein.
Ein Seitenverhältnis von 1:1 für die Speaker-Portraits hat sich bei mir als der zuverlässigste Weg erwiesen — es hält die Bilder auch in einer zweispaltigen mobilen Kachelung konsistent, ohne dass Köpfe ungünstig abgeschnitten werden. Bei zwölf oder mehr Speakern arbeite ich grundsätzlich mit zwei Spalten statt einer einzigen langen Liste, sonst wird die Seite unnötig lang. Als ich mit mylandingpage baute, prüfte ich vor allem, wie sauber das System diese Kacheln automatisch umbricht, wenn ein Speaker kurzfristig dazukommt oder abspringt (was bei zwölf Rednern öfter passiert, als man denkt). Judith, die ein paar Schreibtische weiter im CoWork Schwabing sitzt und im Performance-Marketing berät, wirft meistens einen Blick auf solche Entwürfe, bevor sie live gehen — ihr Feedback zu Text und Layout ist selten schonend, aber genau deshalb hilfreich.
Die 44-Pixel-Regel für Buttons und Formularfelder
Die Touch-Target-Size ist ein wichtiges Konzept im Interface-Design. Bei einer Heatmap-Analyse für einen meiner Kongresse fiel mir etwas Merkwürdiges auf, das ich vorher nie in Betracht gezogen hatte.
Über 200 Klicks auf die Nase eines Speakers. Kein einziger auf den Anmelde-Button direkt darunter.
Der Button war mobil so klein skaliert, dass Nutzer schlicht daneben tippten — und ich verlor Leads, ohne es zu bemerken, bis die Zahlen es mir zeigten. Seitdem halte ich mich an die Apple Human Interface Guidelines: Jedes interaktive Element, ob Button oder Formularfeld, braucht mindestens 44 mal 44 Pixel. Das klingt nach Designer-Kleinkram, ist aber überlebenswichtig für die Anmeldequote. Wenn du testen willst, ob deine Felder groß genug sind, nimm dein eigenes Handy und tippe im Gehen — nicht im Sitzen am Schreibtisch mit ruhiger Hand.
Ladezeit vor Inhalt: Was Core Web Vitals für deinen Kongress bedeuten
Geschwindigkeit ist der zweite Hebel, und Google gibt mit den Core Web Vitals klare Richtwerte vor. Der Largest Contentful Paint (LCP) — also der Moment, in dem das Hauptbild deiner Seite sichtbar wird — sollte unter 2,5 Sekunden liegen. Am Glasfaseranschluss im CoWork kein Problem, aber bei schwankendem LTE-Empfang unterwegs eine echte Hürde. Komprimiere deine Bilder auf das Nötigste und nutze WebP statt klassischer JPEGs, sonst springen Interessenten ab, bevor sie überhaupt wissen, worum es bei deinem Kongress geht — vergleichbar mit einem Teilnehmer, der vor dem Empfang eines Präsenzevents in der Schlange steht und wieder geht, weil niemand den Ablauf erklärt.
Reicht ein einziger Call-to-Action mobil aus?
Ein oft gehörter Rat lautet: Mobil muss alles kurz sein, nur ein Button und fertig. Meine Erfahrung mit vier Kongressen zeigt das Gegenteil. Die strikte Reduktion auf einen einzigen Call-to-Action schadet der Conversion mobil eher, weil Nutzer, die über Social Media auf die Seite kommen, skeptischer sind als Nutzer, die gezielt nach einem Kongress gesucht haben. Sie brauchen etwas Vertrauen, bevor sie ihre E-Mail-Adresse hergeben — nicht zuletzt wegen des rechtlich notwendigen Double-Opt-In-Prozesses in Deutschland.
Zusätzliche Vertrauenselemente unterhalb des ersten Sichtbereichs erhöhen bei mir die Anmeldequote deutlich: Ablauf, ein kurzer Absatz zum Veranstalter, zwei oder drei konkrete Learnings, die Teilnehmer aus den Sessions mitnehmen. Mobile Nutzer bauen Vertrauen durchs Scrollen auf, nicht durch einen aggressiven Button gleich oben ohne Kontext. Ich platziere das Anmeldeformular trotzdem prominent im ersten Sichtbereich, wiederhole aber die wichtigsten Vertrauenspunkte weiter unten, gefolgt von einem zweiten Formular. Die Frage, wie du deine Landingpage-Texte grundsätzlich für mehr Conversion schreibst, verengt sich damit ganz auf das Gerät: Ladezeit, Button-Position und Formularlänge auf dem Smartphone, über das die Mehrheit deiner Anmeldungen tatsächlich hereinkommt.
Single-Column-Layout für die Online-Kongress-Landingpage
Der eigentliche Wendepunkt war die Entscheidung, Seiten nicht mehr zuerst für den Desktop zu skizzieren, sondern direkt für das Smartphone. Ein Single-Column-Layout ist dabei der verlässlichste Aufbau: Alles, was am großen Monitor nebeneinander steht — Text links, Bild rechts —, muss mobil in einer klaren Reihenfolge untereinander laufen. Die Hierarchie entscheidet dabei über den Erfolg: Titel, Datum, der konkrete Nutzen des Kongresses, danach sofort das erste Formular. Sidebar-Elemente, über deren Platzierung ich früher lange nachgedacht habe, rutschen mobil ohnehin ganz nach unten, wo sie kaum noch jemand sieht.
Wenn du deinen Online Kongress DSGVO konform veranstalten willst, achte zusätzlich auf den Abstand zwischen der Einwilligungs-Checkbox und dem Link zur Datenschutzerklärung — auf einem schmalen Bildschirm liegen beide sonst so eng beieinander, dass Nutzer aus Versehen den falschen Punkt antippen und danach eine Fehlermeldung sehen, die niemand versteht. Das ist im Kleinen dasselbe Problem wie ein zu eng aufgebauter Tisch für Namensschilder bei einem Präsenzevent: Wer in Eile ist, greift daneben, und die Schlange stockt.
Eine solide Online Kongress Warteliste bringt dir Reichweite für den nächsten Launch, aber ohne eine Landingpage, die auf dem Handy in Sekunden lädt, verpufft dieser Vorteil im Moment des Klicks. Mobile Optimierung ist kein technisches Extra, das du am Ende noch schnell einbaust — sie entscheidet, ob deine Botschaft überhaupt ankommt, bevor der Daumen weiterscrollt.
Teste deine nächste Landingpage deshalb zuerst auf dem Smartphone und erst danach am großen Monitor — nicht umgekehrt. Wenn du dich dort nicht innerhalb von zehn Sekunden mit einem breiten Daumen anmelden kannst, ist die Seite noch nicht fertig, egal wie gut sie am 27-Zoll-Bildschirm aussieht.