Meine Expertise liegt im Bereich Frontend-Entwicklung, wobei mir aktuelle UX- und Barrierefreiheitsstandards ein Anliegen sind.
Aktualisiert am 22.11.2024
Profil
Freiberufler / Selbstständiger
Remote-Arbeit
Verfügbar ab: 25.11.2024
Verfügbar zu: 80%
davon vor Ort: 10%
HTML
CSS
JavaScript
Vue.js
React
Angular
React Native
Astro
Nuxt.js
Next.js
jQuery
Express
GSAP
Three.js
Webpack
Vite
Storybook
Playwright (e2e)
GitHub
Deutsch
Englisch

Einsatzorte

Einsatzorte

Deutschland, Schweiz, Österreich
möglich

Projekte

Projekte

1 Jahr 6 Monate
2022-03 - 2023-08

RX Connect App

React Native TypeScript React Native Reanimated ...

RX Connect ist eine digitale Erweiterung für die E-Bikes von Riese & Müller, die dem Besitzer ermöglicht, sein E-Bike jederzeit zu lokalisieren und zusätzliche Informationen über den Zustand und die Nutzung des Gefährts abzurufen. Der RX-Chip, unsichtbar und fest im E-Bike verbaut, spielt hierbei eine entscheidende Rolle. Neben der Entwicklung des Frontend der App wurde die RX-Cloud entwickelt, um die Räder und die erfassten Daten zu verwalten. Während meiner Mitarbeit an diesem Projekt arbeitete ich mit vier anderen Entwicklern zusammen. Zwei von ihnen konzentrierten sich auf die Erfassung der Daten, die die Räder generieren und die Entwicklung der Endpunkte für die RX-Cloud, während die anderen beiden das UI gestalteten und sich um das Releasemanagement kümmerten. Meine Verantwortung umfasste die Umsetzung der vom Design erhaltenen Layouts sowie die Gestaltung des UI und der UX. Die Nutzung von React Native ermöglichte es, wesentliche Teile der Benutzeroberfläche plattformübergreifend zu entwickeln. 

  • Erstellen von wiederverwendbaren UI-Komponenten mit React Native.
  • Spezielle Anpassungen der App für Android-Berechtigungen.
  • Evaluierung von Libraries und Frameworks.
  • Animation via React Native Reanimated.
  • Optimierung und Erstellung von SVG-Assets.
  • Erstellung von Charts, Grafiken und Datenvisualisierungen mit VictoryCharts.
  • Implementierung eines informativen Onboarding-Prozesses, um neue Benutzer durch die App zu führen und sie mit den Schlüsselfunktionen vertraut zu machen.
  • Anbindung von Bluetooth-Funktionalitäten mit der Bluetooth Low Energy Library.
  • Entwurf von Datenschemas hinsichtlich des UI-States und Integration in Redux. 

React Native TypeScript React Native Reanimated VictoryCharts SVG Figma Redux GitHub Jira
Riese & Müller / Mobilität & E-Bike
1 Jahr 4 Monate
2019-12 - 2021-03

Multilingualer Relaunch des Webauftritts

HTML SCSS TypeScript ...

Für den Relaunch des renommierten Süßwarenherstellers Haribo wurde eine Pattern Library mit Styleguide in Fractal entwickelt. Diese dienten als Grundlage für die Entwicklung zahlreicher wiederverwendbarer Komponenten und Module, mit denen die individuellen Seiten für den Webauftritt zusammengesetzt wurden. Das Framework Vue.js wurde genutzt, um die Seiten statisch zu rendern und bei Bedarf das jeweilige Modul mit zusätzlichen dynamischen Interaktionen zu versehen. Die Zusammenarbeit fand in einem vierköpfigen Entwicklerteam statt. Die Inhaltsverwaltung erfolgt über das ?Craft CMS?, das in diesem Projekt ?headless? verwendet wurde. Meine Hauptaufgabe bestand darin, wiederverwendbare Frontend-Bausteine zu entwickeln und nahtlos in das bereits installierte CMS zu integrieren. Das zugrunde liegende Design wurde von der Agentur bereitgestellt, die auch die Betreuung des Kunden übernahm. 

  • Entwicklung wiederverwendbarer Module in Fractal bereitgestellter Layouts.
  • Verbesserungen und Pflege der Struktur der Codebase.
  • Kommunikation mit Designern und Backend-Entwicklern zur Abstimmung.
  • Evaluierung von JavaScript-Frameworks und Libraries.
  • Implementierung von Animationen mittels der GSAP.
  • Optimierung und Erstellung von SVG-Assets.
  • Aufgrund der Mehrsprachigkeit der Webseite, war es zum Teil notwendig das Layout auf eine bidirektionale Ausgabe (RTL) anzupassen.
  • Programmierung von komplexeren Widgets und saisonalen Gewinnspielen.
  • Integration der Module in CMS.
  • Transformation der Daten aus dem CMS in ein frontendtaugliches Format.

