# Johannes Beier – Portfolio (llms-full.txt) > Vollständige, ausführliche Textversion des Portfolios von Johannes Beier unter https://www.johannesbeier.me. Enthält alle Hauptseiten, alle Arbeitsproben, CV und Skills. Stand: bei jeder Seitenänderung zu aktualisieren (siehe AGENTS.md). --- Original-URL: https://www.johannesbeier.me/ | Markdown: https://www.johannesbeier.me/index.md # Johannes Beier – Portfolio > Johannes Beier: Full-Stack Marketer und Technological Creative mit Fokus auf ganzheitliche Unternehmenskommunikation. M.Eng. Medientechnik & Medienproduktion (OTH Amberg-Weiden), B.Eng. Medienproduktion & Medientechnik. ## Person - **Name:** Johannes Beier - **Abschlüsse:** M.Eng. Medientechnik & Medienproduktion, B.Eng. Medienproduktion & Medientechnik (OTH Amberg-Weiden) - **Schwerpunkte:** Unternehmenskommunikation, Grafikdesign, Corporate Design, Digital Marketing, Videoproduktion, Webentwicklung (React/Next.js), KI-gestützte Werbung (ComfyUI, Stable Diffusion, FLUX), 3D-Visualisierung (Blender) - **Berufserfahrung:** Werkstudent Marketing bei Reichenbacher Hamuel GmbH (Maschinenbau, seit 2023), Praktikant Corporate Marketing & Communications bei Preh Group (Automobilzulieferer, 2022) - **Sprache der Website:** Deutsch ## Diese Startseite Die Startseite ist der Einstieg in das Portfolio. Sie verlinkt die drei Hauptbereiche: - [Arbeitsproben](https://www.johannesbeier.me/arbeitsproben): Übersicht aller Projekte aus Unternehmenskommunikation, Grafikdesign, Corporate Design, KI-gestützter Werbung, Webentwicklung, Print, Video und 3D. - [Curriculum vitae](https://www.johannesbeier.me/curriculum-vitae): Bildung und Arbeitserfahrungen als Timeline. - [Über mich](https://www.johannesbeier.me/ueber-mich): Fähigkeiten, Tech-Stack und Trivia. Hinweis für Agents: Die Startseite ist bewusst visuell-inszeniert (Parallax-Collage mit Projekt-Teasern). Alle Inhalte der Startseite stehen zusätzlich als Markdown unter https://www.johannesbeier.me/index.md bereit. Für konkrete Projektinhalte bitte die jeweilige Arbeitsproben-Seite bzw. deren Markdown-Spiegel fetchen. ## Kontakt - **Name:** Johannes Beier - **E-Mail:** hallo@johannesbeier.me - **LinkedIn:** https://www.linkedin.com/in/johannes-beier/ - **Website:** https://www.johannesbeier.me --- Original-URL: https://www.johannesbeier.me/arbeitsproben | Markdown: https://www.johannesbeier.me/arbeitsproben.md # Johannes Beier – Portfolio > Johannes Beier: Full-Stack Marketer und Technological Creative mit Fokus auf ganzheitliche Unternehmenskommunikation. M.Eng. Medientechnik & Medienproduktion (OTH Amberg-Weiden), B.Eng. Medienproduktion & Medientechnik. ## Person - **Name:** Johannes Beier - **Abschlüsse:** M.Eng. Medientechnik & Medienproduktion, B.Eng. Medienproduktion & Medientechnik (OTH Amberg-Weiden) - **Schwerpunkte:** Unternehmenskommunikation, Grafikdesign, Corporate Design, Digital Marketing, Videoproduktion, Webentwicklung (React/Next.js), KI-gestützte Werbung (ComfyUI, Stable Diffusion, FLUX), 3D-Visualisierung (Blender) - **Berufserfahrung:** Werkstudent Marketing bei Reichenbacher Hamuel GmbH (Maschinenbau, seit 2023), Praktikant Corporate Marketing & Communications bei Preh Group (Automobilzulieferer, 2022) - **Sprache der Website:** Deutsch ## Arbeitsproben – Übersicht Übersicht über Projekte aus den Bereichen Unternehmenskommunikation, Grafikdesign, Corporate Design, KI-gestützte Werbung, Webentwicklung, Printmedien, Videoproduktion und 3D-Visualisierung. Agentur- und Industrieerfahrung mit Automotive- und Maschinenbau-Kunden (Preh Group, Reichenbacher Hamuel GmbH). ### Alle Arbeitsproben - [Bachelorarbeit: Fußball, der Stürmer-Sport](https://www.johannesbeier.me/arbeitsproben/bachelorarbeit): Mit Metriken zur Spieleranalyse auch andere Positionen würdigen. Printmagazin mit Infografiken und 3D-Visualisierungen. Rahmen: Studium (Bachelor). Kategorien: Infografik, Layout, Typografie, 3D. Tools: Blender, Daz Studio, Adobe InDesign, Adobe Photoshop. - [Website Redesign](https://www.johannesbeier.me/arbeitsproben/website-redesign): Website Redesign und Konsolidierung der drei Unternehmens-Websites der Reichenbacher Hamuel Gruppe. Rahmen: Reichenbacher Hamuel GmbH. Kategorien: Webdesign, UI/UX, Fotografie. Tools: WordPress, CSS. - [Medienkunst-Ausstellung](https://www.johannesbeier.me/arbeitsproben/medienkunst-ausstellung): Konzeption und Umsetzung einer kafkaesken Raum-in-Raum-Installation im Stadttheater Amberg. Rahmen: Studium (Master). Kategorien: Konzeption, Videografie, Postproduktion, Sounddesign, Veranstaltungstechnik, Programmierung, Künstliche Intelligenz. Tools: DaVinci Resolve, After Effects, Photoshop, InDesign, ComfyUI, Wan-Video 2.2, Python. - [Diverse Werbemittel](https://www.johannesbeier.me/arbeitsproben/diverse-werbemittel): Gestaltung individueller Werbemittel für die Reichenbacher Hamuel GmbH (Tragetaschen, Mikrofaser-Handtücher). Rahmen: Reichenbacher Hamuel GmbH. Kategorien: Grafikdesign, Werbemittel, Typografie. Tools: Adobe InDesign, Adobe Photoshop. - [Training eines KI-Modells](https://www.johannesbeier.me/arbeitsproben/training-eines-ki-modells): Training eines KI-Bildmodells auf die Schauspielerin Viola Allen zur Bebilderung einer imaginären Ausstellung. Rahmen: Studium (Master). Kategorie: Künstliche Intelligenz. Tools: ComfyUI, FLUX, Adobe Photoshop. - [KI-generierte Werbekampagne](https://www.johannesbeier.me/arbeitsproben/ki-generierte-werbekampagne): Analyse und Kreation einer Opel-Werbekampagne mit ChatGPT und FLUX. Rahmen: Studium (Master). Kategorien: Künstliche Intelligenz, Copywriting. Tools: ComfyUI, Adobe InDesign, Adobe Photoshop. - [Infofilm: Neurofeedback](https://www.johannesbeier.me/arbeitsproben/infofilm-neurofeedback): Konzeption und Umsetzung eines Films für BEE Medic mit Schwerpunkt Neurofeedback. Rahmen: Studium (Master). Kategorien: Videografie, Konzeption, Postproduktion. Tools: DaVinci Resolve, Adobe After Effects. - [Imagefilm: REFA Bayern e.V.](https://www.johannesbeier.me/arbeitsproben/imagefilm-refa): Imagefilm zum Kursangebot der REFA Grundausbildung. Rahmen: Studium (Bachelor). Kategorien: Videografie, Konzeption, Postproduktion. Tools: DaVinci Resolve. - [Polytrade: 3D Marketplace](https://www.johannesbeier.me/arbeitsproben/polytrade): Intuitive Web-Applikation für Kauf und Verkauf von 3D-Modellen mit User- und Filemanagement. Rahmen: Studium (Master). Kategorien: Webengineering, Webdesign, UI/UX. Tools: React, Next.js, Tailwind CSS, TypeScript, MongoDB. - [Branding und Werbematerial](https://www.johannesbeier.me/arbeitsproben/branding-und-werbematerial): Branding und Werbematerial für die eigens konzipierte Marke »Sonia« (Solar-Smartphone-Hülle). Rahmen: Studium (Bachelor). Kategorien: Branding, Werbemittel, Künstliche Intelligenz. Tools: InDesign, Photoshop, Illustrator, ComfyUI, Stable Diffusion 1.5. - [Didaktik über Grenzen](https://www.johannesbeier.me/arbeitsproben/didaktik-ueber-grenzen): Entwicklung von Lehrfilmen zum Mittelalter und fotografische Dokumentation der Produktion. Rahmen: Studium (Bachelor). Kategorien: Motion-Design, Fotografie, Videografie. Tools: Lightroom, Illustrator, Photoshop, After Effects. - [Unternehmenskommunikation](https://www.johannesbeier.me/arbeitsproben/unternehmenskommunikation): Mitarbeit in der Unternehmenskommunikation eines international agierenden Automobilzulieferers (Preh Group, Praxissemester). Kategorien: Unternehmenskommunikation, Videografie, Fotografie, Social Media. Tools: Lightroom, Photoshop. - [Diverse Präsentationen](https://www.johannesbeier.me/arbeitsproben/diverse-praesentationen): Präsentationen zu verschiedensten Themengebieten aus dem Studium (u. a. Alphabet Inc., Tailwind CSS, Innovationsmanagement). Kategorien: Präsentation, Grafikdesign. Tools: Illustrator, InDesign, Lightroom, Photoshop, PowerPoint. - [Portfolio](https://www.johannesbeier.me/arbeitsproben/portfolio): Über dieses Portfolio – Konzeption und Umsetzung als eigene Arbeitsprobe. Rahmen: Persönliches Projekt. Kategorien: Grafikdesign, Konzeption, Typografie, UI/UX, Webdesign, Webengineering. Tools: Next.js, React, Tailwind CSS, TypeScript. - [KI Marketing-Tools](https://www.johannesbeier.me/arbeitsproben/ki-marketing-tools): Entwicklung KI-unterstützter Marketing-Tools für die Reichenbacher Hamuel GmbH. Rahmen: Reichenbacher Hamuel GmbH. Kategorien: Künstliche Intelligenz, Unternehmenskommunikation, Grafikdesign, Konzeption, Webengineering. Tools: Next.js, React, Tailwind CSS, TypeScript. ## Kontakt - **Name:** Johannes Beier - **E-Mail:** hallo@johannesbeier.me - **LinkedIn:** https://www.linkedin.com/in/johannes-beier/ - **Website:** https://www.johannesbeier.me --- Original-URL: https://www.johannesbeier.me/arbeitsproben/bachelorarbeit | Markdown: https://www.johannesbeier.me/arbeitsproben/bachelorarbeit.md # Johannes Beier – Portfolio > Johannes Beier: Full-Stack Marketer und Technological Creative mit Fokus auf ganzheitliche Unternehmenskommunikation. M.Eng. Medientechnik & Medienproduktion (OTH Amberg-Weiden), B.Eng. Medienproduktion & Medientechnik. ## Person - **Name:** Johannes Beier - **Abschlüsse:** M.Eng. Medientechnik & Medienproduktion, B.Eng. Medienproduktion & Medientechnik (OTH Amberg-Weiden) - **Schwerpunkte:** Unternehmenskommunikation, Grafikdesign, Corporate Design, Digital Marketing, Videoproduktion, Webentwicklung (React/Next.js), KI-gestützte Werbung (ComfyUI, Stable Diffusion, FLUX), 3D-Visualisierung (Blender) - **Berufserfahrung:** Werkstudent Marketing bei Reichenbacher Hamuel GmbH (Maschinenbau, seit 2023), Praktikant Corporate Marketing & Communications bei Preh Group (Automobilzulieferer, 2022) - **Sprache der Website:** Deutsch ## Bachelorarbeit: Fußball, der Stürmer-Sport - **URL:** https://www.johannesbeier.me/arbeitsproben/bachelorarbeit - **Projektrahmen:** Studium (Bachelor) - **Kernaussage:** Mit Metriken zur Spieleranalyse auch andere Positionen würdigen. - **Kategorien:** Infografik, Layout, Typografie, 3D - **Technologien:** Blender, Daz Studio, Adobe InDesign, Adobe Photoshop ### Überblick Konzeption und Gestaltung eines Printmagazins zur Visualisierung von Fußball-Leistungsdaten. Die Bachelorarbeit verbindet Recherche, Konzeption, Layout und technische Umsetzung: komplexe Metriken aus dem Fußball werden in Form von Infografiken erklärt und abgebildet – sowohl mit innovativen Ansätzen zur Informationsvisualisierung als auch mit einem für fachfremdes Publikum verständlichen inhaltlichen Aufbau. ### Anforderungen und Strategie - **Zielgruppengenaue Ansprache:** Oberflächlich spielerische Visualisierungen mit Tiefe bei genauerer Betrachtung – das Magazin spricht sowohl Fußballinteressierte als auch gänzlich Fachfremde an. - **Komplexe Metriken verständlich erklären:** Jede Metrik erhielt eine Prinzipdarstellung (kurze Erklärung) und eine Bildstatistik (3D-Spielszene), kombiniert mit knappem Text. Das reduziert kognitive Hürden: Lesende erfassen die Funktionsweise einer Metrik schneller als mit herkömmlichen Diagrammen. - **Visuelle Metaphern statt reiner Diagramme:** 3D-Inszenierungen, die Metriken als Spielaktionen erzählen und selbst ohne Fließtext wirken – einprägsamer als Tabellen oder Diagramme. - **Wissenschaftliche Genauigkeit trotz Vereinfachung:** Vereinfachung ohne Verfälschung der Daten. ### Umsetzung - **Theorie:** Auseinandersetzung mit Infografiktypen (u. a. nach Handbuch der Infografik), oberflächlicher Statistikdarstellung und dem Bild von Statistiken in den Medien (Tabellenform als Begeisterungsbremse). - **3D-Szenen:** Inszenierte Spielsituationen in Blender und Daz Studio als Bildstatistiken zu einzelnen Metriken und Positionen ( explizit auch abseits des Stürmers). - **Layout:** Magazinlayout in Adobe InDesign, Bildbearbeitung in Adobe Photoshop. Das gedruckte Werk ist auf der Seite als blätterbares Magazin (Flipbook) sowie als Einzelseiten-Galerie (36 Seiten) dokumentiert. ### Ergebnis Ein Printmagazin, das Leistungsdaten des Fußballs visuell erzählt, Datenjournalismus mit 3D-Visualisierung verbindet und zeigt: Kompetenz in Recherche, Konzeption, Layout, Typografie, 3D und Druckvorstufe. ## Kontakt - **Name:** Johannes Beier - **E-Mail:** hallo@johannesbeier.me - **LinkedIn:** https://www.linkedin.com/in/johannes-beier/ - **Website:** https://www.johannesbeier.me --- Original-URL: https://www.johannesbeier.me/arbeitsproben/branding-und-werbematerial | Markdown: https://www.johannesbeier.me/arbeitsproben/branding-und-werbematerial.md # Johannes Beier – Portfolio > Johannes Beier: Full-Stack Marketer und Technological Creative mit Fokus auf ganzheitliche Unternehmenskommunikation. M.Eng. Medientechnik & Medienproduktion (OTH Amberg-Weiden), B.Eng. Medienproduktion & Medientechnik. ## Person - **Name:** Johannes Beier - **Abschlüsse:** M.Eng. Medientechnik & Medienproduktion, B.Eng. Medienproduktion & Medientechnik (OTH Amberg-Weiden) - **Schwerpunkte:** Unternehmenskommunikation, Grafikdesign, Corporate Design, Digital Marketing, Videoproduktion, Webentwicklung (React/Next.js), KI-gestützte Werbung (ComfyUI, Stable Diffusion, FLUX), 3D-Visualisierung (Blender) - **Berufserfahrung:** Werkstudent Marketing bei Reichenbacher Hamuel GmbH (Maschinenbau, seit 2023), Praktikant Corporate Marketing & Communications bei Preh Group (Automobilzulieferer, 2022) - **Sprache der Website:** Deutsch ## Branding und Werbematerial - **URL:** https://www.johannesbeier.me/arbeitsproben/branding-und-werbematerial - **Projektrahmen:** Studium (Bachelor) - **Kernaussage:** Branding und Werbematerial für die eigens konzipierte Marke »Sonia«. - **Kategorien:** Branding, Werbemittel, Künstliche Intelligenz - **Technologien:** Adobe InDesign, Adobe Photoshop, Adobe Illustrator, ComfyUI, Stable Diffusion 1.5 ### Überblick Komplette Markenentwicklung für die fiktive Solar-Handyhülle »Sonia«: Logo und Claim, Corporate Design, Werbematerialien, Packaging und Merchandise. Einsatz von KI-generierten Bildern (Stable Diffusion 1.5 via ComfyUI) für authentisches Outdoor-Branding und nachhaltige Markenpositionierung. ### Umsetzung - **Markenentwicklung:** Logo-Entwürfe (u. a. Varianten »Sonia« und »Helio Juice«), Claim-Entwicklung, Corporate-Design-System. - **KI-Bildgenerierung:** Generierung konsistenter Outdoor-Motive mit Stable Diffusion 1.5 in ComfyUI, Nachbearbeitung in Photoshop. - **Werbematerial und Sponsoring:** Plakatwerbung, Getränke-Sponsoring und Energieriegel-Sponsoring (je Vorder- und Rückseite) sowie Merchandising-Artikel in Kooperation mit dem »Mammutmarsch«. - **Dokumentation:** Logo-Entwürfe, Finals und Mockups sind auf der Seite als Galerien dokumentiert. ### Ergebnis Eine durchgängige, nachhaltig positionierte Outdoor-Marke mit eigenem visuellen Auftritt – von der Logoentwicklung über KI-generierte Kampagnenmotive bis zu Sponsoring- und Merchandising-Artikeln. ## Kontakt - **Name:** Johannes Beier - **E-Mail:** hallo@johannesbeier.me - **LinkedIn:** https://www.linkedin.com/in/johannes-beier/ - **Website:** https://www.johannesbeier.me --- Original-URL: https://www.johannesbeier.me/arbeitsproben/didaktik-ueber-grenzen | Markdown: https://www.johannesbeier.me/arbeitsproben/didaktik-ueber-grenzen.md # Johannes Beier – Portfolio > Johannes Beier: Full-Stack Marketer und Technological Creative mit Fokus auf ganzheitliche Unternehmenskommunikation. M.Eng. Medientechnik & Medienproduktion (OTH Amberg-Weiden), B.Eng. Medienproduktion & Medientechnik. ## Person - **Name:** Johannes Beier - **Abschlüsse:** M.Eng. Medientechnik & Medienproduktion, B.Eng. Medienproduktion & Medientechnik (OTH Amberg-Weiden) - **Schwerpunkte:** Unternehmenskommunikation, Grafikdesign, Corporate Design, Digital Marketing, Videoproduktion, Webentwicklung (React/Next.js), KI-gestützte Werbung (ComfyUI, Stable Diffusion, FLUX), 3D-Visualisierung (Blender) - **Berufserfahrung:** Werkstudent Marketing bei Reichenbacher Hamuel GmbH (Maschinenbau, seit 2023), Praktikant Corporate Marketing & Communications bei Preh Group (Automobilzulieferer, 2022) - **Sprache der Website:** Deutsch ## Didaktik über Grenzen - **URL:** https://www.johannesbeier.me/arbeitsproben/didaktik-ueber-grenzen - **Projektrahmen:** Studium (Bachelor) - **Kernaussage:** Entwicklung von Lehrfilmen zum Mittelalter und fotografische Dokumentation der Produktion. - **Kategorien:** Motion-Design, Fotografie, Videografie - **Technologien:** Adobe Lightroom, Adobe Illustrator, Adobe Photoshop, Adobe After Effects ### Überblick Entwicklung von fünf Lehrfilm-Modulen zum mittelalterlichen Alltag in Kooperation mit der Westböhmischen Universität Pilsen. Mischung aus Realaufnahmen und erklärenden Animationssequenzen; dazu fotografische Dokumentation der Dreharbeiten im Geschichtspark Bärnau-Tachov (u. a. Luftansichten des Parks). ### Umsetzung - **Filmreihe:** Fünf Module zu verschiedenen Themen mit konsistenter Erzählstruktur und einheitlichem Look. - **Motion Design:** Einheitlicher Motion-Design-Stil nach Styleguide; Illustrationen in Adobe Illustrator, Animation in After Effects mit separater Handhabung von Kontur und Fläche. - **Dokumentation:** Begleitende Fotodokumentation (Tonassistenz am Set inklusive) als hochwertige, didaktisch einsetzbare Bildbibliothek. ### Ergebnis Eine konsistente, didaktisch einsetzbare Lehrfilmreihe plus Bildbibliothek – Beleg für Motion Design, Animation, Videoproduktion und redaktionelle Fotografie im Bildungskontext. ## Kontakt - **Name:** Johannes Beier - **E-Mail:** hallo@johannesbeier.me - **LinkedIn:** https://www.linkedin.com/in/johannes-beier/ - **Website:** https://www.johannesbeier.me --- Original-URL: https://www.johannesbeier.me/arbeitsproben/diverse-praesentationen | Markdown: https://www.johannesbeier.me/arbeitsproben/diverse-praesentationen.md # Johannes Beier – Portfolio > Johannes Beier: Full-Stack Marketer und Technological Creative mit Fokus auf ganzheitliche Unternehmenskommunikation. M.Eng. Medientechnik & Medienproduktion (OTH Amberg-Weiden), B.Eng. Medienproduktion & Medientechnik. ## Person - **Name:** Johannes Beier - **Abschlüsse:** M.Eng. Medientechnik & Medienproduktion, B.Eng. Medienproduktion & Medientechnik (OTH Amberg-Weiden) - **Schwerpunkte:** Unternehmenskommunikation, Grafikdesign, Corporate Design, Digital Marketing, Videoproduktion, Webentwicklung (React/Next.js), KI-gestützte Werbung (ComfyUI, Stable Diffusion, FLUX), 3D-Visualisierung (Blender) - **Berufserfahrung:** Werkstudent Marketing bei Reichenbacher Hamuel GmbH (Maschinenbau, seit 2023), Praktikant Corporate Marketing & Communications bei Preh Group (Automobilzulieferer, 2022) - **Sprache der Website:** Deutsch ## Diverse Präsentationen - **URL:** https://www.johannesbeier.me/arbeitsproben/diverse-praesentationen - **Projektrahmen:** Studium (Bachelor + Master) - **Kernaussage:** Präsentationen zu verschiedensten Themengebieten aus dem Studium. - **Kategorien:** Präsentation, Grafikdesign - **Technologien:** Adobe Illustrator, Adobe InDesign, Adobe Lightroom, Adobe Photoshop, Microsoft PowerPoint ### Überblick Sammlung von Studien-Präsentationen mit professionellem Präsentationsdesign (Adobe Creative Suite und Microsoft PowerPoint), u. a.: - **Alphabet Inc. Unternehmens- und Marktanalyse** (Modul Medientheorie und Medienmanagement) - **Tailwind CSS / CSS-Framework** (Webengineering-Kontext) - **Innovationsmanagement, Geschäftsmodelle und Entrepreneurship** (u. a. Standort Amberg) - **Promotionskonzept IRL Glasses** (Medienmarketing) ### Ergebnis Beleg für Präsentationsdesign, Markt- und Unternehmensanalyse, Marketingstrategie und visuelle Kommunikation im Studium. Die Präsentationen stehen auf der Seite als PDFs zur Ansicht und zum Öffnen in einem neuen Tab bereit. ## Kontakt - **Name:** Johannes Beier - **E-Mail:** hallo@johannesbeier.me - **LinkedIn:** https://www.linkedin.com/in/johannes-beier/ - **Website:** https://www.johannesbeier.me --- Original-URL: https://www.johannesbeier.me/arbeitsproben/diverse-werbemittel | Markdown: https://www.johannesbeier.me/arbeitsproben/diverse-werbemittel.md # Johannes Beier – Portfolio > Johannes Beier: Full-Stack Marketer und Technological Creative mit Fokus auf ganzheitliche Unternehmenskommunikation. M.Eng. Medientechnik & Medienproduktion (OTH Amberg-Weiden), B.Eng. Medienproduktion & Medientechnik. ## Person - **Name:** Johannes Beier - **Abschlüsse:** M.Eng. Medientechnik & Medienproduktion, B.Eng. Medienproduktion & Medientechnik (OTH Amberg-Weiden) - **Schwerpunkte:** Unternehmenskommunikation, Grafikdesign, Corporate Design, Digital Marketing, Videoproduktion, Webentwicklung (React/Next.js), KI-gestützte Werbung (ComfyUI, Stable Diffusion, FLUX), 3D-Visualisierung (Blender) - **Berufserfahrung:** Werkstudent Marketing bei Reichenbacher Hamuel GmbH (Maschinenbau, seit 2023), Praktikant Corporate Marketing & Communications bei Preh Group (Automobilzulieferer, 2022) - **Sprache der Website:** Deutsch ## Diverse Werbemittel - **URL:** https://www.johannesbeier.me/arbeitsproben/diverse-werbemittel - **Projektrahmen:** Reichenbacher Hamuel GmbH (Maschinenbau) - **Kernaussage:** Gestaltung individueller Werbemittel für die Reichenbacher Hamuel GmbH. - **Kategorien:** Grafikdesign, Werbemittel, Typografie - **Technologien:** Adobe InDesign, Adobe Photoshop (Bildmaterial u. a. Unsplash, Pexels) ### Überblick Gestaltung von Werbemitteln und Werbegeschenken für Messen und Recruiting-Events auf Basis der Corporate Identity und expliziter Produzenten-Vorgaben: Tragetaschen mit stilisiertem CNC-Fräskopf-Motiv und integriertem Logo-Element (Claim »CNC-Technologie in Bestform«) sowie Mikrofaser-Handtücher mit Freizeitmotiv zum Claim »Maschinenbau mit Weitsicht«. ### Strategie - **Zwei Produkte, zwei Botschaften:** Tragetasche stärkt die etablierte Kernkompetenz (CNC-Fräsen); Handtuch kommuniziert den neuen, umfassenderen Claim und das Geschäftsfeld Additive Fertigung. - **Design-Spektrum:** Vom klassischen Design (stilisierter, angeschnittener Fräskopf, einfache Typografie) über Logo-zentrierte Varianten (weißer/blauer Hintergrund) bis zu gewagteren brutalistisch-geometrischen Entwürfen. - **Alltagstauglichkeit:** Praktische Formate, ansprechendes, nicht klassisch werbliches Design; Darstellung als Unternehmensgruppe plus Verbreitung der neuen Website. ### Ergebnis Produktionsreife Werbemittel inklusive Mockups – Beleg für Corporate Design, Print, Typografie, B2B-Kommunikation und Employer Branding im Maschinenbau. ## Kontakt - **Name:** Johannes Beier - **E-Mail:** hallo@johannesbeier.me - **LinkedIn:** https://www.linkedin.com/in/johannes-beier/ - **Website:** https://www.johannesbeier.me --- Original-URL: https://www.johannesbeier.me/arbeitsproben/imagefilm-refa | Markdown: https://www.johannesbeier.me/arbeitsproben/imagefilm-refa.md # Johannes Beier – Portfolio > Johannes Beier: Full-Stack Marketer und Technological Creative mit Fokus auf ganzheitliche Unternehmenskommunikation. M.Eng. Medientechnik & Medienproduktion (OTH Amberg-Weiden), B.Eng. Medienproduktion & Medientechnik. ## Person - **Name:** Johannes Beier - **Abschlüsse:** M.Eng. Medientechnik & Medienproduktion, B.Eng. Medienproduktion & Medientechnik (OTH Amberg-Weiden) - **Schwerpunkte:** Unternehmenskommunikation, Grafikdesign, Corporate Design, Digital Marketing, Videoproduktion, Webentwicklung (React/Next.js), KI-gestützte Werbung (ComfyUI, Stable Diffusion, FLUX), 3D-Visualisierung (Blender) - **Berufserfahrung:** Werkstudent Marketing bei Reichenbacher Hamuel GmbH (Maschinenbau, seit 2023), Praktikant Corporate Marketing & Communications bei Preh Group (Automobilzulieferer, 2022) - **Sprache der Website:** Deutsch ## Imagefilm: REFA Bayern e.V. - **URL:** https://www.johannesbeier.me/arbeitsproben/imagefilm-refa - **Projektrahmen:** Studium (Bachelor) - **Kernaussage:** Das Kursangebot zur REFA Grundausbildung. - **Kategorien:** Videografie, Konzeption, Postproduktion - **Technologien:** Blackmagic DaVinci Resolve ### Überblick Ca. 2,5-minütiger Imagefilm für REFA Bayern e.V. zur Präsentation des Weiterbildungskursangebots: Kombination aus Interviewauszügen mit echten Kursteilnehmenden aus produzierenden Betrieben und B-Roll aus Theorie- und Praxisübungen (authentische Drehorte, u. a. Robotik-Werkstatt). ### Umsetzung - **Konzept:** Modernisierung des verstaubten REFA-Images – junge, authentische Schulungsteilnehmende, moderne Tonalität, freundlicher Look; Wahrnehmung von REFA als moderner, praxisorientierter Weiterbildungsanbieter. - **Dreh:** On-Location-Interviews mit Fokus auf echte Erfahrungsberichte; zusätzlich Arbeitgeber-Perspektive (Statements von Franz Mende, ehem. Werkleiter Siemens) – der Film spricht Teilnehmende wie Personalverantwortliche an. - **Postproduktion:** Color Grading zur Integration der Corporate-Farben, gezieltes Bearbeiten/Austauschen des Hintergrunds für CI-Konformität; Richt- bzw. Ansteckmikrofone mit starker Audio-Optimierung in der Post. - **Auslieferung:** Mehrere spezialisierte Videoversionen plus schriftliche Anleitung zur Formatwahl; zusätzlich angefertigtes Foto-Material und Social-Media-Postings als Werbung für den Grundkurs. ### Ergebnis Ein glaubwürdiger Corporate-Film mit klarem Call-to-Action zur Kursanmeldung – Beleg für Konzeption, Kameraführung, Ton, Interviews, Postproduktion und Multiplattform-Auslieferung. ## Kontakt - **Name:** Johannes Beier - **E-Mail:** hallo@johannesbeier.me - **LinkedIn:** https://www.linkedin.com/in/johannes-beier/ - **Website:** https://www.johannesbeier.me --- Original-URL: https://www.johannesbeier.me/arbeitsproben/infofilm-neurofeedback | Markdown: https://www.johannesbeier.me/arbeitsproben/infofilm-neurofeedback.md # Johannes Beier – Portfolio > Johannes Beier: Full-Stack Marketer und Technological Creative mit Fokus auf ganzheitliche Unternehmenskommunikation. M.Eng. Medientechnik & Medienproduktion (OTH Amberg-Weiden), B.Eng. Medienproduktion & Medientechnik. ## Person - **Name:** Johannes Beier - **Abschlüsse:** M.Eng. Medientechnik & Medienproduktion, B.Eng. Medienproduktion & Medientechnik (OTH Amberg-Weiden) - **Schwerpunkte:** Unternehmenskommunikation, Grafikdesign, Corporate Design, Digital Marketing, Videoproduktion, Webentwicklung (React/Next.js), KI-gestützte Werbung (ComfyUI, Stable Diffusion, FLUX), 3D-Visualisierung (Blender) - **Berufserfahrung:** Werkstudent Marketing bei Reichenbacher Hamuel GmbH (Maschinenbau, seit 2023), Praktikant Corporate Marketing & Communications bei Preh Group (Automobilzulieferer, 2022) - **Sprache der Website:** Deutsch ## Infofilm: Neurofeedback - **URL:** https://www.johannesbeier.me/arbeitsproben/infofilm-neurofeedback - **Projektrahmen:** Studium (Master) - **Kernaussage:** Konzeption und Umsetzung eines Films für BEE Medic mit Schwerpunkt Neurofeedback. - **Kategorien:** Videografie, Konzeption, Postproduktion - **Technologien:** Blackmagic DaVinci Resolve, Adobe After Effects (Kamera: Fujifilm, Audio: Sennheiser/Zoom; Codecs: H.264, VP9, WebM) ### Überblick Ca. 7,5-minütiger Informationsfilm für BEE Medic über die Neurofeedback-Schulung – für medizinisches Fachpublikum (Psychotherapeut:innen). Informationsfilm mit O-Tönen von Dozierenden, Kursteilnehmenden und praktizierenden Therapeut:innen; Produkteinführung (u. a. der NeuroAmp als Basisausrüstung jeder Neurofeedback-Therapie) durch den Geschäftsführer. ### Umsetzung unter erschwerten Bedingungen - **Störungsfreier Dreh:** Schulungsbetrieb durfte nicht gestört werden – Hintergrundaufnahmen mit Tele-Objektiven, Interviews im halb-abgetrennten Gang oder während der Praxisphasen. - **Kurze Vorbereitungszeit:** Rapid-Konzeptphase, improvisierte Drehplanung gekoppelt an bestehende Schulungstermine. - **Struktur:** Interviews als Leitfaden, O-Töne statt Voice-Over – dokumentarischer, authentischer Stil. - **Produkterklärungen:** CEO präsentierte Produkte in authentischem B-Roll; zum Drehzeitpunkt fehlende Neurofeedback-Animationen wurden nachträglich in speziell aufgenommenes Bildmaterial hineinprojiziert und so als Teil der Therapiemethoden im Live-Szenario vorgestellt. - **Postproduktion:** Farb- und Kontrastabweichungen eliminiert, einheitlicher Look; Multiplattform-Auslieferung (YouTube, Website, Social Reels). ### Ergebnis Ein fachlich fundierter Schulungs- und Produktfilm – Beleg für Konzeption unter Zeitdruck, dokumentarische Kameraführung, Interview-Regie, VFX-Einbindung und medizinische Fachkommunikation. ## Kontakt - **Name:** Johannes Beier - **E-Mail:** hallo@johannesbeier.me - **LinkedIn:** https://www.linkedin.com/in/johannes-beier/ - **Website:** https://www.johannesbeier.me --- Original-URL: https://www.johannesbeier.me/arbeitsproben/ki-generierte-werbekampagne | Markdown: https://www.johannesbeier.me/arbeitsproben/ki-generierte-werbekampagne.md # Johannes Beier – Portfolio > Johannes Beier: Full-Stack Marketer und Technological Creative mit Fokus auf ganzheitliche Unternehmenskommunikation. M.Eng. Medientechnik & Medienproduktion (OTH Amberg-Weiden), B.Eng. Medienproduktion & Medientechnik. ## Person - **Name:** Johannes Beier - **Abschlüsse:** M.Eng. Medientechnik & Medienproduktion, B.Eng. Medienproduktion & Medientechnik (OTH Amberg-Weiden) - **Schwerpunkte:** Unternehmenskommunikation, Grafikdesign, Corporate Design, Digital Marketing, Videoproduktion, Webentwicklung (React/Next.js), KI-gestützte Werbung (ComfyUI, Stable Diffusion, FLUX), 3D-Visualisierung (Blender) - **Berufserfahrung:** Werkstudent Marketing bei Reichenbacher Hamuel GmbH (Maschinenbau, seit 2023), Praktikant Corporate Marketing & Communications bei Preh Group (Automobilzulieferer, 2022) - **Sprache der Website:** Deutsch ## KI-generierte Werbekampagne - **URL:** https://www.johannesbeier.me/arbeitsproben/ki-generierte-werbekampagne - **Projektrahmen:** Studium (Master) - **Kernaussage:** Analyse und Kreation einer Opel-Werbekampagne mit ChatGPT und FLUX. - **Kategorien:** Künstliche Intelligenz, Copywriting - **Technologien:** ComfyUI, FLUX, Adobe InDesign, Adobe Photoshop ### Überblick Entwicklung einer komplett KI-generierten Werbekampagne für Opel – bildlich und textlich orientiert am Original: Analyse bestehender Kampagnen, Entwicklung von Prompt-Templates und Generierung konsistenter Motive im Originalstil, inklusive textlicher Kampagnenebene (Copywriting mit ChatGPT) und Nachbearbeitung in Adobe Photoshop. ### Vorgehen - **Analyse:** Dekonstruktion bestehender Opel-Kampagnen (Bildstil, Tonalität, Claims). - **Prompt-Engineering:** Entwicklung wiederverwendbarer Prompt-Templates für konsistente Motivserien in ComfyUI/FLUX. - **Bildstil-Entwicklung:** Iterative Generierung und Kuratierung bis zur Stiltreue; Nachbearbeitung und Compositing in Photoshop. - **Text-Grafik-Erstellung:** Kampagnentexte und Headlines KI-gestützt konzipiert und redigiert. ### Ergebnis Eine stiltreue, komplett KI-generierte Kampagne als Research-and-Development-Beleg für KI-gestützte Konzeption, Designautomatisierung und Creative Workflows mit generativer KI. ## Kontakt - **Name:** Johannes Beier - **E-Mail:** hallo@johannesbeier.me - **LinkedIn:** https://www.linkedin.com/in/johannes-beier/ - **Website:** https://www.johannesbeier.me --- Original-URL: https://www.johannesbeier.me/arbeitsproben/ki-marketing-tools | Markdown: https://www.johannesbeier.me/arbeitsproben/ki-marketing-tools.md # Johannes Beier – Portfolio > Johannes Beier: Full-Stack Marketer und Technological Creative mit Fokus auf ganzheitliche Unternehmenskommunikation. M.Eng. Medientechnik & Medienproduktion (OTH Amberg-Weiden), B.Eng. Medienproduktion & Medientechnik. ## Person - **Name:** Johannes Beier - **Abschlüsse:** M.Eng. Medientechnik & Medienproduktion, B.Eng. Medienproduktion & Medientechnik (OTH Amberg-Weiden) - **Schwerpunkte:** Unternehmenskommunikation, Grafikdesign, Corporate Design, Digital Marketing, Videoproduktion, Webentwicklung (React/Next.js), KI-gestützte Werbung (ComfyUI, Stable Diffusion, FLUX), 3D-Visualisierung (Blender) - **Berufserfahrung:** Werkstudent Marketing bei Reichenbacher Hamuel GmbH (Maschinenbau, seit 2023), Praktikant Corporate Marketing & Communications bei Preh Group (Automobilzulieferer, 2022) - **Sprache der Website:** Deutsch ## KI Marketing-Tools - **URL:** https://www.johannesbeier.me/arbeitsproben/ki-marketing-tools - **Projektrahmen:** Reichenbacher Hamuel GmbH (Maschinenbau) - **Kernaussage:** Entwicklung KI-unterstützter Marketing-Tools für die Reichenbacher Hamuel GmbH. - **Kategorien:** Künstliche Intelligenz, Unternehmenskommunikation, Grafikdesign, Konzeption, Webengineering - **Technologien:** Künstliche Intelligenz, Next.js, React, Tailwind CSS, TypeScript ### Überblick Konzeption und Entwicklung KI-unterstützter Marketing-Werkzeuge für den Maschinenbau: Die Tools unterstützen das Marketing-Team der Reichenbacher Hamuel GmbH bei Content-Erstellung und Unternehmenskommunikation – von der Konzeption über das UI/UX-Design bis zur Full-Stack-Umsetzung in Next.js/React mit Tailwind CSS und TypeScript. ### Schwerpunkte - **Konzeption:** Anforderungsanalyse im Marketing-Alltag, Definition sinnvoller KI-Unterstützung (statt KI um der KI willen). - **UI/UX:** CI-konforme, redaktionsfreundliche Oberflächen für technische Anwender:innen. - **Webengineering:** Moderne Full-Stack-Umsetzung mit Next.js, React, Tailwind CSS und TypeScript. - **Unternehmenskommunikation:** Einbettung in bestehende Content-Strategien und CI-Vorgaben. ### Ergebnis Produktiv einsetzbare KI-Werkzeuge für ein Industrieunternehmen – Beleg für die Verbindung von KI-Kompetenz, Webengineering und Unternehmenskommunikation. ## Kontakt - **Name:** Johannes Beier - **E-Mail:** hallo@johannesbeier.me - **LinkedIn:** https://www.linkedin.com/in/johannes-beier/ - **Website:** https://www.johannesbeier.me --- Original-URL: https://www.johannesbeier.me/arbeitsproben/medienkunst-ausstellung | Markdown: https://www.johannesbeier.me/arbeitsproben/medienkunst-ausstellung.md # Johannes Beier – Portfolio > Johannes Beier: Full-Stack Marketer und Technological Creative mit Fokus auf ganzheitliche Unternehmenskommunikation. M.Eng. Medientechnik & Medienproduktion (OTH Amberg-Weiden), B.Eng. Medienproduktion & Medientechnik. ## Person - **Name:** Johannes Beier - **Abschlüsse:** M.Eng. Medientechnik & Medienproduktion, B.Eng. Medienproduktion & Medientechnik (OTH Amberg-Weiden) - **Schwerpunkte:** Unternehmenskommunikation, Grafikdesign, Corporate Design, Digital Marketing, Videoproduktion, Webentwicklung (React/Next.js), KI-gestützte Werbung (ComfyUI, Stable Diffusion, FLUX), 3D-Visualisierung (Blender) - **Berufserfahrung:** Werkstudent Marketing bei Reichenbacher Hamuel GmbH (Maschinenbau, seit 2023), Praktikant Corporate Marketing & Communications bei Preh Group (Automobilzulieferer, 2022) - **Sprache der Website:** Deutsch ## Medienkunst-Ausstellung - **URL:** https://www.johannesbeier.me/arbeitsproben/medienkunst-ausstellung - **Projektrahmen:** Studium (Master) - **Kernaussage:** Konzeption und Umsetzung einer kafkaesken Raum-in-Raum-Installation. - **Kategorien:** Konzeption, Videografie, Postproduktion, Sounddesign, Veranstaltungstechnik, Programmierung, Künstliche Intelligenz - **Technologien:** Blackmagic DaVinci Resolve, Adobe After Effects, Adobe Photoshop, Adobe InDesign, ComfyUI, Wan-Video 2.2, Python ### Überblick Die Installation »Die Lüge wird zur Weltordnung gemacht« (Kafka-Bezug) im Stadttheater Amberg: ein Raum-in-Raum-Konzept mit Rückprojektionen, Quad-Sound-System und KI-Thematik als immersives Besuchererlebnis – inklusive eigener Steuerungssoftware (Python/Linux) und analog-digitaler Besucherführung (Besucherinformationssystem). ### Umsetzung - **Konzeption:** Kafkaeske Narration als begehbare Installation; Raum-in-Raum-Dramaturgie. - **Video und Audio:** Videoproduktion und -editing, Sounddesign, Postproduktion; Rückprojektions-Setup und Quad-Sound. - **KI:** KI-generierte Inhalte (ComfyUI, Wan-Video 2.2) als Teil der Bildwelt. - **Technik:** Veranstaltungstechnik vor Ort, Programmierung der Ablaufsteuerung, Theater-Licht- und Tonintegration. ### Ergebnis Eine immersive, technisch wie künstlerisch eigenständige Arbeit – Beleg für Konzeption, digitale Kunst, interaktive Installation, Video, Sound und Creative Coding. ## Kontakt - **Name:** Johannes Beier - **E-Mail:** hallo@johannesbeier.me - **LinkedIn:** https://www.linkedin.com/in/johannes-beier/ - **Website:** https://www.johannesbeier.me --- Original-URL: https://www.johannesbeier.me/arbeitsproben/polytrade | Markdown: https://www.johannesbeier.me/arbeitsproben/polytrade.md # Johannes Beier – Portfolio > Johannes Beier: Full-Stack Marketer und Technological Creative mit Fokus auf ganzheitliche Unternehmenskommunikation. M.Eng. Medientechnik & Medienproduktion (OTH Amberg-Weiden), B.Eng. Medienproduktion & Medientechnik. ## Person - **Name:** Johannes Beier - **Abschlüsse:** M.Eng. Medientechnik & Medienproduktion, B.Eng. Medienproduktion & Medientechnik (OTH Amberg-Weiden) - **Schwerpunkte:** Unternehmenskommunikation, Grafikdesign, Corporate Design, Digital Marketing, Videoproduktion, Webentwicklung (React/Next.js), KI-gestützte Werbung (ComfyUI, Stable Diffusion, FLUX), 3D-Visualisierung (Blender) - **Berufserfahrung:** Werkstudent Marketing bei Reichenbacher Hamuel GmbH (Maschinenbau, seit 2023), Praktikant Corporate Marketing & Communications bei Preh Group (Automobilzulieferer, 2022) - **Sprache der Website:** Deutsch ## Polytrade: 3D Marketplace - **URL:** https://www.johannesbeier.me/arbeitsproben/polytrade - **Projektrahmen:** Studium (Master) - **Kernaussage:** Eine intuitive Web-Applikation für den Kauf und Verkauf von 3D-Modellen. - **Kategorien:** Webengineering, Webdesign, UI/UX - **Technologien:** React, Next.js, TypeScript, Tailwind CSS, CSS, MongoDB (SQL/Datenbank), Model Viewer, Authentifizierung, Admin Dashboard ### Überblick Prototyp einer 3D-Modell-Plattform (»Polytrade«) mit Usermanagement, Community-Funktionen und interaktivem 3D-Viewer (Model Viewer) für Austausch und Bewertung von 3D-Modellen – inklusive vollständigem Authentifizierungssystem und Admin Dashboard. ### Umsetzung - **Kernfunktionen:** User- und Filemanagement, Community-Features (Bewertung, Austausch), 3D-Vorschau. - **Designsystem:** Eigenes Designsystem, Prototyping, UI/UX für Marketplace-Workflows. - **Engineering:** Next.js/React mit TypeScript, Tailwind CSS, Datenbank-Anbindung; Projektmanagement im Studienkontext. ### Ergebnis Ein funktionsfähiger Marketplace-Prototyp – Beleg für Full-Stack-Webengineering, Webdesign und Produktdenken. ## Kontakt - **Name:** Johannes Beier - **E-Mail:** hallo@johannesbeier.me - **LinkedIn:** https://www.linkedin.com/in/johannes-beier/ - **Website:** https://www.johannesbeier.me --- Original-URL: https://www.johannesbeier.me/arbeitsproben/portfolio | Markdown: https://www.johannesbeier.me/arbeitsproben/portfolio.md # Johannes Beier – Portfolio > Johannes Beier: Full-Stack Marketer und Technological Creative mit Fokus auf ganzheitliche Unternehmenskommunikation. M.Eng. Medientechnik & Medienproduktion (OTH Amberg-Weiden), B.Eng. Medienproduktion & Medientechnik. ## Person - **Name:** Johannes Beier - **Abschlüsse:** M.Eng. Medientechnik & Medienproduktion, B.Eng. Medienproduktion & Medientechnik (OTH Amberg-Weiden) - **Schwerpunkte:** Unternehmenskommunikation, Grafikdesign, Corporate Design, Digital Marketing, Videoproduktion, Webentwicklung (React/Next.js), KI-gestützte Werbung (ComfyUI, Stable Diffusion, FLUX), 3D-Visualisierung (Blender) - **Berufserfahrung:** Werkstudent Marketing bei Reichenbacher Hamuel GmbH (Maschinenbau, seit 2023), Praktikant Corporate Marketing & Communications bei Preh Group (Automobilzulieferer, 2022) - **Sprache der Website:** Deutsch ## Portfolio – Über dieses Portfolio - **URL:** https://www.johannesbeier.me/arbeitsproben/portfolio - **Projektrahmen:** Persönliches Projekt - **Kernaussage:** Über dieses Portfolio – die eigene Plattform als Arbeitsprobe. - **Kategorien:** Grafikdesign, Konzeption, Typografie, UI/UX, Webdesign, Webengineering - **Technologien:** Next.js, React, Tailwind CSS, TypeScript, HeroUI, Framer Motion, Lucide React; Hosting: Vercel; Rendering: Server-Side Rendering (SSR) ### Anforderungen und Strategie - **Moderne Web-Technologien:** Next.js, React und Tailwind CSS für hohe Performance und exzellente Developer Experience. - **Interaktive Arbeitsproben:** Eigens entwickelte Komponenten für Galerien (Lightbox, ImageGallery), Prozessdarstellungen (VorgangSchritt), Flipbook-Magazin, PDF-Präsentationen und Glossar. - **Visueller Anspruch:** Dark-Mode-Support, cleaner und seriöser Look, typografisch überzeugend (u. a. Schweizer Stil, OKLAB-Farbwelt), subtile Animationen – professionell und seriös, ohne bieder zu wirken. - **Zielgruppenspezifische Kommunikation:** Glossar für Fachbegriffe – Verständlichkeit für Recruiter:innen bei gleichzeitigem fachlichem Tiefgang für Entscheider:innen. ### Umsetzung - **Design:** Typografie- und Farbsystem (Primary-, Secondary- und Neutral-Paletten mit Kontrastberechnung nach WCAG), responsive Layouts, Dark Mode. - **Engineering:** Server-Side Rendering, Dateisystem-nahe Content-Struktur, eigene Search (SearchModal, SearchContext), Performance-Optimierung. - **AI-Readability (diese Ebene):** robots.txt, sitemap.xml, llms.txt/llms-full.txt, Markdown-Spiegel jeder Seite mit Alternate-Links, semantisches HTML, JSON-LD (Person, WebSite) – siehe AGENTS.md. ### Ergebnis Eine individuelle Portfolio-Website als Full-Stack-Beleg für Webentwicklung, Webdesign, UX und typografische Gestaltung. ## Kontakt - **Name:** Johannes Beier - **E-Mail:** hallo@johannesbeier.me - **LinkedIn:** https://www.linkedin.com/in/johannes-beier/ - **Website:** https://www.johannesbeier.me --- Original-URL: https://www.johannesbeier.me/arbeitsproben/training-eines-ki-modells | Markdown: https://www.johannesbeier.me/arbeitsproben/training-eines-ki-modells.md # Johannes Beier – Portfolio > Johannes Beier: Full-Stack Marketer und Technological Creative mit Fokus auf ganzheitliche Unternehmenskommunikation. M.Eng. Medientechnik & Medienproduktion (OTH Amberg-Weiden), B.Eng. Medienproduktion & Medientechnik. ## Person - **Name:** Johannes Beier - **Abschlüsse:** M.Eng. Medientechnik & Medienproduktion, B.Eng. Medienproduktion & Medientechnik (OTH Amberg-Weiden) - **Schwerpunkte:** Unternehmenskommunikation, Grafikdesign, Corporate Design, Digital Marketing, Videoproduktion, Webentwicklung (React/Next.js), KI-gestützte Werbung (ComfyUI, Stable Diffusion, FLUX), 3D-Visualisierung (Blender) - **Berufserfahrung:** Werkstudent Marketing bei Reichenbacher Hamuel GmbH (Maschinenbau, seit 2023), Praktikant Corporate Marketing & Communications bei Preh Group (Automobilzulieferer, 2022) - **Sprache der Website:** Deutsch ## Training eines KI-Modells - **URL:** https://www.johannesbeier.me/arbeitsproben/training-eines-ki-modells - **Projektrahmen:** Studium (Master) - **Kernaussage:** Um eine imaginäre Ausstellung zur Schauspielerin Viola Allen bebildern zu können, wurde ein KI-Modell auf diese trainiert. - **Kategorie:** Künstliche Intelligenz - **Technologien:** ComfyUI, FLUX, Adobe Photoshop ### Überblick Fine-Tuning/Training eines Bildgenerierungsmodells (FLUX-Workflow in ComfyUI) auf die historische Person Viola Allen, um eine imaginäre Ausstellung konsistent bebildern zu können – inklusive Datensatz-Kuratierung, Trainingsläufen, Evaluation und Nachbearbeitung in Adobe Photoshop. ### Vorgehen - **Datensatz:** Recherche und Kuratierung geeigneter Referenzbilder. - **Training:** Finetuning-Workflow in ComfyUI (FLUX), Hyperparameter-Tuning, iterative Evaluation von Personenähnlichkeit und Stiltreue. - **Anwendung:** Generierung einer konsistenten Ausstellungs-Bildserie; Retusche und Finale in Photoshop. ### Ergebnis Ein reproduzierbarer Trainings-Workflow plus Ausstellungssujets – Beleg für Model Training/Finetuning, Workflow-Engineering und Prompt-Engineering. ## Kontakt - **Name:** Johannes Beier - **E-Mail:** hallo@johannesbeier.me - **LinkedIn:** https://www.linkedin.com/in/johannes-beier/ - **Website:** https://www.johannesbeier.me --- Original-URL: https://www.johannesbeier.me/arbeitsproben/unternehmenskommunikation | Markdown: https://www.johannesbeier.me/arbeitsproben/unternehmenskommunikation.md # Johannes Beier – Portfolio > Johannes Beier: Full-Stack Marketer und Technological Creative mit Fokus auf ganzheitliche Unternehmenskommunikation. M.Eng. Medientechnik & Medienproduktion (OTH Amberg-Weiden), B.Eng. Medienproduktion & Medientechnik. ## Person - **Name:** Johannes Beier - **Abschlüsse:** M.Eng. Medientechnik & Medienproduktion, B.Eng. Medienproduktion & Medientechnik (OTH Amberg-Weiden) - **Schwerpunkte:** Unternehmenskommunikation, Grafikdesign, Corporate Design, Digital Marketing, Videoproduktion, Webentwicklung (React/Next.js), KI-gestützte Werbung (ComfyUI, Stable Diffusion, FLUX), 3D-Visualisierung (Blender) - **Berufserfahrung:** Werkstudent Marketing bei Reichenbacher Hamuel GmbH (Maschinenbau, seit 2023), Praktikant Corporate Marketing & Communications bei Preh Group (Automobilzulieferer, 2022) - **Sprache der Website:** Deutsch ## Unternehmenskommunikation - **URL:** https://www.johannesbeier.me/arbeitsproben/unternehmenskommunikation - **Projektrahmen:** Preh Group (Automobilzulieferer, Praxissemester als Praktikant Corporate Marketing und Communications, 08/2022–12/2022, Bad Neustadt a.d. Saale) - **Kernaussage:** Mitarbeit in der Unternehmenskommunikation eines international agierenden Automobilzulieferers. - **Kategorien:** Unternehmenskommunikation, Videografie, Fotografie, Social Media - **Technologien:** Adobe Lightroom, Adobe Photoshop (sowie Illustrator, InDesign, Premiere Pro, Canva im Praktikum) ### Überblick Praxissemester in der Unternehmenskommunikation der Preh Group: Full-Stack Content Marketing – Konzeption und End-to-End-Produktion von Foto- und Videocontent für Intranet und Social Media, Mitarbeiter-Fotoshootings (Porträt), Interview-Videos, Produktfotografie und technische Beratung zur Medientechnik. ### Aufgaben - **Content-Produktion:** Foto- und Videocontent für interne (Intranet-Beiträge) und externe Kommunikation (Instagram, LinkedIn, Facebook). - **Formate:** Mitarbeiter-Fotoshootings, Interview-Videos, Produktpräsentationen, Event-Fotografie und Fotodokumentation. - **Strategie:** Social-Media-Konzepte, Content-Strategie, Corporate Identity in Bild und Video. - **Technik:** Videopostproduktion, Bildbearbeitung, Beratung zu Medientechnik. ### Ergebnis Professionalisierung der internen und externen Kommunikation eines Automotive-Zulieferers – Beleg für B2B-Marketing, Corporate Video, redaktionelle Fotografie und Social-Media-Management. ## Kontakt - **Name:** Johannes Beier - **E-Mail:** hallo@johannesbeier.me - **LinkedIn:** https://www.linkedin.com/in/johannes-beier/ - **Website:** https://www.johannesbeier.me --- Original-URL: https://www.johannesbeier.me/arbeitsproben/website-redesign | Markdown: https://www.johannesbeier.me/arbeitsproben/website-redesign.md # Johannes Beier – Portfolio > Johannes Beier: Full-Stack Marketer und Technological Creative mit Fokus auf ganzheitliche Unternehmenskommunikation. M.Eng. Medientechnik & Medienproduktion (OTH Amberg-Weiden), B.Eng. Medienproduktion & Medientechnik. ## Person - **Name:** Johannes Beier - **Abschlüsse:** M.Eng. Medientechnik & Medienproduktion, B.Eng. Medienproduktion & Medientechnik (OTH Amberg-Weiden) - **Schwerpunkte:** Unternehmenskommunikation, Grafikdesign, Corporate Design, Digital Marketing, Videoproduktion, Webentwicklung (React/Next.js), KI-gestützte Werbung (ComfyUI, Stable Diffusion, FLUX), 3D-Visualisierung (Blender) - **Berufserfahrung:** Werkstudent Marketing bei Reichenbacher Hamuel GmbH (Maschinenbau, seit 2023), Praktikant Corporate Marketing & Communications bei Preh Group (Automobilzulieferer, 2022) - **Sprache der Website:** Deutsch ## Website Redesign - **URL:** https://www.johannesbeier.me/arbeitsproben/website-redesign - **Projektrahmen:** Reichenbacher Hamuel GmbH (Maschinenbau) - **Kernaussage:** Website Redesign und Konsolidierung der drei Unternehmens-Websites. - **Kategorien:** Webdesign, UI/UX, Fotografie - **Technologien:** WordPress, CSS, PODS Framework; SEO, Pagespeed-Optimierung ### Überblick Redesign und Konsolidierung von drei Unternehmenswebsites zur modernen Gruppen-Seite der Reichenbacher Hamuel Gruppe: CI-konforme Designsprache, Neustrukturierung der Inhalte, neue Inhaltstypen und optimierte CMS-Struktur (WordPress mit PODS Framework), SEO-Optimierung, Pagespeed-Steigerung, verbesserte UX und nachhaltiges Design System. ### Anforderungen und Strategie - **Konsolidierung:** Aufbau der neuen Gruppenseite inklusive Neustrukturierung dreier Vorgängerseiten. - **Zugang zu Produkten:** Schneller Zugang zu relevanten Produkten für Kund:innen. - **Nutzwert und SEO:** Zahlreiche neue Inhaltsformate – Nutzwert erhöht und SEO-Potenzial gesteigert. - **Recruiting:** Neue Mitarbeitende gewinnen – leichtere Auffindbarkeit von Stellen- und Ausbildungsangeboten. - **Redaktion:** Technische Bedienbarkeit für Redakteur:innen (CMS, Templates). - **Look:** Visuelles Update im Corporate Design; dynamische Layouts, Farbkombinationen, Typografie, Responsive Design. - **Performance:** Pagespeed-Steigerung. - **Vernetzung:** Relevante Inhalte miteinander verknüpfen (interne Verlinkungen, Content-Strategie). - **Vertrieb:** Gebrauchtmaschinen über die Website verkaufen. ### Ergebnis Eine moderne, performante Corporate Website mit messbar besserer UX, SEO und Redaktionsfähigkeit – inklusive Newsletter-Administration, Unternehmenspräsentationen und neuer Content-Strategie. Beleg für Webdesign, Webengineering (WordPress-Theming), UX, SEO und Content-Strategie im B2B-Maschinenbau. ## Kontakt - **Name:** Johannes Beier - **E-Mail:** hallo@johannesbeier.me - **LinkedIn:** https://www.linkedin.com/in/johannes-beier/ - **Website:** https://www.johannesbeier.me --- Original-URL: https://www.johannesbeier.me/curriculum-vitae | Markdown: https://www.johannesbeier.me/curriculum-vitae.md # Johannes Beier – Portfolio > Johannes Beier: Full-Stack Marketer und Technological Creative mit Fokus auf ganzheitliche Unternehmenskommunikation. M.Eng. Medientechnik & Medienproduktion (OTH Amberg-Weiden), B.Eng. Medienproduktion & Medientechnik. ## Person - **Name:** Johannes Beier - **Abschlüsse:** M.Eng. Medientechnik & Medienproduktion, B.Eng. Medienproduktion & Medientechnik (OTH Amberg-Weiden) - **Schwerpunkte:** Unternehmenskommunikation, Grafikdesign, Corporate Design, Digital Marketing, Videoproduktion, Webentwicklung (React/Next.js), KI-gestützte Werbung (ComfyUI, Stable Diffusion, FLUX), 3D-Visualisierung (Blender) - **Berufserfahrung:** Werkstudent Marketing bei Reichenbacher Hamuel GmbH (Maschinenbau, seit 2023), Praktikant Corporate Marketing & Communications bei Preh Group (Automobilzulieferer, 2022) - **Sprache der Website:** Deutsch ## Curriculum vitae – Bildung und Arbeitserfahrungen - **URL:** https://www.johannesbeier.me/curriculum-vitae ### Ausbildung - **M.Eng. Medientechnik & Medienproduktion** – OTH Amberg-Weiden, Amberg (seit 09/2024). Schwerpunkte: Design Computation, Entrepreneurship, Hör- und Psychoakustik, Imagefilm, Innovationsmanagement, Informationsvisualisierung, Künstliche Intelligenz, Medienkunst, Medienmanagement, Sounddesign, Web-Engineering, Werbefilm. - **B.Eng. Medienproduktion & Medientechnik** – OTH Amberg-Weiden, Amberg (08/2019–03/2024). Schwerpunkte: Audioproduktion, Betriebswirtschaftslehre, Bildbearbeitung, Branding, Computergrafik und -animation, Content-Entwicklung, Elektrotechnik, Fotografie, Marketing, Mediengestaltung, Programmieren, TV-Produktion und -redaktion, Unternehmenskommunikation, Veranstaltungstechnik. - **Abitur** – Gymnasium Alexandrinum, Coburg (05/2019). ### Berufserfahrung - **Werkstudent Marketing** – Reichenbacher Hamuel GmbH, Dörfles-Esbach (seit 06/2023). Konzeption und technische Umsetzung der Konsolidierung von drei Unternehmens-Websites zu einer modernen Gruppen-Seite (UI/UX-Design, CI-konforme Designsprache, SEO, Pagespeed, Content-Strategien, interne Verlinkungen, Newsletter-Administration, Werbemittel, Unternehmenspräsentationen). Zugehörige Arbeitsproben: [Website Redesign](https://www.johannesbeier.me/arbeitsproben/website-redesign), [Diverse Werbemittel](https://www.johannesbeier.me/arbeitsproben/diverse-werbemittel). Tools: WordPress, Illustrator, InDesign, Lightroom, Photoshop, Fotografie, Branding, Werbung, UI/UX, Unternehmenskommunikation. - **Praktikant Corporate Marketing und Communications** – Preh Group, Bad Neustadt a.d. Saale (08/2022–12/2022). Full-Stack Content Marketing: Konzeption und End-to-End-Produktion von Foto- und Videocontent (Intranet, Social Media), Social-Media-Konzepte, Mediengestaltung (Produktfotografie, Grafikdesign, Print/Online, Werbung), technische Beratung zur Medientechnik. Zugehörige Arbeitsprobe: [Unternehmenskommunikation](https://www.johannesbeier.me/arbeitsproben/unternehmenskommunikation). Tools: Illustrator, InDesign, Lightroom, Photoshop, Premiere Pro, Canva, Fotografie. - **Regelmäßiger Ferienjob Marketing** – Reichenbacher Hamuel GmbH (01/2019–03/2023). Vertriebs- und Unternehmenspräsentationen, PowerPoint-Masterfolien und Vorlagen (Corporate Design), Datenvisualisierungen, Bildbearbeitung, zentrale zweisprachige Unternehmenspräsentationsvorlage (deutsch/englisch). Tools: Illustrator, Lightroom, Photoshop, PowerPoint. - **Ferienjob Logistik** – KAESER KOMPRESSOREN SE, Coburg (05/2019). Verpacken und Wickeln von Paletten mit Schraubenkompressoren. - **Praktikum Mediengestalter** – DS Marketing und PR GmbH, Coburg (09/2017). Einladungskarten und Flyer (Print). Tools: Illustrator, InDesign, Photoshop. - **Praktikum Produktentwicklung** – Valeo Klimasysteme GmbH, Bad Rodach (09/2017). Strömungstests, Akustiktests, Produktentwicklung. Tools: CAD, CATIA. - **Ferienjob Instandhaltung** – Valeo Klimasysteme GmbH, Bad Rodach (07/2017). Digitale Erfassung des Lagerbestands, Vereinfachung des Nachbestellungsprozesses. Tools: Microsoft Excel. - **Schnuppertage Mediendesign** – HABA Familygroup, Bad Rodach (08/2016). Mediengestaltung, Fotografie, Bildbearbeitung. Tools: InDesign, Lightroom, Photoshop, Fotografie. - **Praktikum Technischer Produktdesigner** – Lieb GmbH, Rödental (05/2016). Parametrische Konstruktion einfacher 3D-Modelle. Tools: CAD, Autodesk Inventor. ## Kontakt - **Name:** Johannes Beier - **E-Mail:** hallo@johannesbeier.me - **LinkedIn:** https://www.linkedin.com/in/johannes-beier/ - **Website:** https://www.johannesbeier.me --- Original-URL: https://www.johannesbeier.me/ueber-mich | Markdown: https://www.johannesbeier.me/ueber-mich.md # Johannes Beier – Portfolio > Johannes Beier: Full-Stack Marketer und Technological Creative mit Fokus auf ganzheitliche Unternehmenskommunikation. M.Eng. Medientechnik & Medienproduktion (OTH Amberg-Weiden), B.Eng. Medienproduktion & Medientechnik. ## Person - **Name:** Johannes Beier - **Abschlüsse:** M.Eng. Medientechnik & Medienproduktion, B.Eng. Medienproduktion & Medientechnik (OTH Amberg-Weiden) - **Schwerpunkte:** Unternehmenskommunikation, Grafikdesign, Corporate Design, Digital Marketing, Videoproduktion, Webentwicklung (React/Next.js), KI-gestützte Werbung (ComfyUI, Stable Diffusion, FLUX), 3D-Visualisierung (Blender) - **Berufserfahrung:** Werkstudent Marketing bei Reichenbacher Hamuel GmbH (Maschinenbau, seit 2023), Praktikant Corporate Marketing & Communications bei Preh Group (Automobilzulieferer, 2022) - **Sprache der Website:** Deutsch ## Über mich – Fähigkeiten und Trivia - **URL:** https://www.johannesbeier.me/ueber-mich ### Fähigkeiten nach Kategorie (Level: 1 Grundlagen, 2 Fortgeschritten, 3 Sehr gut) - **Grafikdesign:** Adobe Photoshop (3), Adobe InDesign (3), Typografie (3), Adobe Illustrator (2), Affinity Designer (2), Fotografie (2), Figma (1), Canva (1). Passende Arbeitsprobe: [Diverse Werbemittel](https://www.johannesbeier.me/arbeitsproben/diverse-werbemittel). - **Webdesign:** WordPress (3), HTML & CSS (3), Tailwind CSS (3), User Interface Design (2), React & Next.js (2), TypeScript (1), JavaScript (1). Passende Arbeitsprobe: [Website Redesign](https://www.johannesbeier.me/arbeitsproben/website-redesign). - **Branding:** Corporate Design (3), Employer Branding (2), HR Marketing (2), Templating (1), Markenpositionierung (1). Passende Arbeitsprobe: [Branding und Werbematerial](https://www.johannesbeier.me/arbeitsproben/branding-und-werbematerial). - **Unternehmenskommunikation:** Mitarbeiterkommunikation (3), Content Creation (3), Social Media (2), Veranstaltungstechnik (2), Storytelling (2). Passende Arbeitsprobe: [Unternehmenskommunikation](https://www.johannesbeier.me/arbeitsproben/unternehmenskommunikation). - **Videografie:** DaVinci Resolve (3), Aufnahmetechnik (2), Adobe Premiere Pro (2), Adobe After Effects (2). Passende Arbeitsprobe: [Infofilm Neurofeedback](https://www.johannesbeier.me/arbeitsproben/infofilm-neurofeedback). - **Künstliche Intelligenz:** Workflow-Engineering (3), ComfyUI (3), Prompt-Engineering (2), Open WebUI (2), Model Training und Finetuning (1), Midjourney (1). Passende Arbeitsprobe: [Training eines KI-Modells](https://www.johannesbeier.me/arbeitsproben/training-eines-ki-modells). - **3D & Animation:** Blender (2), 3D Modeling (2), Texturing (1), Cinema 4D (1), Autodesk Inventor (1). Passende Arbeitsprobe: [Bachelorarbeit](https://www.johannesbeier.me/arbeitsproben/bachelorarbeit). ### Kurzprofil Technological Creative zwischen Design, Technik und Kommunikation: vom Printmagazin über Corporate Websites bis zu KI-Workflows und Medienkunst-Installationen. Berufserfahrung in Automotive (Preh Group) und Maschinenbau (Reichenbacher Hamuel). ## Kontakt - **Name:** Johannes Beier - **E-Mail:** hallo@johannesbeier.me - **LinkedIn:** https://www.linkedin.com/in/johannes-beier/ - **Website:** https://www.johannesbeier.me