{"id":12172,"date":"2025-12-19T14:34:49","date_gmt":"2025-12-19T14:34:49","guid":{"rendered":"https:\/\/cmacademy.events\/?post_type=ht_kb&#038;p=12172"},"modified":"2026-05-19T07:32:19","modified_gmt":"2026-05-19T07:32:19","slug":"website-inspirationsbibliothek","status":"publish","type":"ht_kb","link":"https:\/\/cmacademy.events\/de\/knowledge-base\/website-inspirationsbibliothek\/","title":{"rendered":"Website-Inspirationsbibliothek"},"content":{"rendered":"\n<p><strong>Auf dieser Seite k\u00f6nnen Sie Inspirationsveranstaltungen entdecken, die unterschiedliche M\u00f6glichkeiten zeigen, wie eine Veranstaltungswebsite in Conference Manager aufgebaut werden kann.<\/strong><\/p>\n\n\n\n<p>Die Beispiele basieren auf den <strong>Website-Themen<\/strong> <strong>B<\/strong> und <strong>C<\/strong> und veranschaulichen, wie sich Layout, Struktur und visuelle Darstellung unterscheiden k\u00f6nnen, w\u00e4hrend dieselbe grundlegende Funktionalit\u00e4t des Conference Managers genutzt wird.<\/p>\n\n\n\n<p>Sie k\u00f6nnen sich gerne f\u00fcr die Inspirationsveranstaltungen registrieren, um den gesamten Ablauf zu erleben \u2013 von der Erkundung der Website und des Programms \u00fcber die Anmeldung bis hin zum Erhalt der Best\u00e4tigungs\u00adkommunikation.<\/p>\n\n\n\n<p>Die Beispiele sollen Ihnen Inspiration daf\u00fcr geben, wie Sie Themes, Struktur und visuelle Elemente bei der Erstellung Ihrer eigenen Veranstaltungswebsite kombinieren k\u00f6nnen \u2013 abh\u00e4ngig von Ihren Anforderungen, Inhalten und Ihrer Marke.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Thema B<\/h3>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1840\" height=\"880\" src=\"https:\/\/cmacademy.events\/wp-content\/uploads\/2025\/12\/Design-uden-navn-3-2.gif\" alt=\"\" class=\"wp-image-12155\" style=\"width:636px;height:auto\"\/><\/figure>\n\n\n\n<style>\n  .pdf-button-b {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    height: 48px;\n    padding: 0 28px;\n    border-radius: 6px;\n    font-family: \"Titillium Web\", Arial, sans-serif;\n    font-size: 17px;\n    font-weight: 600;\n    background: linear-gradient(90deg, #185ABC 0%, #12202E 100%);\n    text-decoration: none !important;\n    color: #ffffff !important;\n    -webkit-text-fill-color: #ffffff !important;\n    transition: background 0.3s ease;\n  }\n\n  .pdf-button-b:hover,\n  .pdf-button-b:visited,\n  .pdf-button-b:active,\n  .pdf-button-b:focus {\n    background: linear-gradient(90deg, #9CCC3D 0%, #7BB92D 100%);\n    color: #ffffff !important;\n    -webkit-text-fill-color: #ffffff !important;\n    text-decoration: none !important;\n    outline: none !important;\n  }\n<\/style>\n\n<a href=\"https:\/\/www.conferencemanager.dk\/workshopsforall\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"pdf-button-b\">\n  Hier klicken, um die Veranstaltung aufzurufen<\/a>\n\n\n\n<p>In diesem Beispiel pr\u00e4sentiert die Startseite verschiedene Workshop-Themen, die jeweils auf eine eigene Seite der Website mit ausw\u00e4hlbaren Terminen verlinken. Der Button neben jedem Termin f\u00fchrt zu einer eigenen Teilnahmekategorie innerhalb derselben Veranstaltung in Conference Manager. <\/p>\n\n\n\n<p>Alle Teilnahmekategorien sind als verborgen eingerichtet, und der Zugriff auf jede Kategorie erfolgt \u00fcber Eventcode-Links, die direkt zum Anmeldeprozess f\u00fchren. Diese Links sind mithilfe des Website Designers in die Website eingebettet, sodass sich Teilnehmende f\u00fcr den ausgew\u00e4hlten Workshop anmelden k\u00f6nnen, ohne eine allgemeine Anmeldeseite durchlaufen zu m\u00fcssen.<\/p>\n\n\n\n<p>Die Anmeldeseite selbst ist in der Websitenavigation verborgen und kann ausschlie\u00dflich \u00fcber die Eventcode-Links aufgerufen werden. Dadurch sehen die Teilnehmenden nur den Workshop und den Termin, den sie ausgew\u00e4hlt haben, w\u00e4hrend die Organisatorin bzw. der Organisator eine einzige, strukturierte Veranstaltung mit mehreren Workshop-Terminen verwaltet.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Thema C<\/h3>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1840\" height=\"880\" src=\"https:\/\/cmacademy.events\/wp-content\/uploads\/2025\/12\/Design-uden-navn-4.gif\" alt=\"\" class=\"wp-image-12161\" style=\"width:638px;height:auto\"\/><\/figure>\n\n\n\n<style>\n  .pdf-button-c {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    height: 48px;\n    padding: 0 28px;\n    border-radius: 6px;\n    font-family: \"Titillium Web\", Arial, sans-serif;\n    font-size: 17px;\n    font-weight: 600;\n    background: linear-gradient(90deg, #185ABC 0%, #12202E 100%);\n    text-decoration: none !important;\n    color: #ffffff !important;\n    -webkit-text-fill-color: #ffffff !important;\n    transition: background 0.3s ease;\n  }\n\n  .pdf-button-c:hover,\n  .pdf-button-c:visited,\n  .pdf-button-c:active,\n  .pdf-button-c:focus {\n    background: linear-gradient(90deg, #9CCC3D 0%, #7BB92D 100%);\n    color: #ffffff !important;\n    -webkit-text-fill-color: #ffffff !important;\n    text-decoration: none !important;\n    outline: none !important;\n  }\n<\/style>\n\n<a href=\"https:\/\/conferencemanager.events\/professionaldevelopmentday\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"pdf-button-c\">\n  Hier klicken, um die Veranstaltung aufzurufen\n<\/a>\n\n\n\n<p>Der Schwerpunkt dieses Beispiels liegt auf Layout, Struktur und visueller Konsistenz. Abst\u00e4nde und Innenabst\u00e4nde wurden bei den verschiedenen Elementen angepasst, um eine saubere Ausrichtung und eine klare visuelle Hierarchie auf der gesamten Website zu gew\u00e4hrleisten.<\/p>\n\n\n\n<p>Das Navigationsmen\u00fc auf der linken Seite bleibt sichtbar und erm\u00f6glicht den Zugriff auf zentrale Bereiche, w\u00e4hrend ein auff\u00e4lliger Call-to-Action-Button auf der Startseite direkt zur Anmeldeseite f\u00fchrt. Zus\u00e4tzlich wurde eine eigene Programmseite erstellt, auf der das Programm automatisch aus der Veranstaltungs\u00adkonfiguration in Conference Manager \u00fcbernommen und auf der Website dargestellt wird.<\/p>\n\n\n\n<p>Das visuelle Design basiert auf einer konsequenten Verwendung von Gr\u00fcn und Wei\u00df als Prim\u00e4rfarben und kann leicht an die eigene Markenidentit\u00e4t angepasst werden. Dynamische Elemente wurden mithilfe animierter Bilder im GIF-Format erg\u00e4nzt, unter anderem Animationen im Logo und auf der Startseite.<\/p>\n\n\n\n<p>Alle in diesem Beispiel verwendeten Grafiken wurden in Canva erstellt und mit der Standardfunktionalit\u00e4t von Conference Manager kombiniert. Dies zeigt, wie externe Design-Tools gemeinsam mit Conference Manager eingesetzt werden k\u00f6nnen, um den visuellen Ausdruck einer Veranstaltungswebsite zu erweitern \u2013 statt sich ausschlie\u00dflich auf Conference Manager zu verlassen.<\/p>\n\n\n\n<p>Bilder werden ebenfalls als interaktive Elemente genutzt, indem Links direkt in die Grafiken integriert sind \u2013 beispielsweise zu LinkedIn-Profilen oder zum Download der CM Events App.<\/p>\n\n\n\n<p>Ziel dieses Beispiels ist es, Inspiration daf\u00fcr zu geben, wie die Standardfunktionalit\u00e4t von Conference Manager mit visuellen Designentscheidungen und externen Design-Tools kombiniert werden kann, um eine klare, konsistente und ansprechende Veranstaltungswebsite zu gestalten.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">M\u00f6chten Sie mehr erfahren?<\/h3>\n\n\n\n<p>Sehen Sie sich <a href=\"https:\/\/cmacademy.events\/de\/knowledge-base\/online-intro-fuer-den-website-designer\/\" data-type=\"link\" data-id=\"https:\/\/cmacademy.events\/knowledge-base\/online-introduction-to-website-designer\/\">hier<\/a> unser Einf\u00fchrungsvideo an, um zu erfahren, wie der Website Designer funktioniert, oder lesen Sie <a href=\"https:\/\/cmacademy.events\/de\/knowledge-base\/elemente-einfuegen-im-website-designer\/\" data-type=\"link\" data-id=\"https:\/\/cmacademy.events\/knowledge-base\/insert-elements-in-the-website-designer\/\">hier<\/a> unsere Schritt-f\u00fcr-Schritt-Anleitung zum Hinzuf\u00fcgen und Verwalten von Elementen im Website Designer.<\/p>\n\n\n\n<div class=\"author-box\"\n     style=\"padding: 24px 0;\n            font-family: 'Titillium Web', sans-serif;\n            margin-top: 40px;\n            border: none;\">\n\n  <!-- Meta (VENSTRE) -->\n  <div style=\"font-size: 15px; color: #555; margin-bottom: 32px;\">\n    <strong>Ver\u00f6ffentlicht: 19.12.2025<\/strong>\n  <\/div>\n\n  <!-- Authors (CENTRERET) -->\n  <div style=\"\n    display: flex;\n    align-items: flex-start;\n    justify-content: center;   \/* \u2190 centrer kun personerne *\/\n    gap: 28px;\n    flex-wrap: wrap;\n  \">\n\n    <!-- Sofia -->\n    <div style=\"text-align: center; width: 160px;\">\n      <img decoding=\"async\" src=\"https:\/\/cmacademy.events\/wp-content\/uploads\/2025\/03\/Sofia-Square-Profile-Image-2.png\"\n           alt=\"Sofia Gunilla Bergendal\"\n           style=\"width: 58px; height: 58px; border-radius: 50%; object-fit: cover;\n                  box-shadow: 0 0 10px rgba(24, 90, 188, 0.35); margin-bottom: 8px;\" \/>\n      <div style=\"font-size: 14px; font-weight: 600; color: #185ABC; line-height: 1.2;\">\n        Sofia Gunilla Bergendal\n      <\/div>\n    <\/div>\n\n    <!-- S\u00f8ren -->\n    <div style=\"text-align: center; width: 160px;\">\n      <img decoding=\"async\" src=\"https:\/\/cmacademy.events\/wp-content\/uploads\/2025\/03\/Soren-Square-Profile-Image.png\"\n           alt=\"S\u00f8ren Olsen\"\n           style=\"width: 58px; height: 58px; border-radius: 50%; object-fit: cover;\n                  box-shadow: 0 0 10px rgba(24, 90, 188, 0.35); margin-bottom: 8px;\" \/>\n      <div style=\"font-size: 14px; font-weight: 600; color: #185ABC; line-height: 1.2;\">\n        S\u00f8ren Olsen\n      <\/div>\n    <\/div>\n\n    <!-- Elisabeth -->\n    <div style=\"text-align: center; width: 160px;\">\n      <img decoding=\"async\" src=\"https:\/\/cmacademy.events\/wp-content\/uploads\/2025\/05\/Design-uden-navn-41.png\"\n           alt=\"Elisabeth Bj\u00f8rn Andersen\"\n           style=\"width: 58px; height: 58px; border-radius: 50%; object-fit: cover;\n                  box-shadow: 0 0 10px rgba(24, 90, 188, 0.35); margin-bottom: 8px;\" \/>\n      <div style=\"font-size: 14px; font-weight: 600; color: #185ABC; line-height: 1.2;\">\n        Elisabeth Bj\u00f8rn Andersen\n      <\/div>\n    <\/div>\n\n  <\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Auf dieser Seite k\u00f6nnen Sie Inspirationsveranstaltungen entdecken, die unterschiedliche M\u00f6glichkeiten zeigen, wie eine Veranstaltungswebsite in Conference Manager aufgebaut werden kann. Die Beispiele basieren auf den Website-Themen B und C und veranschaulichen, wie sich Layout, Struktur und visuelle Darstellung unterscheiden k\u00f6nnen, w\u00e4hrend dieselbe grundlegende Funktionalit\u00e4t des Conference Managers genutzt wird. Sie k\u00f6nnen sich gerne f\u00fcr die &hellip; <\/p>\n<p class=\"link-more\"><a href=\"https:\/\/cmacademy.events\/de\/knowledge-base\/website-inspirationsbibliothek\/\" class=\"more-link\"><span class=\"screen-reader-text\">\u201eWebsite-Inspirationsbibliothek\u201c<\/span> weiterlesen<\/a><\/p>\n","protected":false},"author":6,"comment_status":"closed","ping_status":"closed","template":"","format":"standard","meta":{"footnotes":""},"ht-kb-category":[397],"ht-kb-tag":[92,206],"class_list":["post-12172","ht_kb","type-ht_kb","status-publish","format-standard","hentry","ht_kb_category-blog-de","ht_kb_tag-website","ht_kb_tag-website-de","entry"],"_links":{"self":[{"href":"https:\/\/cmacademy.events\/de\/wp-json\/wp\/v2\/ht-kb\/12172","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cmacademy.events\/de\/wp-json\/wp\/v2\/ht-kb"}],"about":[{"href":"https:\/\/cmacademy.events\/de\/wp-json\/wp\/v2\/types\/ht_kb"}],"author":[{"embeddable":true,"href":"https:\/\/cmacademy.events\/de\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/cmacademy.events\/de\/wp-json\/wp\/v2\/comments?post=12172"}],"version-history":[{"count":18,"href":"https:\/\/cmacademy.events\/de\/wp-json\/wp\/v2\/ht-kb\/12172\/revisions"}],"predecessor-version":[{"id":13931,"href":"https:\/\/cmacademy.events\/de\/wp-json\/wp\/v2\/ht-kb\/12172\/revisions\/13931"}],"wp:attachment":[{"href":"https:\/\/cmacademy.events\/de\/wp-json\/wp\/v2\/media?parent=12172"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/cmacademy.events\/de\/wp-json\/wp\/v2\/ht-kb-category?post=12172"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/cmacademy.events\/de\/wp-json\/wp\/v2\/ht-kb-tag?post=12172"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}