HTML SCSS TypeScript Vue.js GSAP Craft CMS Cloudinary Storybook Figma AWS Zeplin Collaboration and Handoff Platform GitHub Jira
HARIBO / Nahrungsmittel
9 Monate
2019-04 - 2019-12

Sales Tool

HTML SCSS TypeScript ...

Der Endkunde ist in der Jungfrau Region in der Schweiz tätig und betreibt Ausflugsbahnen sowie Wintersportanlagen. Das ?Sales Manual? wurde entwickelt, um den Außendienstmitarbeitern ein effektives Werkzeug an die Hand zu geben. Es ermöglicht ihnen, die Jungfrau Region, ihre Attraktionen und kulinarischen Angebote zu präsentieren. Dies geschieht direkt auf ihren Geräten wie Tablets oder MS Surface. Das Tool wurde als ?Single Page Applikation? und Progressive Web-App (PWA) konzipiert, um sicherzustellen, dass alle relevanten Inhalte auch dann zugänglich sind, wenn kein Internetzugang verfügbar ist. Slides und Templates können über das CMS Contentful verwaltet und in verschiedenen Sprachen verteilt werden. Neben der Präsentation der Inhalte direkt in der PWA, kann die gesamte Präsentation auch im PowerPoint Format exportiert werden. Hierzu entwickelte ich mit dem Framework PptxGenJS entsprechende Klassen und kümmerte mich um eine adäquate optische Präsentation der PowerPoint Slides. Ich arbeitete in einem Team mit vier Entwicklern an diesem Projekt. Mein Fokus war die Präsentationsschicht und das adäquate Anzeigen der Inhalte sowie der PowerPoint Export. 

  • Erstellung von individuellen Slides mit Texten und interaktiven Elementen (Videos, Galerien) basierend auf dem Designentwurf.
  • Anbindung der Module an die Schnittstelle des CMS.
  • Programmierung interaktiver Widgets zur dynamischen Preisberechnung für Reisen zum Jungfraujoch.
  • Entwicklung interaktiver Bergkarten, um Zugstrecken und Haltestellen zum Jungfraujoch anzuzeigen.
  • Implementierung eines PowerPoint-Exports für die erstellten Slides.
  • Integration von Animationen mithilfe von ?GSAP?.

HTML SCSS TypeScript Vue.js Fractal Pattern Library Storybook Figma PptxGenJS Contentful Google Workbox AWS Cloudinary
Jungfraubahnen Management AG / Verkehr, Tourismus
1 Jahr 3 Monate
2018-01 - 2019-03

Webseite + Shop

HTML SCSS JavaScript ...

Als einer der größten Sportverbände und der bedeutendste alpine Verein der Schweiz mit rund 150.000 Mitgliedern, spielt der Schweizer Alpen-Club eine maßgebliche Rolle in der alpinen Szene. Die Webseite des SAC bietet nicht nur Einblicke in die vielfältigen Tätigkeiten des Clubs, sondern stellt auch ein umfangreiches Verzeichnis aller Berghütten sowie Kletter-, Skitour- und Wanderrouten in den Schweizer Bergen zur Verfügung. Zugang zu diesen Informationen erhalten die Nutzer über ein Mitgliederabonnement, das neben anderen Dingen wie Ausrüstung im Shop erworben werden kann. In diesem Projekt habe ich mit dem internen Entwicklerteam des SAC zusammengearbeitet, das für den Backend-Bereich und die Integration des Frontend in Typo3 verantwortlich war. Ebenso war die Zusammenarbeit mit externen Dienstleistern erforderlich, die das Backend für die E-Commerce-Lösung implementierten. Zusätzlich arbeitete ein weiterer externer Frontend-Entwickler im Team. Mein Hauptverantwortungsbereich lag hauptsächlich im Frontend für den Shop, insbesondere im Bereich Warenkorb und Checkout.

  • Integration des Frontend mit der Shop-API, die über die Aimeos E-Commerce Plattform von einem externen Dienstleister bereitgestellt wurde.
  • Feinabstimmung in Zusammenarbeit mit der Projektleitung und dem Design im Bereich Warenkorb und Checkout-Prozess.
  • Programmierung eines Widgets zur Anzeige der Auslastung und Buchungsbelegung verschiedener Berghütten.
  • Umsetzung eines mehrstufigen Formulars für das Onboarding potenzieller neuer Mitglieder. 

HTML SCSS JavaScript Vue.js jQuery Leaflet Mapping Framework Handlebars Foundation CSS Framework Aimeos E-Commerce Platform Typo3 PHP GIT
Schweizer Alpenclub / Tourismus, Freizeit
1 Jahr 1 Monat
2017-05 - 2018-05

krone.at

HTML SCSS JavaScript ...

