{"id":30367,"date":"2022-08-07T17:14:16","date_gmt":"2022-08-07T19:14:16","guid":{"rendered":"https:\/\/bernhardherzog.com\/de\/?p=30367"},"modified":"2023-09-24T16:59:17","modified_gmt":"2023-09-24T18:59:17","slug":"standuppaddeln","status":"publish","type":"post","link":"https:\/\/bernhardherzog.com\/de\/standuppaddeln\/","title":{"rendered":"Abschlussprojekt an der Werbeakademie \ud83d\udea3"},"content":{"rendered":"\n<p>Als Abschlussprojekt an der Werbeakademie habe ich ein <strong>Logo<\/strong>, die <strong>Website<\/strong>, ein <strong>Magazin <\/strong>und noch vieles mehr f\u00fcr meine Kundin <a href=\"https:\/\/standuppaddeln.at\" target=\"_blank\" rel=\"noreferrer noopener\">standuppaddeln.at<\/a> gestaltet. Das will ich euch im folgenden gerne pr\u00e4sentieren.<\/p>\n\n\n\n<!--more-->\n\n\n\n<h2 class=\"wp-block-heading\">Dokumentation (Download)<\/h2>\n\n\n\n<p>Ich habe mein Projekt ausf\u00fchrlich in einer sch\u00f6n gestalteten Dokumentation beschrieben: <a href=\"https:\/\/bernhardherzog.com\/de\/wp-content\/uploads\/sites\/2\/2022\/08\/bernhard_herzog_wak_diplomarbeit_doku_doppelseiten.pdf\">Hier downloaden<\/a><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Danksagung<\/h2>\n\n\n\n<p>Ich will mich bei den Trainer:innen des Kurses f\u00fcr die Unterst\u00fctzung bedanken. Ich habe f\u00fcr sie diese Animation in <strong>Blender <\/strong>erstellt:<\/p>\n\n\n\n<div class=\"alignwide\">\n<div class=\"wp-block-button is-style-fill\" style=\"position: absolute; z-index: 1\"><a class=\"wp-block-button__link has-vivid-red-background-color has-background\" onclick=\"handleClick1()\" style=\"border-radius:3px; padding: 5px; margin: 5px; left: 0px; text-decoration: none; color: white\" id=\"sound1\">Sound ein!<\/a><\/div>\n<figure class=\"wp-block-video alignwide\" id=\"video1\"><video autoplay=\"\" loop=\"\" muted=\"\" src=\"https:\/\/bernhardherzog.com\/de\/wp-content\/uploads\/sites\/2\/2022\/08\/thanks.mp4\" width=\"100%\" style=\"border-radius: 10px\"><\/video><\/figure>\n<\/div>\n\n<script>\nfunction checkVisible(elm) {\n  var rect = elm.getBoundingClientRect();\n  var viewHeight = Math.max(document.documentElement.clientHeight, window.innerHeight);\n  return !(rect.bottom < 0 || rect.top - viewHeight >= 0);\n}\nwindow.onscroll= function()\n{\n   scrollVideo(\"1\");\n\/*   scrollVideo(\"2\");\n   scrollVideo(\"3\");\n   scrollVideo(\"4\");*\/\n   scrollVideo(\"5\");\n   scrollVideo(\"6\");\n   scrollVideo(\"7\");\n   scrollVideo(\"8\");\n   scrollVideo(\"9\");\n   scrollVideo(\"10\");\n}\nfunction scrollVideo(index)\n{\n   let video = document.getElementById(\"video\" + index).firstChild;\n   var visible = checkVisible(video);\n   if (visible == false)\n   {\n     video.muted = true;\n     updateButton(index);\n   }\n}\nfunction handleClick1()\n{\n  toggleVideo(\"1\");\n  updateButton(\"1\");\n}\nfunction toggleVideo(index)\n{\n  let video = document.getElementById(\"video\" + index).firstChild;\n  video.muted = !video.muted;\n}\nfunction updateButton(index)\n{\nlet button = document.getElementById(\"sound\" + index);\nlet video = document.getElementById(\"video\" + index).firstChild;\nif (video.muted == true)  button.innerHTML = \"Sound ein!\";\nelse  button.innerHTML = \"Sound aus!\";\n}\n<\/script>\n\n\n\n<p>Mein gr\u00f6\u00dfter Dank geht an Sabine, die bis dato die beste Trainerin ist, die ich je gehabt habe und an Stefan, der mich in der Endphase des Projekts sehr unterst\u00fctzt hat.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Ausgangssituation<\/h2>\n\n\n\n<p>Das ist die alte Website:<\/p>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;69e4f7f8e3725&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"69e4f7f8e3725\" class=\"wp-block-image alignwide size-large wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/bernhardherzog.com\/de\/wp-content\/uploads\/sites\/2\/2022\/08\/website-1024x576.jpg\" alt=\"\" class=\"wp-image-30380\" srcset=\"https:\/\/bernhardherzog.com\/de\/wp-content\/uploads\/sites\/2\/2022\/08\/website-1024x576.jpg 1024w, https:\/\/bernhardherzog.com\/de\/wp-content\/uploads\/sites\/2\/2022\/08\/website-300x169.jpg 300w, https:\/\/bernhardherzog.com\/de\/wp-content\/uploads\/sites\/2\/2022\/08\/website-768x432.jpg 768w, https:\/\/bernhardherzog.com\/de\/wp-content\/uploads\/sites\/2\/2022\/08\/website-1536x864.jpg 1536w, https:\/\/bernhardherzog.com\/de\/wp-content\/uploads\/sites\/2\/2022\/08\/website-2048x1152.jpg 2048w, https:\/\/bernhardherzog.com\/de\/wp-content\/uploads\/sites\/2\/2022\/08\/website-600x338.jpg 600w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"Vergr\u00f6\u00dfern\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"state.imageButtonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><figcaption class=\"wp-element-caption\">alte Website<\/figcaption><\/figure>\n\n\n\n<p>Es gab die folgenden Probleme:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Hauptnavigation zu umfangreich (Ziel: Reduktion auf 6-7 Punkte)<\/li>\n\n\n\n<li>\u00dcberschriften in Gro\u00dfbuchstaben (schlecht lesbar)<\/li>\n\n\n\n<li>Zeilen zu lang<\/li>\n<\/ul>\n\n\n\n<p>altes Logo:<\/p>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;69e4f7f8e3cd2&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"69e4f7f8e3cd2\" class=\"wp-block-image size-full wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"400\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/bernhardherzog.com\/de\/wp-content\/uploads\/sites\/2\/2022\/08\/logo.jpg\" alt=\"\" class=\"wp-image-30381\" srcset=\"https:\/\/bernhardherzog.com\/de\/wp-content\/uploads\/sites\/2\/2022\/08\/logo.jpg 600w, https:\/\/bernhardherzog.com\/de\/wp-content\/uploads\/sites\/2\/2022\/08\/logo-300x200.jpg 300w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"Vergr\u00f6\u00dfern\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"state.imageButtonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><figcaption class=\"wp-element-caption\">altes Logo<\/figcaption><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">SWOT-Analyse<\/h2>\n\n\n\n<p>Bei der SWOT-Analyse werden die St\u00e4rken (S=Strength), Schw\u00e4chen (W=Weakness), Chancen (O=Opportunities), und Risiken (T=Threats) analysiert. Zu den St\u00e4rken der Kundin z\u00e4hlt, dass sie eine erfolgreiche Sportlerin und damit echte <strong>Expertin <\/strong>ist. Damit hebt sie sich von der Konkurrenz ab. Schw\u00e4che ist, dass das Interesse am SUP-Sport in der k\u00e4lteren Jahreszeit zur\u00fcckgeht:<\/p>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;69e4f7f8e41fa&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"69e4f7f8e41fa\" class=\"wp-block-image alignwide size-large wp-duotone-unset-1 wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"258\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/bernhardherzog.com\/de\/wp-content\/uploads\/sites\/2\/2022\/08\/sup_google_trends-1024x258.png\" alt=\"\" class=\"wp-image-30382\" srcset=\"https:\/\/bernhardherzog.com\/de\/wp-content\/uploads\/sites\/2\/2022\/08\/sup_google_trends-1024x258.png 1024w, https:\/\/bernhardherzog.com\/de\/wp-content\/uploads\/sites\/2\/2022\/08\/sup_google_trends-300x76.png 300w, https:\/\/bernhardherzog.com\/de\/wp-content\/uploads\/sites\/2\/2022\/08\/sup_google_trends-768x193.png 768w, https:\/\/bernhardherzog.com\/de\/wp-content\/uploads\/sites\/2\/2022\/08\/sup_google_trends-1536x387.png 1536w, https:\/\/bernhardherzog.com\/de\/wp-content\/uploads\/sites\/2\/2022\/08\/sup_google_trends-2048x515.png 2048w, https:\/\/bernhardherzog.com\/de\/wp-content\/uploads\/sites\/2\/2022\/08\/sup_google_trends-600x151.png 600w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"Vergr\u00f6\u00dfern\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"state.imageButtonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><figcaption class=\"wp-element-caption\">Google Trends<\/figcaption><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Suchbegriffe<\/h2>\n\n\n\n<p>Zu den wichtigsten Suchbegriffen z\u00e4hlen:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Anf\u00e4nger lernen<\/li>\n\n\n\n<li>SUP mit Hund<\/li>\n\n\n\n<li>Ausr\u00fcstung<\/li>\n<\/ul>\n\n\n\n<div class=\"alignwide\">\n<!-- <div class=\"wp-block-button is-style-fill\" style=\"position: absolute; z-index: 1\"><a class=\"wp-block-button__link has-vivid-red-background-color has-background\" onclick=\"handleClick2()\" style=\"border-radius:3px; padding: 5px; margin: 5px; left: 0px; text-decoration: none; color: white\" id=\"sound2\">Sound ein!<\/a><\/div> -->\n<figure class=\"wp-block-video alignwide\" id=\"video2\"><video autoplay=\"\" loop=\"\" muted=\"\" src=\"https:\/\/bernhardherzog.com\/de\/wp-content\/uploads\/sites\/2\/2022\/08\/google.mp4\" width=\"100%\" style=\"border-radius: 10px\"><\/video><\/figure>\n<\/div>\n<script>\nfunction handleClick2()\n{\n  toggleVideo(\"2\");\n  updateButton(\"2\");\n}\n<\/script>\n\n\n\n<h2 class=\"wp-block-heading\">Zielgruppe<\/h2>\n\n\n\n<p>Als Zielgruppe habe ich <strong>Erwachsene bis 50+<\/strong> identifiziert, v.a. <strong>Frauen<\/strong>. Sinus-Milieus von der <strong>konsumorientierten Basis <\/strong>\u00fcber die <strong>b\u00fcrgerliche Mitte <\/strong>bis zu <strong>postmateriellen\/Performern\/digitalen Individualisten<\/strong>:<\/p>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;69e4f7f8e47dd&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"69e4f7f8e47dd\" class=\"wp-block-image alignwide size-large wp-duotone-unset-2 wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"590\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/bernhardherzog.com\/de\/wp-content\/uploads\/sites\/2\/2022\/08\/sinus-1024x590.png\" alt=\"\" class=\"wp-image-30384\" srcset=\"https:\/\/bernhardherzog.com\/de\/wp-content\/uploads\/sites\/2\/2022\/08\/sinus-1024x590.png 1024w, https:\/\/bernhardherzog.com\/de\/wp-content\/uploads\/sites\/2\/2022\/08\/sinus-300x173.png 300w, https:\/\/bernhardherzog.com\/de\/wp-content\/uploads\/sites\/2\/2022\/08\/sinus-768x442.png 768w, https:\/\/bernhardherzog.com\/de\/wp-content\/uploads\/sites\/2\/2022\/08\/sinus-1536x885.png 1536w, https:\/\/bernhardherzog.com\/de\/wp-content\/uploads\/sites\/2\/2022\/08\/sinus-2048x1180.png 2048w, https:\/\/bernhardherzog.com\/de\/wp-content\/uploads\/sites\/2\/2022\/08\/sinus-600x346.png 600w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"Vergr\u00f6\u00dfern\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"state.imageButtonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><figcaption class=\"wp-element-caption\">Sinus-Milieus<\/figcaption><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Personas<\/h2>\n\n\n\n<p>Um die verschiedenen Gruppen abzubilden habe ich 2 Personas entworfen. Die \u00c4hnlichkeit zu meinen Trainer:innen ist rein zuf\u00e4llig \ud83d\ude09 Persona 1 bildet die untere Mittelschicht ab (<strong>breiteres Billigboard vom Discounter<\/strong>) und Persona 2 die mittlere Mittelschicht bzw. Oberschicht (<strong>l\u00e4ngeres Touring- bzw. schmales Racing-Board<\/strong>):<\/p>\n\n\n\n<div class=\"alignwide\">\n<!--<div class=\"wp-block-button is-style-fill\" style=\"position: absolute; z-index: 1\"><a class=\"wp-block-button__link has-vivid-red-background-color has-background\" onclick=\"handleClick3()\" style=\"border-radius:3px; padding: 5px; margin: 5px; left: 0px; text-decoration: none; color: white\" id=\"sound3\">Sound ein!<\/a><\/div>-->\n<figure class=\"wp-block-video alignwide\" id=\"video3\"><video autoplay=\"\" loop=\"\" muted=\"\" src=\"https:\/\/bernhardherzog.com\/de\/wp-content\/uploads\/sites\/2\/2022\/08\/boards.mp4\" width=\"100%\" style=\"border-radius: 10px\"><\/video><\/figure>\n<\/div>\n<script>\nfunction handleClick3()\n{\n  toggleVideo(\"3\");\n  updateButton(\"3\");\n}\n<\/script>\n\n\n\n<h2 class=\"wp-block-heading\">Logo-Herleitung 1<\/h2>\n\n\n\n<p>Der Kundin haben alte Reiseposter gefallen bzw. wollte ich auch die Emotionen der Zielgruppe ansprechen, die durchaus auch \u00e4ltere Personen beinhaltet.<\/p>\n\n\n\n<p>Folgende Elemente habe ich integriert:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Fernrohr:<\/strong> wie durch ein Fernrohr blickt man auf das n\u00e4chste Paddel-Ziel<\/li>\n\n\n\n<li><strong>Diorama:<\/strong> die Elemente der Szene ist wie bei einem Dioaram in 2,5d hintereinander angeordnet<\/li>\n\n\n\n<li><strong>Kompass:<\/strong> das Board zeigt wie eine Kompassnadel zur n\u00e4chsten Tour<\/li>\n\n\n\n<li><strong>Dia:<\/strong> wie bei einer Diaprojektion werden die verschiedenen Landschaften durchgeschaltet<\/li>\n\n\n\n<li><strong>Gucki:<\/strong> man kann wie bei einem Gucki (Plastikop) die verschiedenen Bilder durchschalten (halbkreisf\u00f6rmig)<\/li>\n<\/ol>\n\n\n\n<div class=\"alignwide\">\n<!--<div class=\"wp-block-button is-style-fill\" style=\"position: absolute; z-index: 1\"><a class=\"wp-block-button__link has-vivid-red-background-color has-background\" onclick=\"handleClick4()\" style=\"border-radius:3px; padding: 5px; margin: 5px; left: 0px; text-decoration: none; color: white\" id=\"sound4\">Sound ein!<\/a><\/div>-->\n<figure class=\"wp-block-video alignwide\" id=\"video4\"><video autoplay=\"\" loop=\"\" muted=\"\" src=\"https:\/\/bernhardherzog.com\/de\/wp-content\/uploads\/sites\/2\/2022\/08\/herleitung1.mp4\" width=\"100%\" style=\"border-radius: 10px\"><\/video><\/figure>\n<\/div>\n<script>\nfunction handleClick4()\n{\n  toggleVideo(\"4\");\n  updateButton(\"4\");\n}\n<\/script>\n\n\n\n<h2 class=\"wp-block-heading\">Logo-Herleitung 2<\/h2>\n\n\n\n<p>Das Logo ist eine Kombination aus <strong>Board\/Paddel <\/strong>(Kompassnadel), <strong>Landschaft<\/strong><br>(austauschbar wie in einem Plastikop\/Diaprojektor) und <strong>Sonne\/Wasser<\/strong>:<\/p>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;69e4f7f8e4de8&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"69e4f7f8e4de8\" class=\"wp-block-image alignwide size-large wp-duotone-unset-3 wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"226\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/bernhardherzog.com\/de\/wp-content\/uploads\/sites\/2\/2022\/08\/herleitung_v2-1024x226.png\" alt=\"\" class=\"wp-image-30386\" srcset=\"https:\/\/bernhardherzog.com\/de\/wp-content\/uploads\/sites\/2\/2022\/08\/herleitung_v2-1024x226.png 1024w, https:\/\/bernhardherzog.com\/de\/wp-content\/uploads\/sites\/2\/2022\/08\/herleitung_v2-300x66.png 300w, https:\/\/bernhardherzog.com\/de\/wp-content\/uploads\/sites\/2\/2022\/08\/herleitung_v2-768x169.png 768w, https:\/\/bernhardherzog.com\/de\/wp-content\/uploads\/sites\/2\/2022\/08\/herleitung_v2-1536x339.png 1536w, https:\/\/bernhardherzog.com\/de\/wp-content\/uploads\/sites\/2\/2022\/08\/herleitung_v2-2048x452.png 2048w, https:\/\/bernhardherzog.com\/de\/wp-content\/uploads\/sites\/2\/2022\/08\/herleitung_v2-600x132.png 600w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"Vergr\u00f6\u00dfern\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"state.imageButtonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><figcaption class=\"wp-element-caption\">Logo-Herleitung 2<\/figcaption><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Varianten: Emblem<\/h2>\n\n\n\n<p>Ich habe vom Logo verschiedene Varianten erstellt: Farbe (<strong>4c<\/strong>), 1-farbig (<strong>1c<\/strong>), <strong>positiv<\/strong>, <strong>negativ<\/strong>, <strong>hell <\/strong>und <strong>dunkel<\/strong>.<\/p>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;69e4f7f8e52b8&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"69e4f7f8e52b8\" class=\"wp-block-image alignwide size-large wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"914\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/bernhardherzog.com\/de\/wp-content\/uploads\/sites\/2\/2022\/08\/varianten_4presentation_v4-1024x914.png\" alt=\"\" class=\"wp-image-30387\" srcset=\"https:\/\/bernhardherzog.com\/de\/wp-content\/uploads\/sites\/2\/2022\/08\/varianten_4presentation_v4-1024x914.png 1024w, https:\/\/bernhardherzog.com\/de\/wp-content\/uploads\/sites\/2\/2022\/08\/varianten_4presentation_v4-300x268.png 300w, https:\/\/bernhardherzog.com\/de\/wp-content\/uploads\/sites\/2\/2022\/08\/varianten_4presentation_v4-768x686.png 768w, https:\/\/bernhardherzog.com\/de\/wp-content\/uploads\/sites\/2\/2022\/08\/varianten_4presentation_v4-1536x1371.png 1536w, https:\/\/bernhardherzog.com\/de\/wp-content\/uploads\/sites\/2\/2022\/08\/varianten_4presentation_v4-2048x1828.png 2048w, https:\/\/bernhardherzog.com\/de\/wp-content\/uploads\/sites\/2\/2022\/08\/varianten_4presentation_v4-600x536.png 600w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"Vergr\u00f6\u00dfern\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"state.imageButtonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><figcaption class=\"wp-element-caption\">Logo-Varianten (alle reingezeichnet)<\/figcaption><\/figure>\n\n\n\n<p>Das Logo ist ein <strong>Emblem<\/strong> (Vintage\/Retro-Logo). Nach unten hin findet man Varianten mit weniger Details (f\u00fcr <strong>kleinere Druckgr\u00f6\u00dfen <\/strong>bzw. das <strong>Favicon<\/strong>).<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Varianten Teil 2<\/h2>\n\n\n\n<p>Zus\u00e4tzlich habe ich das Logo noch im <strong>Lok-, Star-, Schub- und Inselprinzip<\/strong> gesetzt:<\/p>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;69e4f7f8e56f4&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"69e4f7f8e56f4\" class=\"wp-block-image size-large wp-duotone-unset-4 wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"834\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/bernhardherzog.com\/de\/wp-content\/uploads\/sites\/2\/2022\/08\/varianten2_4presentation_v3-1024x834.png\" alt=\"\" class=\"wp-image-30388\" srcset=\"https:\/\/bernhardherzog.com\/de\/wp-content\/uploads\/sites\/2\/2022\/08\/varianten2_4presentation_v3-1024x834.png 1024w, https:\/\/bernhardherzog.com\/de\/wp-content\/uploads\/sites\/2\/2022\/08\/varianten2_4presentation_v3-300x244.png 300w, https:\/\/bernhardherzog.com\/de\/wp-content\/uploads\/sites\/2\/2022\/08\/varianten2_4presentation_v3-768x626.png 768w, https:\/\/bernhardherzog.com\/de\/wp-content\/uploads\/sites\/2\/2022\/08\/varianten2_4presentation_v3-600x489.png 600w, https:\/\/bernhardherzog.com\/de\/wp-content\/uploads\/sites\/2\/2022\/08\/varianten2_4presentation_v3.png 1381w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"Vergr\u00f6\u00dfern\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"state.imageButtonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><figcaption class=\"wp-element-caption\">Lok-, Star-, Schub- und Inselprinzip<\/figcaption><\/figure>\n\n\n\n<p>Das war wichtig f\u00fcr die Homepage, da das Logo als Emblem oder im Starprinzip auf der Homepage zu viel Platz einnimmt.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Vorher\/Nachher-Vergleich<\/h2>\n\n\n\n<p>Das Foto (links) habe ich beim <strong>Briefing <\/strong>mit der Kundin aufgenommen und daraus einen <strong>Mockup <\/strong>erstellt (rechts). Das hat ihr sehr gut gefallen!<\/p>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;69e4f7f8e5aed&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"69e4f7f8e5aed\" class=\"wp-block-image alignwide size-large wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"724\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/bernhardherzog.com\/de\/wp-content\/uploads\/sites\/2\/2022\/08\/vorher_nachher-1024x724.jpg\" alt=\"\" class=\"wp-image-30392\" srcset=\"https:\/\/bernhardherzog.com\/de\/wp-content\/uploads\/sites\/2\/2022\/08\/vorher_nachher-1024x724.jpg 1024w, https:\/\/bernhardherzog.com\/de\/wp-content\/uploads\/sites\/2\/2022\/08\/vorher_nachher-300x212.jpg 300w, https:\/\/bernhardherzog.com\/de\/wp-content\/uploads\/sites\/2\/2022\/08\/vorher_nachher-768x543.jpg 768w, https:\/\/bernhardherzog.com\/de\/wp-content\/uploads\/sites\/2\/2022\/08\/vorher_nachher-1536x1086.jpg 1536w, https:\/\/bernhardherzog.com\/de\/wp-content\/uploads\/sites\/2\/2022\/08\/vorher_nachher-600x424.jpg 600w, https:\/\/bernhardherzog.com\/de\/wp-content\/uploads\/sites\/2\/2022\/08\/vorher_nachher.jpg 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"Vergr\u00f6\u00dfern\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"state.imageButtonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><figcaption class=\"wp-element-caption\">Vorher- und nachher-Vergleich<\/figcaption><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">1c und Goodies<\/h2>\n\n\n\n<p>Zus\u00e4tzlich Mockups f\u00fcr passende <strong>1c-Anwendungen<\/strong> des Logos:<\/p>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;69e4f7f8e5ee7&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"69e4f7f8e5ee7\" class=\"wp-block-image alignwide size-large wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"725\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/bernhardherzog.com\/de\/wp-content\/uploads\/sites\/2\/2022\/08\/1c_mockups-1024x725.jpg\" alt=\"\" class=\"wp-image-30393\" srcset=\"https:\/\/bernhardherzog.com\/de\/wp-content\/uploads\/sites\/2\/2022\/08\/1c_mockups-1024x725.jpg 1024w, https:\/\/bernhardherzog.com\/de\/wp-content\/uploads\/sites\/2\/2022\/08\/1c_mockups-300x212.jpg 300w, https:\/\/bernhardherzog.com\/de\/wp-content\/uploads\/sites\/2\/2022\/08\/1c_mockups-768x543.jpg 768w, https:\/\/bernhardherzog.com\/de\/wp-content\/uploads\/sites\/2\/2022\/08\/1c_mockups-1536x1087.jpg 1536w, https:\/\/bernhardherzog.com\/de\/wp-content\/uploads\/sites\/2\/2022\/08\/1c_mockups-600x425.jpg 600w, https:\/\/bernhardherzog.com\/de\/wp-content\/uploads\/sites\/2\/2022\/08\/1c_mockups.jpg 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"Vergr\u00f6\u00dfern\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"state.imageButtonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><figcaption class=\"wp-element-caption\">1c-Anwendungen und Goodies<\/figcaption><\/figure>\n\n\n\n<p>F\u00fcr die Pr\u00e4sentation habe ich diese Mockups auch in den <strong>Webshop der Website <\/strong>gegeben, d.h. man k\u00f6nnte sie in Zukunft auch im Rahmen eines Fanshops verkaufen.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Visitenkarte (4c)<\/h2>\n\n\n\n<p>Die Visitenkarte wurde quadratisch gesetzt im Format 55 x 55 mm.<\/p>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;69e4f7f8e6377&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"69e4f7f8e6377\" class=\"wp-block-image alignwide size-large wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"683\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/bernhardherzog.com\/de\/wp-content\/uploads\/sites\/2\/2022\/08\/square-business-cards-mockup-stacked-set-1024x683.jpg\" alt=\"\" class=\"wp-image-30394\" srcset=\"https:\/\/bernhardherzog.com\/de\/wp-content\/uploads\/sites\/2\/2022\/08\/square-business-cards-mockup-stacked-set-1024x683.jpg 1024w, https:\/\/bernhardherzog.com\/de\/wp-content\/uploads\/sites\/2\/2022\/08\/square-business-cards-mockup-stacked-set-300x200.jpg 300w, https:\/\/bernhardherzog.com\/de\/wp-content\/uploads\/sites\/2\/2022\/08\/square-business-cards-mockup-stacked-set-768x512.jpg 768w, https:\/\/bernhardherzog.com\/de\/wp-content\/uploads\/sites\/2\/2022\/08\/square-business-cards-mockup-stacked-set-1536x1024.jpg 1536w, https:\/\/bernhardherzog.com\/de\/wp-content\/uploads\/sites\/2\/2022\/08\/square-business-cards-mockup-stacked-set-600x400.jpg 600w, https:\/\/bernhardherzog.com\/de\/wp-content\/uploads\/sites\/2\/2022\/08\/square-business-cards-mockup-stacked-set.jpg 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"Vergr\u00f6\u00dfern\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"state.imageButtonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><figcaption class=\"wp-element-caption\">quadratische Visitenkarte<\/figcaption><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Magazin (20-seitig)<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Das Magazin soll zun\u00e4chst einmal als <strong>E-Book <\/strong>ver\u00f6ffentlicht werden<\/li>\n\n\n\n<li>es ist ein <strong>Gratisgeschenk<\/strong>, wenn man sich f\u00fcr den <strong>E-Mail-Newsletter <\/strong>anmeldet<\/li>\n\n\n\n<li>sp\u00e4ter kann es auch in Hochglanz im <strong>Webshop <\/strong>verkauft werden<\/li>\n<\/ul>\n\n\n\n<div class=\"alignwide\">\n<div class=\"wp-block-button is-style-fill\" style=\"position: absolute; z-index: 1\"><a class=\"wp-block-button__link has-vivid-red-background-color has-background\" onclick=\"handleClick5()\" style=\"border-radius:3px; padding: 5px; margin: 5px; left: 0px; text-decoration: none; color: white\" id=\"sound5\">Sound ein!<\/a><\/div>\n<figure class=\"wp-block-video alignwide\" id=\"video5\"><video autoplay=\"\" loop=\"\" muted=\"\" src=\"https:\/\/bernhardherzog.com\/de\/wp-content\/uploads\/sites\/2\/2022\/08\/magazin_selective_v4.mp4\" width=\"100%\" style=\"border-radius: 10px\"><\/video><\/figure>\n<\/div>\n<script>\nfunction handleClick5()\n{\n  toggleVideo(\"5\");\n  updateButton(\"5\");\n}\n<\/script>\n\n\n\n<p>Die Schrift wurde f\u00fcr die bessere Lesbarkeit am Bildschirm gr\u00f6\u00dfer gesetzt (12 Punkte). Wird es im Format A5 gedruckt, ist die Schrift ca. 8 Punkte gro\u00df (und damit nicht zu gro\u00df).<\/p>\n\n\n\n<p>Magazin als Download am Ende der Dokumentation: <a href=\"https:\/\/bernhardherzog.com\/de\/wp-content\/uploads\/sites\/2\/2022\/08\/bernhard_herzog_wak_diplomarbeit_doku_einzelseiten.pdf\">hier klicken<\/a><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Infografik<\/h2>\n\n\n\n<p>Eine Herausforderung im Magazin war, den langen Text zu k\u00fcrzen bzw. wenn m\u00f6glich durch Bilder zu ersetzen. Hier ist ein Beispiel:<\/p>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;69e4f7f8e68f1&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"69e4f7f8e68f1\" class=\"wp-block-image size-large wp-duotone-unset-5 wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"833\" height=\"1024\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/bernhardherzog.com\/de\/wp-content\/uploads\/sites\/2\/2022\/08\/board_infografik-833x1024.jpg\" alt=\"\" class=\"wp-image-30396\" srcset=\"https:\/\/bernhardherzog.com\/de\/wp-content\/uploads\/sites\/2\/2022\/08\/board_infografik-833x1024.jpg 833w, https:\/\/bernhardherzog.com\/de\/wp-content\/uploads\/sites\/2\/2022\/08\/board_infografik-244x300.jpg 244w, https:\/\/bernhardherzog.com\/de\/wp-content\/uploads\/sites\/2\/2022\/08\/board_infografik-768x944.jpg 768w, https:\/\/bernhardherzog.com\/de\/wp-content\/uploads\/sites\/2\/2022\/08\/board_infografik-1249x1536.jpg 1249w, https:\/\/bernhardherzog.com\/de\/wp-content\/uploads\/sites\/2\/2022\/08\/board_infografik-600x738.jpg 600w, https:\/\/bernhardherzog.com\/de\/wp-content\/uploads\/sites\/2\/2022\/08\/board_infografik.jpg 1406w\" sizes=\"auto, (max-width: 833px) 100vw, 833px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"Vergr\u00f6\u00dfern\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"state.imageButtonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><figcaption class=\"wp-element-caption\">Info-Grafik<\/figcaption><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Social Media<\/h2>\n\n\n\n<div class=\"alignwide\">\n<div class=\"wp-block-button is-style-fill\" style=\"position: absolute; z-index: 1\"><a class=\"wp-block-button__link has-vivid-red-background-color has-background\" onclick=\"handleClick6()\" style=\"border-radius:3px; padding: 5px; margin: 5px; left: 0px; text-decoration: none; color: white\" id=\"sound6\">Sound ein!<\/a><\/div>\n<figure class=\"wp-block-video alignwide\" id=\"video6\"><video autoplay=\"\" loop=\"\" muted=\"\" src=\"https:\/\/bernhardherzog.com\/de\/wp-content\/uploads\/sites\/2\/2022\/08\/iphone_whiteout_v2.mp4\" width=\"100%\" style=\"border-radius: 10px\"><\/video><\/figure>\n<\/div>\n<script>\nfunction handleClick6()\n{\n  toggleVideo(\"6\");\n  updateButton(\"6\");\n}\n<\/script>\n\n\n\n<h2 class=\"wp-block-heading\">Logo-Animation<\/h2>\n\n\n\n<p>Die Logo-Animation habe ich in <strong>AfterEffects <\/strong>gemacht. Hier sieht man hoffentlich gut, wie aufwendig sie ist:<\/p>\n\n\n\n<div class=\"alignwide\">\n<div class=\"wp-block-button is-style-fill\" style=\"position: absolute; z-index: 1\"><a class=\"wp-block-button__link has-vivid-red-background-color has-background\" onclick=\"handleClick7()\" style=\"border-radius:3px; padding: 5px; margin: 5px; left: 0px; text-decoration: none; color: white\" id=\"sound7\">Sound ein!<\/a><\/div>\n<figure class=\"wp-block-video alignwide\" id=\"video7\"><video autoplay=\"\" loop=\"\" muted=\"\" src=\"https:\/\/bernhardherzog.com\/de\/wp-content\/uploads\/sites\/2\/2022\/08\/aftereffects_anim.mp4\" width=\"100%\" style=\"border-radius: 10px\"><\/video><\/figure>\n<\/div>\n<script>\nfunction handleClick7()\n{\n  toggleVideo(\"7\");\n  updateButton(\"7\");\n}\n<\/script>\n\n\n\n<h2 class=\"wp-block-heading\">SVG Animation<\/h2>\n\n\n\n<p>Zus\u00e4tzlich habe ich noch eine <strong>SVG-Animation <\/strong>gemacht. Hier sieht man, dass ich sehr viele Masken und Clipping-Pfade verwendet habe, damit der Hintergrund durscheint bzw. damit \u00fcberhaupt der Fernrohr-Effekt entstehen kann:<\/p>\n\n\n\n<div class=\"alignwide\" id=\"slide31\" style=\"background-color: white; padding: 50px; display: flex; justify-content: center;\">\n<object id=\"svg\" style=\"width: 50vw; height:50vh\" data=\"https:\/\/bernhardherzog.com\/de\/wp-content\/uploads\/sites\/2\/2022\/08\/animated_logo_full_v6_edited.svg\" type=\"image\/svg+xml\"><\/object>\n<\/div>\n\n\n\n<p>Der Vorteil von SVG ist u.a., dass der <strong>Text direkt eingebettet <\/strong>werden kann (also nicht umgewandelt werden muss in Kurven). D.h. er kann von <strong>Suchmaschinen <\/strong>gelesen werden und braucht <strong>wenig Speicherplatz<\/strong>! Gerne selber oben ausprobieren und den Text markieren!<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Video<\/h2>\n\n\n\n<p>Das Imagevideo soll in der <strong>Hero Section <\/strong>der Website laufen:<\/p>\n\n\n\n<div class=\"alignwide\">\n<div class=\"wp-block-button is-style-fill\" style=\"position: absolute; z-index: 1\"><a class=\"wp-block-button__link has-vivid-red-background-color has-background\" onclick=\"handleClick8()\" style=\"border-radius:3px; padding: 5px; margin: 5px; left: 0px; text-decoration: none; color: white\" id=\"sound8\">Sound ein!<\/a><\/div>\n<figure class=\"wp-block-video alignwide\" id=\"video8\"><video autoplay=\"\" loop=\"\" muted=\"\" src=\"https:\/\/bernhardherzog.com\/de\/wp-content\/uploads\/sites\/2\/2022\/08\/supduck_lowres3.mp4\" width=\"100%\" style=\"border-radius: 10px\"><\/video><\/figure>\n<\/div>\n<script>\nfunction handleClick8()\n{\n  toggleVideo(\"8\");\n  updateButton(\"8\");\n}\n<\/script>\n\n\n\n<p>Ich habe es mit Premiere (Schnitt und Sounds) bzw. After Effects (Retro-Effekte) gemacht.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Website (80 Seiten)<\/h2>\n\n\n\n<p>Die Website kann gerne \u00fcber diese Link betrachtet werden: <a href=\"https:\/\/standuppaddeln.at\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">hier klicken<\/a><\/p>\n\n\n\n<p>Ich habe sie mit dem neuen <strong>Site-Editor <\/strong>(<strong>WordPress ab Version 6<\/strong>) und mit <strong>Gutenberg <\/strong>gestaltet.<\/p>\n\n\n\n<p>Funktionen der Website:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Full Screen Hero Section<\/li>\n\n\n\n<li>Sticky Men\u00fc<\/li>\n\n\n\n<li>Animiertes SVG Logo (Responsive)<\/li>\n\n\n\n<li>Suchfunktion<\/li>\n\n\n\n<li>Kontakt-Formular<\/li>\n\n\n\n<li>Newsletter<\/li>\n\n\n\n<li>Landkarte mit den Touren zum Anklicken<\/li>\n\n\n\n<li>Webshop mit WooCommerce<\/li>\n\n\n\n<li>Social Icons<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Fazit &amp; Danksagung<\/h2>\n\n\n\n<p>F\u00fcr mehr Details darf ich noch einmal auf meine <strong>schriftliche Projekt-Dokumentation <\/strong>verweisen: <a href=\"https:\/\/bernhardherzog.com\/de\/wp-content\/uploads\/sites\/2\/2022\/08\/bernhard_herzog_wak_diplomarbeit_doku_einzelseiten.pdf\">Hier downloaden<\/a><\/p>\n\n\n\n<p>Gerne beantworte ich Fragen und freue mich \u00fcber Anregungen in den Kommentaren.<\/p>\n\n\n\n<p>Abschlie\u00dfend m\u00f6chte ich mich noch einmal mit einer <strong>Blender-Animation <\/strong>f\u00fcr die Unterst\u00fctzung durch meine Trainer:innen vom WIFI bedanken:<\/p>\n\n\n\n<div class=\"alignwide\">\n<div class=\"wp-block-button is-style-fill\" style=\"position: absolute; z-index: 1\"><a class=\"wp-block-button__link has-vivid-red-background-color has-background\" onclick=\"handleClick9()\" style=\"border-radius:3px; padding: 5px; margin: 5px; left: 0px; text-decoration: none; color: white\" id=\"sound9\">Sound ein!<\/a><\/div>\n<figure class=\"wp-block-video alignwide\" id=\"video9\"><video autoplay=\"\" loop=\"\" muted=\"\" src=\"https:\/\/bernhardherzog.com\/de\/wp-content\/uploads\/sites\/2\/2022\/08\/rocking2.mp4\" width=\"100%\" style=\"border-radius: 10px\"><\/video><\/figure>\n<\/div>\n<script>\nfunction handleClick9()\n{\n  toggleVideo(\"9\");\n  updateButton(\"9\");\n}\n<\/script>\n\n\n\n<p>3D Animation stand zwar nicht am Lehrplan. Trotzdem freut es mich, dass ich mir mit Hilfe von Linkedin Learning (ein Zugang war im Kurs inklusive) w\u00e4hrend der Kurszeit auch dieses Programm beibringen konnte, um eindrucksvoll <strong>animierte Mockups <\/strong>zu bauen!<\/p>\n\n\n\n<p>Ich hatte im Kurs zuerst Cinema 4D f\u00fcr meine Mockups verwendet&#8230; da aber meine 14-t\u00e4gige Trial-Periode abgelaufen ist, bin ich auf Blender umgestiegen, was ja gratis ist!<\/p>\n\n\n\n<div class=\"alignwide\">\n<div class=\"wp-block-button is-style-fill\" style=\"position: absolute; z-index: 1\"><a class=\"wp-block-button__link has-vivid-red-background-color has-background\" onclick=\"handleClick10()\" style=\"border-radius:3px; padding: 5px; margin: 5px; left: 0px; text-decoration: none; color: white\" id=\"sound10\">Sound ein!<\/a><\/div>\n<figure class=\"wp-block-video alignwide\" id=\"video10\"><video autoplay=\"\" loop=\"\" muted=\"\" src=\"https:\/\/bernhardherzog.com\/de\/wp-content\/uploads\/sites\/2\/2022\/08\/rocking2_blender.mp4\" width=\"100%\" style=\"border-radius: 10px\"><\/video><\/figure>\n<\/div>\n<script>\nfunction handleClick10()\n{\n  toggleVideo(\"10\");\n  updateButton(\"10\");\n}\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>Als Abschlussprojekt an der Werbeakademie habe ich ein Logo, die Website, ein Magazin und noch vieles mehr f\u00fcr meine Kundin standuppaddeln.at gestaltet. Das will ich euch im folgenden gerne pr\u00e4sentieren.<\/p>\n","protected":false},"author":2,"featured_media":30392,"comment_status":"open","ping_status":"open","sticky":true,"template":"job","format":"standard","meta":{"inline_featured_image":false,"footnotes":""},"categories":[39],"tags":[],"class_list":["post-30367","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-intern"],"_links":{"self":[{"href":"https:\/\/bernhardherzog.com\/de\/wp-json\/wp\/v2\/posts\/30367","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bernhardherzog.com\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/bernhardherzog.com\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/bernhardherzog.com\/de\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/bernhardherzog.com\/de\/wp-json\/wp\/v2\/comments?post=30367"}],"version-history":[{"count":0,"href":"https:\/\/bernhardherzog.com\/de\/wp-json\/wp\/v2\/posts\/30367\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/bernhardherzog.com\/de\/wp-json\/wp\/v2\/media\/30392"}],"wp:attachment":[{"href":"https:\/\/bernhardherzog.com\/de\/wp-json\/wp\/v2\/media?parent=30367"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/bernhardherzog.com\/de\/wp-json\/wp\/v2\/categories?post=30367"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/bernhardherzog.com\/de\/wp-json\/wp\/v2\/tags?post=30367"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}