Stefan Vesper

Hello, I'm

Stefan Vesper


Senior Frontend Engineer mit >17 Jahren Berufserfahrung — von HTML5-Werbeplattformen über das Design System des Hessischen Rundfunks bis zu SAP UI5-Anwendungen für Konzernkunden. Schwerpunkte: moderne Frontend-Architekturen mit JavaScript/TypeScript und React, unternehmensweite Design Systems sowie CI/CD-Pipelines.

/ Career

A brief overview of my career

11/2025 – heute

Software-Entwickler (Frontend, SAP UI5)

PBS Software GmbH, Bensheim

Entwicklung und Weiterentwicklung im Frontend SAP-basierter Unternehmenslösungen mit SAP UI5 (TypeScript / JavaScript, MVC-Pattern). Arbeit im internationalen, interdisziplinären Team.

SAP UI5TypeScriptJavaScriptMVC
07/2019 – 12/2025

Frontend-Entwickler

Hessischer Rundfunk, Frankfurt am Main

Mitverantwortung für den vollständigen Relaunch des Webangebots der ARD-Anstalt Hessischer Rundfunk (Millionen-Reichweite, Nachrichten- und Mediathek-Plattform). Aufbau und Pflege eines unternehmensweiten Design Systems mit Storybook. Modernisierung des Legacy-Stacks durch AlpineJS und Tailwind CSS. Integration mit Backend-Services und Headless-CMS. Migration der Build- und Deploy-Pipeline von Jenkins auf GitLab CI/CD.

TypeScriptReactStorybookAlpineJSTailwind CSSGitLab CI/CDScrumKanban
04/2016 – 02/2019

Frontend-Entwickler (freiberuflich)

CI-Sounds & Media, Darmstadt

Hauptkunde Ströer Digital Group: nahtlose Fortführung der Frontend-Tätigkeit nach der Übernahme von Interactive Media CCSP — digitale Werbe- und Video-Plattformen (HTML5, JavaScript), HTML5-Werbemittel, Online-Video-Lösungen (VAST, VPAID, IMA SDK). Weitere Kunden: Webdesign-Projekte und WordPress-Entwicklung.

HTML5JavaScriptVASTVPAIDIMA SDKWordPress
02/2009 – 03/2016

Web-Entwickler

Interactive Media CCSP, Darmstadt

Frontend-Entwicklung für digitale Werbe- und Video-Plattformen (HTML5, JavaScript). Aufbau von HTML5-Werbemitteln, Online-Video-Lösungen (VAST, VPAID, IMA SDK) und Multiscreen-Videoplayern. Cross-Browser- und Cross-Device-Optimierung, Performance-Tuning. 04/2016: Übernahme durch Ströer.

HTML5JavaScriptVASTVPAIDIMA SDKCSS3
1999

Fachhochschulreife — Elektrotechnik / Automatisierungstechnik

Heinrich-Emanuel-Merck-Schule, Darmstadt

Fachhochschulreife mit Schwerpunkt Elektrotechnik und Automatisierungstechnik.

1993 – 1997

Berufsausbildung zum Kommunikations-Elektroniker, Fachrichtung Telekommunikations-Technik

Deutsche Telekom AG, Darmstadt

Berufsausbildung zum Kommunikations-Elektroniker im Berufsbildungszentrum der Deutschen Telekom AG.

/ Featured Projects

A selection of professional work, published apps, and experimental prototypes.

Web Application

AWS S3 Upload-Tool / Redirect Generator

Via Webformular können 3 Grafikdateien und eine MP4-Videodatei in einen dynamisch erstellten AWS-S3 Bucket übertragen werden. Anschließend generiert das Tool eine VPAID-Javascript-Datei, referenziert darin die S3-Datei-URLs und speichert sie im Bucket. Im nächsten Schritt generiert die Applikation eine VAST3-kompatible XML-Datei. Im letzten Schritt gibt die Anwendung eine Redirect-URL aus, die direkt im Videoadserver als Asset einer Kampagne eingebaut werden kann. Das Produkt 'Branded Player' ist ein interaktives PreRoll, das via VPAID 2 ein Grafik-Branding um den Videoplayer darstellt.

Node.js AWS S3 AWS Lambda EJS XML VAST VPAID Heroku GitHub
MetaTag Video-Modul Prototype
Adserver customising / backend