Während des Relaunchs der Tageszeitung unterstützte ich zeitweise das Team bei der Modernisierung des Webportals. Da das alte Content Management System durch ein neues ersetzt wurde, musste die Anpassung der Frontend-Ausgabe gemäß den neuen Anforderungen angepasst werden. Im Zuge dessen wurde das Design angepasst und der CSS-Code modular strukturiert. Meine zentrale Aufgabe bestand darin, in enger Zusammenarbeit mit der Designabteilung und dem Backend-Team einen Styleguide zu entwickeln und Module für CMS-Blöcke zu programmieren. Diese Module sollten flexibel wiederverwendbar sein und sowohl für den Hauptauftritt als auch für mobile Auftritte sowie verschiedene Satellitenplattformen anwendbar sein. Die Daten wurden vom Backend-Team mittels JSON definiert und im Frontend unter Verwendung der Template-Syntax Twig ausgegeben. Insgesamt wurden etwa 50 Module erstellt. Zusätzlich war ich damit beauftragt, Seiten aus dem Legacy-System anzupassen, um sicherzustellen, dass sie vorübergehend im neuen Auftritt nutzbar sind, während eine Modernisierung für zukünftige Schritte geplant ist. Ich arbeitete an diesem Projekt in einem 7-köpfigen Entwickler Team, meist remote aber auch vor Ort.

  • Entwicklung von Modulen mithilfe von HTML, CSS, JavaScript und Twig basierend auf den bereitgestellten Designs.
  • Einführung der BEM-Methode (Block, Element, Modifier) im Styling des CSS-Codes, um die Wartbarkeit des Codes für das Frontend-Team zu verbessern.
  • Durchführung kleinerer Bildbearbeitungen, Aufbereitung und Optimierung von SVG-Grafiken (Sprites).
  • Definition von JSON-Strukturen in enger Zusammenarbeit mit dem Backend-Team.
  • Anpassung von Legacycode und -seiten, um eine vorübergehende Verwendung im neuen System zu ermöglichen.
  • Aktive Teilnahme am täglichen agilen Prozess im Team. 

HTML SCSS JavaScript jQuery Twig PHP Symfony Handlebars Docker GIT Slack Bootstrap
Verlagswesen, Nachrichten
10 Monate
2016-08 - 2017-05

Business Planning Tool, Intranet Cloud

AngularJS (1.4) JavaScript CSS (LESS) ...

Für den Produzenten des Energy Drinks wurde eine cloudbasierte Intranet-Software entwickelt. Mit dieser Software können sämtliche Events, Sponsoring-Aktivitäten und Marketingmaßnahmen weltweit organisiert und geplant werden. Sie ermöglicht es berechtigten Country Managern, Projekte und Ideen vorzuschlagen, die nach Freigabe geplant, organisiert und verwaltet werden. Das Tool bietet auch die Möglichkeit, Teams zu bilden, Budgets zuzuweisen und Sportlerprofile anzulegen. In diesem Projekt habe ich in einem 10-köpfigen Entwicklerteam bei der Digitalagentur ecx.io mitgearbeitet und war für die Entwicklung des Frontend mit dem Framework AngularJS zuständig. Meine Tätigkeit fand größtenteils remote, aber auch gelegentlich vor Ort statt.

  • Tägliche Arbeit am Produkt, hauptsächlich mit AngularJS und JavaScript
  • Gestaltung des Routing-Konzepts und Implementierung von Deep Linking-Funktionalitäten
  • Erstellung von HTML-Vorlagen mithilfe eines UX-Toolkits, das vom Endkunden bereitgestellt wurde, basierend auf Bootstrap
  • Definition von Endpoints und JSON-Strukturen in enger Zusammenarbeit mit dem Backend-Team
  • Implementierung von File Up- und Downloads in die Egnyte Cloud
  • Entwicklung von ?Drilldown Views?, also verschachtelte Ansichten von Daten
  • Umsetzung einer ?Highlighting? Funktionalität, um alle Zellen hervorzuheben, die z.B. aus SAP importiert wurden
  • Programmierung verschiedener modularer UI-Komponenten und wiederverwendbarer Angular Directives (Dropdowns, Inputs, Tooltips)
  • Entwicklung verschiedener CRUD-Ansichten
  • Erweiterung und Pflege des Buildprozesses basierend auf Grunt
  • Schätzung von Aufgaben und Beteiligung an der Sprint-Planung
  • Dokumentation in Confluence

AngularJS (1.4) JavaScript CSS (LESS) Bootstrap HTML Grunt Egnyte File Sharing API Java Spring GIT JIRA Confluence
Red Bull / Getränkeproduktion und -Vertrieb, Medien, Sport
1 Jahr 3 Monate
2015-03 - 2016-05

imGrätzl.at

HTML5 CSS3 JavaScript ...

imGrätzl.at ist die erste stadtteilsegmentierte Plattform auf der lokale Wirtschaftstreibende und Stadtteilakteure ihre Angebote kostenlos präsentieren und zusätzlich die Bewohner ihres Stadtteils online und offline mit kostengünstigen Werbeprodukten erreichen können. Die Wiener Wirtschaftsagentur förderte den Plattform-Prototyp als ?Innovative Dienstleistung?. Er wurde ebenso mit einem Preis im ?Smart City Schwerpunkt? ausgezeichnet. 

  • Erarbeitung eines ?Responsive Design Workflows? in Zusammenarbeit mit einer Grafikerin und dem Backend Team
  • Aufbereitung von Templates für das Rails Framework
  • Cross Browser Tests und Bugfixing
  • Programmierung interaktiver JavaScript Komponenten und Widgets
  • Implementierung von interaktiven Stadtkarten mit der Leaflet Library und dem SaaS Mapbox
  • Arbeit mit den Schnittstellen der Open-Data Sammlung der Stadt Wien
  • Abfrage und Visualisierung von GEO-JSON Daten 

