Wie können wir helfen?
  1. Zurück
  2. Knowledge Base
  3. Inspiration
  4. So gestalten Sie eine professionelle Website für Ihre Veranstaltung – mit Conference Manager und grafischen Hilfsmitteln

So gestalten Sie eine professionelle Website für Ihre Veranstaltung – mit Conference Manager und grafischen Hilfsmitteln

Website-Inspiration
Conference Manager schafft die Struktur. Grafiktools helfen, die visuelle Identität zu gestalten.

Eine gut strukturierte Veranstaltungswebsite hilft Teilnehmenden, wichtige Informationen schnell zu finden und sicher durch die Anmeldung zu gelangen. Conference Manager bildet die funktionale Grundlage, während Tools wie Canva, Magnific, Adobe Express und Figma dabei helfen können, visuelle Elemente zu erstellen, die die Identität der Veranstaltung unterstützen.

Websitestruktur Visuelle Identität Grafische Inspiration

Funktion und visuelles Erscheinungsbild verbinden

Die besten Ergebnisse entstehen häufig, wenn Conference Manager und ein externes Grafiktool für unterschiedliche Teile des Prozesses eingesetzt werden.

Conference Manager
Veranstaltungsstruktur aufbauen

In den Grundeinstellungen den Anmeldeablauf und die wichtigsten Veranstaltungseinstellungen festlegen und die Informationen anschließend im Website-Designer übersichtlich präsentieren.

Anmeldung und Teilnehmendenkategorien in den Grundeinstellungen einrichten
Programminformationen und Inhalte zu Referierenden in der Veranstaltungseinrichtung ergänzen
Seiten, Abschnitte und eine klare Navigation im Website-Designer erstellen
Website-Layout für Desktop, Tablet und Mobilgerät anpassen
Grafiktools
Visuelle Identität gestalten

Visuelles Material mit einem Grafiktool vorbereiten und anschließend im Website-Designer einfügen.

Headerbilder, Banner und Hintergründe gestalten
Speaker-, Programm- und Social-Media-Grafiken erstellen
Icons, Illustrationen und individuelle Bildformen vorbereiten
Einheitliche Farben, Schriftarten und Bildstile verwenden

Ideen für visuelle Inhalte

Die gesamte Website muss nicht neu gestaltet werden. Einige einheitliche grafische Elemente können die Seite wiedererkennbarer und vollständiger wirken lassen.

01
Headerbilder und Banner

Mit den Veranstaltungsfarben, dem Titel und einem passenden visuellen Element einen klaren ersten Eindruck schaffen.

02
Speaker-Grafiken

Speaker mit einheitlichen Porträts, Namen, Funktionen und Bildproportionen präsentieren.

03
Programmgrafiken

Programmthemen mit Farbcodes, Icons oder einfachen Session-Grafiken unterstützen.

04
Social-Media-Grafiken

Passende Grafiken für LinkedIn, Facebook und Instagram erstellen.

05
Icons und Illustrationen

Einfache Icons und Illustrationen einsetzen, um Informationen verständlicher zu machen, ohne die Seite zu überladen.

06
Dezente Animationen

Ein kleines animiertes GIF kann Bewegung schaffen, sollte aber nicht von der Anmeldung oder wichtigen Informationen ablenken.

Vom Grafiktool zum Website-Designer

Ein einfacher Ablauf erleichtert ein einheitliches Design und die Verwendung der Grafiken an der richtigen Stelle.

1
Erstellen

Die Grafik passend zu Farben, Schriftarten, Bildstil und Zweck der Veranstaltung gestalten.

2
Exportieren

Das fertige Design in einem geeigneten Dateiformat und in einer passenden Größe herunterladen.

3
Einfügen

Die Datei in die Medienbibliothek hochladen und als Bild, Hintergrund oder verlinktes visuelles Element einfügen.

Dateiformate

JPG eignet sich im Allgemeinen für Fotos und Banner. PNG ist für Logos, Icons und Grafiken mit scharfen Kanten oder transparentem Hintergrund geeignet. GIF kann für einfache Animationen verwendet werden; dabei die Dateigröße beachten.

Neu bei Canva?

Einige Video-Einbettungen können je nach Website-Einstellungen blockiert werden. Die Ressourcen unten werden daher direkt in Canva oder auf YouTube geöffnet.

Weitere nützliche Grafiktools

Canva ist nur eine Möglichkeit. Das Tool wählen, das zum eigenen Arbeitsablauf, Erfahrungsniveau und visuellen Bedarf passt.

Magnific

Magnific, ehemals Freepik, bietet Stockbilder, Vektoren, Illustrationen, Icons und Kreativtools, mit denen visuelles Material gefunden oder entwickelt werden kann.

Magnific öffnen
Adobe Express

Mit Adobe Express können Banner, Social-Media-Grafiken und andere visuelle Inhalte auf Basis von Vorlagen erstellt werden.

Adobe Express öffnen
Figma

Figma kann hilfreich sein, wenn mehrere Personen visuelle Konzepte gemeinsam entwickeln, prüfen oder anpassen.

Figma öffnen

Design für unterschiedliche Bildschirmgrößen

Die Website sollte übersichtlich und einfach zu bedienen bleiben, unabhängig davon, ob Teilnehmende sie am Computer, Tablet oder Smartphone aufrufen.

Im Website-Designer mit der Desktop-Ansicht beginnen und anschließend von links nach rechts mit Tablet und Mobilgerät fortfahren. Headerbilder und Abschnittshintergründe werden für die kleineren Ansichten übernommen, können dort aber ersetzt werden, ohne die Desktop-Version zu ändern. Layout-Einstellungen einzelner Elemente, etwa Ränder und Abstände, lassen sich ebenfalls für jedes Gerät separat anpassen.

Desktop, Tablet und Mobilgerät von links nach rechts prüfen
Prüfen, ob der Text gut lesbar bleibt
Hintergrundbilder bei Bedarf ersetzen
Ränder und Abstände für jedes Gerät anpassen
Den vollständigen Ablauf für Teilnehmende vor der Veröffentlichung testen

In der CM Academy weiterlesen

Diese Ressourcen zeigen die Arbeit mit dem Website-Designer und die Vorbereitung von Bildern für Conference Manager.

Elisabeth Bjørn Andersen
Elisabeth Bjørn Andersen
Veröffentlicht: 02.06.2025
War dieser Artikel hilfreich?

Verwandte Artikel

Neuigkeiten!

  • Fünf hilfreiche Verbesserungen in Conference Manager
  • Neue kurze Explainer-Videos in ausgewählten Artikeln verfügbar
  • Neuer Startguide ist jetzt auf der CM Academy verfügbar
Mehr erfahren