MetaTag Video-Modul Prototype

MetaTag ist ein Node.js-Projekt der Ströer Digital Group zur Aussteuerung von Banner-Werbeplätzen auf Webseiten der Ströer Digital Media Group. Das MetaTag-Video-Modul wurde 2018 als externer Entwickler erstellt und wird seit Mitte 2018 auf allen Ströer-Publishern eingesetzt, u.a. Kicker.de & T-Online.de. Ansatz: Neuer Object Konstruktor "Video", neue Methoden via JS-Prototype. Eine spezielle Methode gibt ein JSON-formatiertes Objekt zurück, welches pro angeforderte Position einen VAST-Adtag zur weiteren Verarbeitung im Video-Player der Webseite bereitstellt. Möglichst effiziente Nutzung der vorhandenen Strukturen und API bei gleichzeitig maximaler Flexibilität für alle Beteiligten. Aufgaben: Selbstständiges Einarbeiten ins GitHub-Projekt und die komplette Projektumgebung, Verstehen der Prozesse innerhalb der Anwendung, Ausmachen von Ansatzpunkten für das Video-Modul. Erstellung Modul-Konzept & Workflow, erste Tests via Localhost. Durchführung der Programmierungen, Einbindung im CMS von T-Online.de und im System von Ströer, erste Tests in der Sandbox in Zusammenarbeit mit der Ströer-IT sowie den Entwicklern des T-Online-Videoplayers (Exozet). Code-Reviews, diverse Anpassungen, Rollout Version 1.0 auf das Ströer CDN für alle angebundenen Publisher im Juni 2018. Dokumentation auf Confluence, Schulung Mitarbeiter, Erweiterungen/Updates.

JavaScript Node.js JSON XML VAST Grunt ESLint GitHub
MetaTag Video-Modul – Feature 'Video-Zone'
Adserver customising / backend

MetaTag Video-Modul – Feature 'Video-Zone'

Erweiterung der Funktionalität des MetaTag-Video-Moduls der Ströer Digital Group. Auf Kundenwunsch wurde der Haupt-Methode ein neuer optionaler Parameter hinzugefügt, der eine dediziertere Auswahl der Video-Rubrik durch den Publisher ermöglicht. Das Update wurde genutzt, um weitere Verbesserungen am Modul vorzunehmen: u.a. wurde der Prozess zur Erstellung von VAST-Tags generischer programmiert, um mehr Kompatibilität für weitere Publisher herzustellen und den Wartungsaufwand zu minimieren. Das Modul ist skalierbar gestaltet, integriert sich nahtlos in vorhandene Strukturen und trennt den Inhalt vom Code. Weitere Publisher können ohne großen Aufwand integriert werden und dieses Feature ebenfalls nutzen. Kunde: Ströer Digital Media

JavaScript Node.js JSON XML VAST Grunt ESLint GitHub
MetaTag Video – VPAID-PostMessage Integration
Adserver customising / backend

MetaTag Video – VPAID-PostMessage Integration

Erweiterung des MetaTag-Video-Moduls: Es kann nun PostMessage-Befehle von einem interaktiven VPAID-PreRoll empfangen und verarbeiten. Dies ermöglicht eine sichere, bidirektionale Kommunikation zwischen den Kunden-Webseiten und einem VPAID-Werbemittel. Weiterhin bietet es eine Template-Funktion, um auf Kommando zusätzliche Inhalte auf einer Kunden-Webseite darzustellen, getriggert durch das VPAID-Werbemittel. Im Bereich der Videowerbung ermöglicht die VPAID-Technologie u.a. User-Interaktivität und das Nachladen von beliebigen Inhalten innerhalb eines Video-Werbemittels. Ein für SDG 2017 erstelltes Produkt 'Branded Player' nutzt diese Technologie und benötigt dabei Kommunikation mit der Webseite. Als sicherste und skalierbarste Lösung bot sich JavaScript-PostMessage an. Dieses Feature steht in Verbindung mit den Projekten 'MetaTag Video-Modul Prototype' und 'AWS S3 Upload-Tool / Redirect Generator'.

JavaScript Node.js JSON XML VAST VPAID PostMessage Grunt ESLint GitHub
Advertisement

Werbeform 'Fullscreen-Homepage-Spot'