HTML5 CSS3 JavaScript jQuery Ruby Leaflet Mapbox Rails PostgreSQL AWS GIT Basecamp
3 Jahre 8 Monate
2012-06 - 2016-01

lovelybooks.de

HTML5 CSS3 JavaScript ...

Mitarbeit am Relaunch der Plattform in einem agilen Team mit insgesamt ca. zehn internen und externen Entwicklern. Ich arbeitete vorwiegend via Telearbeit und vereinzelt vor Ort. Betrieben wird die Website von der aboutbooks GmbH, einer Tochter der Verlagsgruppe Georg von Holtzbrinck. Sie gilt als eines der größeren deutschsprachigen sozialen Büchernetzwerke. Die Plattform hat ca. 200.000 angemeldete Mitglieder und wird im Monat von über 1,2 Millionen Usern besucht.

  • Umsetzung des Designs in Zusammenarbeit mit der Grafikabteilung
  • Aufbereitung der Templates für das Apache Wicket Framework und Zusammenarbeit mit dem Backend Team
  • Implementierung eines Buildprozesses auf Basis von Grunt
  • Aktualisierung und Bugfixing von bestehendem Legacycode
  • Konsumation von Datenschnittstellen und eigenständiges Entwerfen von JavaScript Widgets nach gegebenen Anforderungen
  • Evaluierung von JavaScript Frameworks für eine zukünftige mobile Version der Plattform. Erste Prototypen mit Backbone, später React.js
  • SEO am HTML-Code anhand von schema.org
  • A/B Tests von Landingpages und Interface Komponenten in Zusammenarbeit mit dem Produkt Team
  • Tracking und Auswertung von Userverhalten mit Google Analytics
  • Erstellen von Mailtemplates für Newsletter und Benachrichtigungen auf Basis der Salesforce Marketing Cloud (AMP-Script)
  • Dokumentation in Confluence und Teilnahme am Scrum Prozess mit JIRA
  • Programmierung eines ?virtuellen Bücherregals? und Verknüpfung dessen mit Facebook über die ?Facebook Open Graph Stories? API. 

HTML5 CSS3 JavaScript jQuery Backbone React Angular Grunt Facebook API Apache Wicket Java AWS Salesforce Marketing Cloud Optimizely GIT JIRA Confluence
Verlagswesen

Aus- und Weiterbildung

Aus- und Weiterbildung

5 Jahre 9 Monate
2004-10 - 2010-06

Berufsbegleitendes Diplomstudium ?Digitale Kunst? (Studienzweig Medienkunst)

Universität für angewandte Kunst
Universität für angewandte Kunst
  • Schwerpunkte: Generative Art, Physical Computing
  • Diplomarbeit: Sukkubus - Algorithmisch gesteuerte Klangskulptur, Studium mit Auszeichnung absolviert 

Kompetenzen

Kompetenzen

Top-Skills

HTML CSS JavaScript Vue.js React Angular React Native Astro Nuxt.js Next.js jQuery Express GSAP Three.js Webpack Vite Storybook Playwright (e2e) GitHub

Produkte / Standards / Erfahrungen / Methoden

Persönliches

  • Seit über mehr als 20 Jahren arbeite ich als freiberuflicher Entwickler und Designer mit Kunden aus unterschiedlichen Branchen zusammen. Dabei entwickle ich meine Fähigkeiten kontinuierlich durch selbstgesteuertes Lernen weiter, um inhaltlich und technologisch am aktuellen Wissensstand zu bleiben.
  • Meine Expertise liegt im Bereich Frontend-Entwicklung, wobei mir aktuelle UX- und Barrierefreiheitsstandards ein besonderes Anliegen sind, um benutzerfreundliche Designs zu entwickeln, die auf verschiedenen Bildschirmgrößen gut funktionieren. 


Kernkenntnisse und -fähigkeiten

  • Basis: HTML, CSS, SCSS, JavaScript, TypeScript, Node.js, PHP 
  • Frameworks & Tools: Vue.js, React, Angular, React Native, Astro, Nuxt.js, Next.js, jQuery, Express, GSAP, Three.js, Webpack, Vite, Storybook, Playwright (e2e), GitHub
  • CMS: Craft, Kirby, Dato, Contentful, Storyblok
  • Prozesse: Design Systems, A/B Testing, SEO, Scrum, Kanban, Rapid Prototyping, Performance Testing, E2E Testing
  • Software: Jetbrains Webstorm, VSCode, Figma, Adobe CS
  • Softskills: soziale Kompetenz, schnelle Auffassungsgabe, Anpassungsfähigkeit, Neugier, kritisches Denken

Datenbanken

GraphQl
MongoDB
MySQL

Einsatzorte

Einsatzorte

Deutschland, Schweiz, Österreich
möglich

Projekte

Projekte

1 Jahr 6 Monate
2022-03 - 2023-08

RX Connect App

React Native TypeScript React Native Reanimated ...

RX Connect ist eine digitale Erweiterung für die E-Bikes von Riese & Müller, die dem Besitzer ermöglicht, sein E-Bike jederzeit zu lokalisieren und zusätzliche Informationen über den Zustand und die Nutzung des Gefährts abzurufen. Der RX-Chip, unsichtbar und fest im E-Bike verbaut, spielt hierbei eine entscheidende Rolle. Neben der Entwicklung des Frontend der App wurde die RX-Cloud entwickelt, um die Räder und die erfassten Daten zu verwalten. Während meiner Mitarbeit an diesem Projekt arbeitete ich mit vier anderen Entwicklern zusammen. Zwei von ihnen konzentrierten sich auf die Erfassung der Daten, die die Räder generieren und die Entwicklung der Endpunkte für die RX-Cloud, während die anderen beiden das UI gestalteten und sich um das Releasemanagement kümmerten. Meine Verantwortung umfasste die Umsetzung der vom Design erhaltenen Layouts sowie die Gestaltung des UI und der UX. Die Nutzung von React Native ermöglichte es, wesentliche Teile der Benutzeroberfläche plattformübergreifend zu entwickeln. 

  • Erstellen von wiederverwendbaren UI-Komponenten mit React Native.
  • Spezielle Anpassungen der App für Android-Berechtigungen.
  • Evaluierung von Libraries und Frameworks.
  • Animation via React Native Reanimated.
  • Optimierung und Erstellung von SVG-Assets.
  • Erstellung von Charts, Grafiken und Datenvisualisierungen mit VictoryCharts.
  • Implementierung eines informativen Onboarding-Prozesses, um neue Benutzer durch die App zu führen und sie mit den Schlüsselfunktionen vertraut zu machen.
  • Anbindung von Bluetooth-Funktionalitäten mit der Bluetooth Low Energy Library.
  • Entwurf von Datenschemas hinsichtlich des UI-States und Integration in Redux. 

React Native TypeScript React Native Reanimated VictoryCharts SVG Figma Redux GitHub Jira
Riese & Müller / Mobilität & E-Bike
1 Jahr 4 Monate
2019-12 - 2021-03

Multilingualer Relaunch des Webauftritts

HTML SCSS TypeScript ...

Für den Relaunch des renommierten Süßwarenherstellers Haribo wurde eine Pattern Library mit Styleguide in Fractal entwickelt. Diese dienten als Grundlage für die Entwicklung zahlreicher wiederverwendbarer Komponenten und Module, mit denen die individuellen Seiten für den Webauftritt zusammengesetzt wurden. Das Framework Vue.js wurde genutzt, um die Seiten statisch zu rendern und bei Bedarf das jeweilige Modul mit zusätzlichen dynamischen Interaktionen zu versehen. Die Zusammenarbeit fand in einem vierköpfigen Entwicklerteam statt. Die Inhaltsverwaltung erfolgt über das ?Craft CMS?, das in diesem Projekt ?headless? verwendet wurde. Meine Hauptaufgabe bestand darin, wiederverwendbare Frontend-Bausteine zu entwickeln und nahtlos in das bereits installierte CMS zu integrieren. Das zugrunde liegende Design wurde von der Agentur bereitgestellt, die auch die Betreuung des Kunden übernahm. 

  • Entwicklung wiederverwendbarer Module in Fractal bereitgestellter Layouts.
  • Verbesserungen und Pflege der Struktur der Codebase.
  • Kommunikation mit Designern und Backend-Entwicklern zur Abstimmung.
  • Evaluierung von JavaScript-Frameworks und Libraries.
  • Implementierung von Animationen mittels der GSAP.
  • Optimierung und Erstellung von SVG-Assets.
  • Aufgrund der Mehrsprachigkeit der Webseite, war es zum Teil notwendig das Layout auf eine bidirektionale Ausgabe (RTL) anzupassen.
  • Programmierung von komplexeren Widgets und saisonalen Gewinnspielen.
  • Integration der Module in CMS.
  • Transformation der Daten aus dem CMS in ein frontendtaugliches Format.

HTML SCSS TypeScript Vue.js GSAP Craft CMS Cloudinary Storybook Figma AWS Zeplin Collaboration and Handoff Platform GitHub Jira
HARIBO / Nahrungsmittel
9 Monate
2019-04 - 2019-12

Sales Tool

HTML SCSS TypeScript ...