Sonderwerbeform für die Startseiten von Kicker.de & T-Online.de. Das Werbemittel blendet im Hintergrund der Webseite ein Fullscreen-Video ein und 'öffnet' eine Lücke in der Webseite, durch die das Fullscreen-Video zu sehen ist. Nach Ablauf des Videos wird die Lücke animiert geschlossen und ein Reminder eingeblendet. Der Videoplayer ist vollständig VAST/VPAID-kompatibel. Aufgaben: VAST/VPAID-kompatibler Videoplayer via JavaScript / Google IMA SDK HTML5. Aufbau via JS/CSS, Integration in den Buchungsprozess von Ströer. Erstellen der Kreativ-Vorlagen in DFP und Ablage der Assets auf AWS S3. Integration auf den Startseiten von Kicker.de, T-Online.de, Spox.de und weiteren.

JavaScript VAST VPAID Google IMA SDK HTML5 CSS3 DFP AWS S3 iBillboard Video Adserver
Werbeform 'Branded Player' für T-Online & Kicker
Advertisement

Werbeform 'Branded Player' für T-Online & Kicker

Erstellung eines VPAID2-Werbemittels, das zu einem Werbevideo passende Grafikelemente um den Videoplayer herum anzeigt. Werbetreibenden wird hier ohne zusätzlichen Agenturaufwand ermöglicht, eine Videobuchung mit mehr Aufmerksamkeit und Interaktivität auszustatten. Reichweite, Click- und Durchsehraten werden gesteigert. Background: Ursprünglich wurde diese Werbeform bereits 2015/16 entwickelt und nutzte den Companion-Banner-Knoten des VAST-Protokolls für die Auslieferung des Codes. Zunächst wurde das Javascript für die Werbeform programmiert, anschließend im Adserver ein Buchungs-Template erstellt, das das Javascript zusammen mit hochzuladenen Grafiken nutzt und alles mit einer Videobuchung verknüpft. Durch das Wegfallen der Companion-Banner bei den meisten Publishern wurde später die beschriebene Lösung mit VPAID2 entwickelt. Parallel dazu entstand die 'PostMessage'-Erweiterung des Ströer-Video-Moduls, die u.a. für dieses Werbemittel benötigt wird. Es ist geplant, das Werbemittel auf den neuen VAST 4.1 Standard hin weiter zu entwickeln. Dieses Projekt steht in Verbindung mit 'MetaTag Video – VPAID-PostMessage Integration' und 'AWS S3 Upload-Tool / Redirect Generator'.

JavaScript VAST VPAID Node.js GitHub Oath Ad Platform (AOL IQ) iBillboard Video Adserver
Advertisement

Werbeform 'InText-Spot'

Das Werbemittel blendet sich erst ein, sobald der User innerhalb des Textes nach unten scrollt. Zudem läuft der Spot nur bei einer Sichtbarkeit von mind. 50% ab. Optimal für die Verlängerung von PreRoll-Kampagnen geeignet. Aufgaben: VAST/VPAID-kompatibler Videoplayer via JavaScript / Google IMA SDK HTML5. Programmierung in JS/CSS: Animation und Scrollverhalten (Öffnen bei 50% Sichtbarkeit, Anhalten wenn außerhalb View, Schließen nach Ablauf). Erstellen der Kreativ-Vorlagen in DFP, Ablage der Assets auf AWS S3, Integration auf einer Vielzahl von Publishern. Varianten: Desktop, Mobile (iOS & Android), 16/9 und 9/16 Auslieferung, RTA-Variante für Realtime Bidding Websites.

JavaScript VAST VPAID Google IMA SDK HTML5 CSS3 DFP AWS S3 iBillboard Video Adserver

/ Tech Stack

Breakdown of my technical skills, categorized by domain and proficiency

Expert
Proficient
Beginner

Frontend (Kern)

TypeScript
JavaScript (ES6+)
React
SAP UI5
HTML5
CSS3
Tailwind CSS

Design Systems & UI

Storybook
Komponenten-Bibliotheken
Accessibility (a11y)
Responsive Design

API & CMS

REST / JSON
Headless CMS
WordPress
Web Performance

Tooling & DevOps

Git / GitLab
GitLab CI/CD
Jenkins
Node.js
AlpineJS

/ Contact Me

Feel free to reach out. I'm always open to discussing new projects and opportunities.