Der Endkunde ist in der Jungfrau Region in der Schweiz tätig und betreibt Ausflugsbahnen sowie Wintersportanlagen. Das ?Sales Manual? wurde entwickelt, um den Außendienstmitarbeitern ein effektives Werkzeug an die Hand zu geben. Es ermöglicht ihnen, die Jungfrau Region, ihre Attraktionen und kulinarischen Angebote zu präsentieren. Dies geschieht direkt auf ihren Geräten wie Tablets oder MS Surface. Das Tool wurde als ?Single Page Applikation? und Progressive Web-App (PWA) konzipiert, um sicherzustellen, dass alle relevanten Inhalte auch dann zugänglich sind, wenn kein Internetzugang verfügbar ist. Slides und Templates können über das CMS Contentful verwaltet und in verschiedenen Sprachen verteilt werden. Neben der Präsentation der Inhalte direkt in der PWA, kann die gesamte Präsentation auch im PowerPoint Format exportiert werden. Hierzu entwickelte ich mit dem Framework PptxGenJS entsprechende Klassen und kümmerte mich um eine adäquate optische Präsentation der PowerPoint Slides. Ich arbeitete in einem Team mit vier Entwicklern an diesem Projekt. Mein Fokus war die Präsentationsschicht und das adäquate Anzeigen der Inhalte sowie der PowerPoint Export. 

  • Erstellung von individuellen Slides mit Texten und interaktiven Elementen (Videos, Galerien) basierend auf dem Designentwurf.
  • Anbindung der Module an die Schnittstelle des CMS.
  • Programmierung interaktiver Widgets zur dynamischen Preisberechnung für Reisen zum Jungfraujoch.
  • Entwicklung interaktiver Bergkarten, um Zugstrecken und Haltestellen zum Jungfraujoch anzuzeigen.
  • Implementierung eines PowerPoint-Exports für die erstellten Slides.
  • Integration von Animationen mithilfe von ?GSAP?.

HTML SCSS TypeScript Vue.js Fractal Pattern Library Storybook Figma PptxGenJS Contentful Google Workbox AWS Cloudinary
Jungfraubahnen Management AG / Verkehr, Tourismus
1 Jahr 3 Monate
2018-01 - 2019-03

Webseite + Shop

HTML SCSS JavaScript ...

Als einer der größten Sportverbände und der bedeutendste alpine Verein der Schweiz mit rund 150.000 Mitgliedern, spielt der Schweizer Alpen-Club eine maßgebliche Rolle in der alpinen Szene. Die Webseite des SAC bietet nicht nur Einblicke in die vielfältigen Tätigkeiten des Clubs, sondern stellt auch ein umfangreiches Verzeichnis aller Berghütten sowie Kletter-, Skitour- und Wanderrouten in den Schweizer Bergen zur Verfügung. Zugang zu diesen Informationen erhalten die Nutzer über ein Mitgliederabonnement, das neben anderen Dingen wie Ausrüstung im Shop erworben werden kann. In diesem Projekt habe ich mit dem internen Entwicklerteam des SAC zusammengearbeitet, das für den Backend-Bereich und die Integration des Frontend in Typo3 verantwortlich war. Ebenso war die Zusammenarbeit mit externen Dienstleistern erforderlich, die das Backend für die E-Commerce-Lösung implementierten. Zusätzlich arbeitete ein weiterer externer Frontend-Entwickler im Team. Mein Hauptverantwortungsbereich lag hauptsächlich im Frontend für den Shop, insbesondere im Bereich Warenkorb und Checkout.

  • Integration des Frontend mit der Shop-API, die über die Aimeos E-Commerce Plattform von einem externen Dienstleister bereitgestellt wurde.
  • Feinabstimmung in Zusammenarbeit mit der Projektleitung und dem Design im Bereich Warenkorb und Checkout-Prozess.
  • Programmierung eines Widgets zur Anzeige der Auslastung und Buchungsbelegung verschiedener Berghütten.
  • Umsetzung eines mehrstufigen Formulars für das Onboarding potenzieller neuer Mitglieder. 

HTML SCSS JavaScript Vue.js jQuery Leaflet Mapping Framework Handlebars Foundation CSS Framework Aimeos E-Commerce Platform Typo3 PHP GIT
Schweizer Alpenclub / Tourismus, Freizeit
1 Jahr 1 Monat
2017-05 - 2018-05

krone.at

HTML SCSS JavaScript ...

Während des Relaunchs der Tageszeitung unterstützte ich zeitweise das Team bei der Modernisierung des Webportals. Da das alte Content Management System durch ein neues ersetzt wurde, musste die Anpassung der Frontend-Ausgabe gemäß den neuen Anforderungen angepasst werden. Im Zuge dessen wurde das Design angepasst und der CSS-Code modular strukturiert. Meine zentrale Aufgabe bestand darin, in enger Zusammenarbeit mit der Designabteilung und dem Backend-Team einen Styleguide zu entwickeln und Module für CMS-Blöcke zu programmieren. Diese Module sollten flexibel wiederverwendbar sein und sowohl für den Hauptauftritt als auch für mobile Auftritte sowie verschiedene Satellitenplattformen anwendbar sein. Die Daten wurden vom Backend-Team mittels JSON definiert und im Frontend unter Verwendung der Template-Syntax Twig ausgegeben. Insgesamt wurden etwa 50 Module erstellt. Zusätzlich war ich damit beauftragt, Seiten aus dem Legacy-System anzupassen, um sicherzustellen, dass sie vorübergehend im neuen Auftritt nutzbar sind, während eine Modernisierung für zukünftige Schritte geplant ist. Ich arbeitete an diesem Projekt in einem 7-köpfigen Entwickler Team, meist remote aber auch vor Ort.

  • Entwicklung von Modulen mithilfe von HTML, CSS, JavaScript und Twig basierend auf den bereitgestellten Designs.
  • Einführung der BEM-Methode (Block, Element, Modifier) im Styling des CSS-Codes, um die Wartbarkeit des Codes für das Frontend-Team zu verbessern.
  • Durchführung kleinerer Bildbearbeitungen, Aufbereitung und Optimierung von SVG-Grafiken (Sprites).
  • Definition von JSON-Strukturen in enger Zusammenarbeit mit dem Backend-Team.
  • Anpassung von Legacycode und -seiten, um eine vorübergehende Verwendung im neuen System zu ermöglichen.
  • Aktive Teilnahme am täglichen agilen Prozess im Team. 

HTML SCSS JavaScript jQuery Twig PHP Symfony Handlebars Docker GIT Slack Bootstrap
Verlagswesen, Nachrichten
10 Monate
2016-08 - 2017-05

Business Planning Tool, Intranet Cloud

AngularJS (1.4) JavaScript CSS (LESS) ...

Für den Produzenten des Energy Drinks wurde eine cloudbasierte Intranet-Software entwickelt. Mit dieser Software können sämtliche Events, Sponsoring-Aktivitäten und Marketingmaßnahmen weltweit organisiert und geplant werden. Sie ermöglicht es berechtigten Country Managern, Projekte und Ideen vorzuschlagen, die nach Freigabe geplant, organisiert und verwaltet werden. Das Tool bietet auch die Möglichkeit, Teams zu bilden, Budgets zuzuweisen und Sportlerprofile anzulegen. In diesem Projekt habe ich in einem 10-köpfigen Entwicklerteam bei der Digitalagentur ecx.io mitgearbeitet und war für die Entwicklung des Frontend mit dem Framework AngularJS zuständig. Meine Tätigkeit fand größtenteils remote, aber auch gelegentlich vor Ort statt.

  • Tägliche Arbeit am Produkt, hauptsächlich mit AngularJS und JavaScript
  • Gestaltung des Routing-Konzepts und Implementierung von Deep Linking-Funktionalitäten
  • Erstellung von HTML-Vorlagen mithilfe eines UX-Toolkits, das vom Endkunden bereitgestellt wurde, basierend auf Bootstrap
  • Definition von Endpoints und JSON-Strukturen in enger Zusammenarbeit mit dem Backend-Team
  • Implementierung von File Up- und Downloads in die Egnyte Cloud
  • Entwicklung von ?Drilldown Views?, also verschachtelte Ansichten von Daten
  • Umsetzung einer ?Highlighting? Funktionalität, um alle Zellen hervorzuheben, die z.B. aus SAP importiert wurden
  • Programmierung verschiedener modularer UI-Komponenten und wiederverwendbarer Angular Directives (Dropdowns, Inputs, Tooltips)
  • Entwicklung verschiedener CRUD-Ansichten
  • Erweiterung und Pflege des Buildprozesses basierend auf Grunt
  • Schätzung von Aufgaben und Beteiligung an der Sprint-Planung
  • Dokumentation in Confluence

AngularJS (1.4) JavaScript CSS (LESS) Bootstrap HTML Grunt Egnyte File Sharing API Java Spring GIT JIRA Confluence
Red Bull / Getränkeproduktion und -Vertrieb, Medien, Sport
1 Jahr 3 Monate
2015-03 - 2016-05

imGrätzl.at

HTML5 CSS3 JavaScript ...

imGrätzl.at ist die erste stadtteilsegmentierte Plattform auf der lokale Wirtschaftstreibende und Stadtteilakteure ihre Angebote kostenlos präsentieren und zusätzlich die Bewohner ihres Stadtteils online und offline mit kostengünstigen Werbeprodukten erreichen können. Die Wiener Wirtschaftsagentur förderte den Plattform-Prototyp als ?Innovative Dienstleistung?. Er wurde ebenso mit einem Preis im ?Smart City Schwerpunkt? ausgezeichnet. 

  • Erarbeitung eines ?Responsive Design Workflows? in Zusammenarbeit mit einer Grafikerin und dem Backend Team
  • Aufbereitung von Templates für das Rails Framework
  • Cross Browser Tests und Bugfixing
  • Programmierung interaktiver JavaScript Komponenten und Widgets
  • Implementierung von interaktiven Stadtkarten mit der Leaflet Library und dem SaaS Mapbox
  • Arbeit mit den Schnittstellen der Open-Data Sammlung der Stadt Wien
  • Abfrage und Visualisierung von GEO-JSON Daten 

HTML5 CSS3 JavaScript jQuery Ruby Leaflet Mapbox Rails PostgreSQL AWS GIT Basecamp
3 Jahre 8 Monate
2012-06 - 2016-01

lovelybooks.de

HTML5 CSS3 JavaScript ...

Mitarbeit am Relaunch der Plattform in einem agilen Team mit insgesamt ca. zehn internen und externen Entwicklern. Ich arbeitete vorwiegend via Telearbeit und vereinzelt vor Ort. Betrieben wird die Website von der aboutbooks GmbH, einer Tochter der Verlagsgruppe Georg von Holtzbrinck. Sie gilt als eines der größeren deutschsprachigen sozialen Büchernetzwerke. Die Plattform hat ca. 200.000 angemeldete Mitglieder und wird im Monat von über 1,2 Millionen Usern besucht.

  • Umsetzung des Designs in Zusammenarbeit mit der Grafikabteilung
  • Aufbereitung der Templates für das Apache Wicket Framework und Zusammenarbeit mit dem Backend Team
  • Implementierung eines Buildprozesses auf Basis von Grunt
  • Aktualisierung und Bugfixing von bestehendem Legacycode
  • Konsumation von Datenschnittstellen und eigenständiges Entwerfen von JavaScript Widgets nach gegebenen Anforderungen
  • Evaluierung von JavaScript Frameworks für eine zukünftige mobile Version der Plattform. Erste Prototypen mit Backbone, später React.js
  • SEO am HTML-Code anhand von schema.org
  • A/B Tests von Landingpages und Interface Komponenten in Zusammenarbeit mit dem Produkt Team
  • Tracking und Auswertung von Userverhalten mit Google Analytics
  • Erstellen von Mailtemplates für Newsletter und Benachrichtigungen auf Basis der Salesforce Marketing Cloud (AMP-Script)
  • Dokumentation in Confluence und Teilnahme am Scrum Prozess mit JIRA
  • Programmierung eines ?virtuellen Bücherregals? und Verknüpfung dessen mit Facebook über die ?Facebook Open Graph Stories? API. 

HTML5 CSS3 JavaScript jQuery Backbone React Angular Grunt Facebook API Apache Wicket Java AWS Salesforce Marketing Cloud Optimizely GIT JIRA Confluence
Verlagswesen

Aus- und Weiterbildung

Aus- und Weiterbildung

5 Jahre 9 Monate
2004-10 - 2010-06

Berufsbegleitendes Diplomstudium ?Digitale Kunst? (Studienzweig Medienkunst)

Universität für angewandte Kunst
Universität für angewandte Kunst
  • Schwerpunkte: Generative Art, Physical Computing
  • Diplomarbeit: Sukkubus - Algorithmisch gesteuerte Klangskulptur, Studium mit Auszeichnung absolviert 

Kompetenzen

Kompetenzen

Top-Skills

HTML CSS JavaScript Vue.js React Angular React Native Astro Nuxt.js Next.js jQuery Express GSAP Three.js Webpack Vite Storybook Playwright (e2e) GitHub

Produkte / Standards / Erfahrungen / Methoden

Persönliches

  • Seit über mehr als 20 Jahren arbeite ich als freiberuflicher Entwickler und Designer mit Kunden aus unterschiedlichen Branchen zusammen. Dabei entwickle ich meine Fähigkeiten kontinuierlich durch selbstgesteuertes Lernen weiter, um inhaltlich und technologisch am aktuellen Wissensstand zu bleiben.
  • Meine Expertise liegt im Bereich Frontend-Entwicklung, wobei mir aktuelle UX- und Barrierefreiheitsstandards ein besonderes Anliegen sind, um benutzerfreundliche Designs zu entwickeln, die auf verschiedenen Bildschirmgrößen gut funktionieren. 


Kernkenntnisse und -fähigkeiten

  • Basis: HTML, CSS, SCSS, JavaScript, TypeScript, Node.js, PHP 
  • Frameworks & Tools: Vue.js, React, Angular, React Native, Astro, Nuxt.js, Next.js, jQuery, Express, GSAP, Three.js, Webpack, Vite, Storybook, Playwright (e2e), GitHub
  • CMS: Craft, Kirby, Dato, Contentful, Storyblok
  • Prozesse: Design Systems, A/B Testing, SEO, Scrum, Kanban, Rapid Prototyping, Performance Testing, E2E Testing
  • Software: Jetbrains Webstorm, VSCode, Figma, Adobe CS
  • Softskills: soziale Kompetenz, schnelle Auffassungsgabe, Anpassungsfähigkeit, Neugier, kritisches Denken

Datenbanken

GraphQl
MongoDB
MySQL

Vertrauen Sie auf Randstad

Im Bereich Freelancing
Im Bereich Arbeitnehmerüberlassung / Personalvermittlung

Fragen?

Rufen Sie uns an +49 89 500316-300 oder schreiben Sie uns:

Das Freelancer-Portal

Direktester geht's nicht! Ganz einfach Freelancer finden und direkt Kontakt aufnehmen.