Webdeveloper (Freelance) | Frontend, UI/UX, PM | Passionate about web development and design. Transforming ideas into responsive web solutions.
Aktualisiert am 14.08.2024
Profil
Freiberufler / Selbstständiger
Remote-Arbeit
Verfügbar ab: 14.08.2024
Verfügbar zu: 100%
davon vor Ort: 100%
Angular
TypeScript
Responsive Webdesign
CSS
HTML5
Webfrontend
WordPress
JavaScript
Figma
Adobe Photoshop
agiles Projektmanagement
Projektmanagement
ChatGPT
Content Management
Scrum
Atlassian JIRA
GitHub
GitLab
Webflow
Beratung
Svelte
Agile Softwareentwicklung
App-Entwicklung

Einsatzorte

Einsatzorte

Deutschland
möglich

Projekte

Projekte

1 Jahr 7 Monate
2022-06 - 2023-12

One Infotainment@Android, Angular Web-Projekt

Weiterentwicklung der Web-Applikation zur Simulation des Infotainmentsystems in zukünftigen VW-Fahrzeugen.


Mein Schwerpunkt lag in der Entwicklung der Micro-Apps:

  • Navigation
  • Phone
  • Mediaplayer
  • Fahrzeug Setup
  • Fahrerassistenzsystem
  • Climate-Bar
Angular V9 - 15 RxJS Flex Layout
VW (extern)
6 Monate
2023-01 - 2023-06

Svelte Figma Plugin Projekt, Design-System Token Pipeline

Entwicklung eines Design-Systems in Figma für die Infotainment Simulation, das markenübergreifend für VW, Audi, Skoda, Seat und Porsche funktioniert. Umsetzung eines Plugins zur automatischen Anpassung des Corporate Designs.


Meine Aufgabengebiete in diesem Projekt:

  • Entwicklung eines Skripts zum Exportieren der DesignTokens.
    • Figma-Datei über die Figma Web API auslesen
    • Design-Tokens in JSON speichern.
    • key/value pair mit Tokenname und Wert.
  • Anpassung/Erweiterung des Style-Dictionaries
    • Style-Dictionary nimmt die JSON Datei und überführt die Informationen in den Tokenstore.
    • Style-Dictionary transformiert Styles in ein an das Zielsystem (iOS, Android, Web) angepasstes Format.
  • Entwicklung Figma Plugins
    • Laden aller Design-Tokens aus Tokenstore.
    • Designer selektiert ein Element in Figma (Frame, Instance, Component, Rectangle, Text usw.) und kann darauf einen oder mehrere Tokens für Farben, Abstände (Spacing, Padding), Dimensions (width, height), Border und Effekte anwenden.
  • Switch zum Umschalten der Marken-Designs.
Typescript Svelte Flex Layout
VW (extern)
4 Monate
2022-03 - 2022-06

Angular Web-Projekt

Entwicklung eines Editor-Formulars
  • Implementierung eines Backoffice-Tools zur Pflege von Patientendaten, bestehend aus Stammdaten und Stationseinträgen. Darstellung der Akten über eine WebAnwendung. Funktionen umfassen das Anlegen von Learnings mit Fragen und Antworten sowie das Platzieren und Bearbeiten von Grafiken (z.B. MRT-Ergebnisse).


Entwicklung der Web-Anwendung

  • Erstellung einer Angular (V12) App zur Darstellung von Patientenakten mit eindeutigen IDs. 
  • Akten können über eine URL geöffnet werden. Einträge werden als horizontal scrollbare Slides mit individuellen Farben, Icons und Hintergrundbildern dargestellt. 
  • Eine chronologische Zeitleiste dient als Navigation. 
  • Am Ende der Akte gibt es Multiple Choice Fragen und Zeichenaufgaben, deren Ergebnisse an einen API Endpunkt gesendet werden

Angular V12 Fullpage JS Bootstrap 5 Flex Layout Signature Pad CKEditor (custom Editor eingebunden zur Pflege der Daten im Backoffice)
Beigene Patient Cases (extern)
5 Jahre 3 Monate
2017-03 - 2022-05

Drei verschiedene Web und Mobile Projekte

  • Entwicklung einer mobile App (SATA Loyalty Program) mit Anbindung an ein eigens dafür entwickeltes Backoffice zur Pflege der Inhalte wie Coins, Prämien und Bestellungen.
    • Die Mobile App wurde mit Flutter entwickelt 
    • das eigens dafür entwickelte Backend/Backoffice basiert auf meteor.js, Angular und Bootstrap
  • Entwicklung des "SATA Custom Design Gun (CDG)". Ein Produkt-Konfigurator, mit dessen Hilfe sich die SATA Spray-Guns (Lackierpistolen) intuitiv mit eigenen Designs versehen und bestellen lassen. Das individuelle Design wird auf die Pistole gedruckt und dem Kunden zugeschickt.
    • Angular PWA mit Anbindung an die smallstack Cloud Solution
  • SATA Düsenfinder: Mobile App zur Konfiguration der optimalen Düse.
    • ?Mobile App auf Flutter Basis 
SATA GmbH & Co. KG
1 Monat
2017-05 - 2017-05

Unternehmens- Gründung

  • Die Idee zur Gründung kam zusammen mit einem ehemaligen Kommilitone, welcher ebenfalls als Freelancer unterwegs war. Um noch größere Kunden von uns überzeugen und umfangreichere Projekte realisieren zu können, schlossen wir uns zusammen und gründeten die ( Name auf Anfrage). 
  • Seither sind wir kontinuierlich gewachsen (5-10 Mitarbeiter), haben einige große Projekte gestemmt und parallel dazu noch ein eigenes Produkt entwickelt.
auf Anfrage
2 Jahre 8 Monate
2014-10 - 2017-05

Diverse Projekte

Freelancer
Freelancer

Web- und Mobile Entwicklung

  • Betreuung des Kunden der meinclub App.
  • Weiterentwicklung an mobile App (Android), Backoffice und Produkt-Website.
  • Diverse Website Projekte wie URL auf Anfrage
  • Entwicklung der ersten Version von URL auf Anfrage

verschiedene Kunden
4 Jahre 7 Monate
2010-04 - 2014-10

Diverse Projekte

Junior Web- und Mobile Entwickler
Junior Web- und Mobile Entwickler
  • pixelstream.tv: Digitale Signage Software für POS Marketing.
  • meinclub App: Eine mobile App für Fitness-Studios zur Präsentation der eigenen Produkte und Services. Mit Backoffice Anbindung zur Verwaltung der Inhalte.
  • Fujitsu "Create Sales": Web-Anwendung zur Erstellung von Marketing Produkten wie Flyer, Prospekte, Newsletter etc
verschiedene Firmen

Aus- und Weiterbildung

Aus- und Weiterbildung

4 Jahre 7 Monate
2005-10 - 2010-04

BA Applied Sience

Bachelor in Softwaretechnik & Medieninformatik, HS Esslingen
Bachelor in Softwaretechnik & Medieninformatik
HS Esslingen
4 Jahre 9 Monate
2000-08 - 2005-04

Ausbildung zum Anwendungsentwickler

Software-Entwicklung, active logistics AG
Software-Entwicklung
active logistics AG
2 Jahre 10 Monate
1996-08 - 1999-05

Schüler

Automatisierungstechnik, Fachabitur nach mittlerer Reife, Höhere Berufsfachschule
Automatisierungstechnik, Fachabitur nach mittlerer Reife
Höhere Berufsfachschule

Kompetenzen

Kompetenzen

Top-Skills

Angular TypeScript Responsive Webdesign CSS HTML5 Webfrontend WordPress JavaScript Figma Adobe Photoshop agiles Projektmanagement Projektmanagement ChatGPT Content Management Scrum Atlassian JIRA GitHub GitLab Webflow Beratung Svelte Agile Softwareentwicklung App-Entwicklung

Produkte / Standards / Erfahrungen / Methoden

Über mich
  • Gründer und Geschäftsführer / selbständig
  • freiberuflicher Web-Entwickler - Frontend


Dev Skills

Web Development

HTML/CSS/JS, 12 Jahre


Frameworks

Angular V2 - V15; Svelte, 7 Jahre


CMS

WordPress; Webflow etc, 12 Jahre


OOP

Java, 3 Jahre


Projektmanagement

Jira; Asana; Trello; GitLab, 5 Jahre


UI/UX

Adobe CS; Sketch; Figma, 10 Jahre


Agile Development

Scrum & Kanban, 12 Jahre


CI/CD

GitHub, GitLab, Bitbucket, 12 Jahre


Soft Skills

Kommunikationsfähigkeit: 

Klare und verständliche Erklärung technischer Konzepte, effektives Zuhören.


Teamarbeit: 

Kooperative Zusammenarbeit mit Entwicklern, Designern und Projektmanagern.


Problemlösungsfähigkeit:

Kreative und analytische Lösungen für technische Herausforderungen.


Zeitmanagement: 

Termingerechte Projektabschlüsse, Priorisierung wichtiger Aufgaben.


Selbstmanagement: 

Eigenverantwortliches und selbstständiges Arbeiten, proaktive Verbesserungsvorschläge.


Anpassungsfähigkeit: 

Flexibilität bei neuen Technologien und Anforderungen, kontinuierliches Lernen.


Kritikfähigkeit: 

Annahme von konstruktivem Feedback, offen für neue Ideen.


Kundenorientierung: 

Verständnis und Erfüllung von Kundenbedürfnissen, hohe Qualität und Zuverlässigkeit.


Detailgenauigkeit: 

Sorgfalt und Fokus auf Details in Code und Design.


Konfliktlösung:

Professionelle und effektive Lösung von Konflikten, diplomatische Fähigkeiten.


Projektmanagement: 

Organisation und Leitung von Projekten, Anwendung agiler Methoden (Scrum, Kanban).


Skills:

  • Web-Entwicklung
  • UI/UX Design
  • Mobile App Entwicklung
  • Projektmanagement
  • JS Frameworks (Angular, Vue.js)
  • Prototyping


Technologien & Frameworks

  • HTML
  • (S)CSS
  • Javascript
  • Typescript
  • Java (Android)
  • Angular (v2 - v15)
  • Svelte
  • Node.js
  • Material-Design
  • Boostrap
  • WordPress
  • Webflow
  • Adobe CS
  • Sketch
  • Figma

Einsatzorte

Einsatzorte

Deutschland
möglich

Projekte

Projekte

1 Jahr 7 Monate
2022-06 - 2023-12

One Infotainment@Android, Angular Web-Projekt

Weiterentwicklung der Web-Applikation zur Simulation des Infotainmentsystems in zukünftigen VW-Fahrzeugen.


Mein Schwerpunkt lag in der Entwicklung der Micro-Apps:

  • Navigation
  • Phone
  • Mediaplayer
  • Fahrzeug Setup
  • Fahrerassistenzsystem
  • Climate-Bar
Angular V9 - 15 RxJS Flex Layout
VW (extern)
6 Monate
2023-01 - 2023-06

Svelte Figma Plugin Projekt, Design-System Token Pipeline

Entwicklung eines Design-Systems in Figma für die Infotainment Simulation, das markenübergreifend für VW, Audi, Skoda, Seat und Porsche funktioniert. Umsetzung eines Plugins zur automatischen Anpassung des Corporate Designs.


Meine Aufgabengebiete in diesem Projekt:

  • Entwicklung eines Skripts zum Exportieren der DesignTokens.
    • Figma-Datei über die Figma Web API auslesen
    • Design-Tokens in JSON speichern.
    • key/value pair mit Tokenname und Wert.
  • Anpassung/Erweiterung des Style-Dictionaries
    • Style-Dictionary nimmt die JSON Datei und überführt die Informationen in den Tokenstore.
    • Style-Dictionary transformiert Styles in ein an das Zielsystem (iOS, Android, Web) angepasstes Format.
  • Entwicklung Figma Plugins
    • Laden aller Design-Tokens aus Tokenstore.
    • Designer selektiert ein Element in Figma (Frame, Instance, Component, Rectangle, Text usw.) und kann darauf einen oder mehrere Tokens für Farben, Abstände (Spacing, Padding), Dimensions (width, height), Border und Effekte anwenden.
  • Switch zum Umschalten der Marken-Designs.
Typescript Svelte Flex Layout
VW (extern)
4 Monate
2022-03 - 2022-06

Angular Web-Projekt

Entwicklung eines Editor-Formulars
  • Implementierung eines Backoffice-Tools zur Pflege von Patientendaten, bestehend aus Stammdaten und Stationseinträgen. Darstellung der Akten über eine WebAnwendung. Funktionen umfassen das Anlegen von Learnings mit Fragen und Antworten sowie das Platzieren und Bearbeiten von Grafiken (z.B. MRT-Ergebnisse).


Entwicklung der Web-Anwendung

  • Erstellung einer Angular (V12) App zur Darstellung von Patientenakten mit eindeutigen IDs. 
  • Akten können über eine URL geöffnet werden. Einträge werden als horizontal scrollbare Slides mit individuellen Farben, Icons und Hintergrundbildern dargestellt. 
  • Eine chronologische Zeitleiste dient als Navigation. 
  • Am Ende der Akte gibt es Multiple Choice Fragen und Zeichenaufgaben, deren Ergebnisse an einen API Endpunkt gesendet werden

Angular V12 Fullpage JS Bootstrap 5 Flex Layout Signature Pad CKEditor (custom Editor eingebunden zur Pflege der Daten im Backoffice)
Beigene Patient Cases (extern)
5 Jahre 3 Monate
2017-03 - 2022-05

Drei verschiedene Web und Mobile Projekte

  • Entwicklung einer mobile App (SATA Loyalty Program) mit Anbindung an ein eigens dafür entwickeltes Backoffice zur Pflege der Inhalte wie Coins, Prämien und Bestellungen.
    • Die Mobile App wurde mit Flutter entwickelt 
    • das eigens dafür entwickelte Backend/Backoffice basiert auf meteor.js, Angular und Bootstrap
  • Entwicklung des "SATA Custom Design Gun (CDG)". Ein Produkt-Konfigurator, mit dessen Hilfe sich die SATA Spray-Guns (Lackierpistolen) intuitiv mit eigenen Designs versehen und bestellen lassen. Das individuelle Design wird auf die Pistole gedruckt und dem Kunden zugeschickt.
    • Angular PWA mit Anbindung an die smallstack Cloud Solution
  • SATA Düsenfinder: Mobile App zur Konfiguration der optimalen Düse.
    • ?Mobile App auf Flutter Basis 
SATA GmbH & Co. KG
1 Monat
2017-05 - 2017-05

Unternehmens- Gründung

  • Die Idee zur Gründung kam zusammen mit einem ehemaligen Kommilitone, welcher ebenfalls als Freelancer unterwegs war. Um noch größere Kunden von uns überzeugen und umfangreichere Projekte realisieren zu können, schlossen wir uns zusammen und gründeten die ( Name auf Anfrage). 
  • Seither sind wir kontinuierlich gewachsen (5-10 Mitarbeiter), haben einige große Projekte gestemmt und parallel dazu noch ein eigenes Produkt entwickelt.
auf Anfrage
2 Jahre 8 Monate
2014-10 - 2017-05

Diverse Projekte

Freelancer
Freelancer

Web- und Mobile Entwicklung

  • Betreuung des Kunden der meinclub App.
  • Weiterentwicklung an mobile App (Android), Backoffice und Produkt-Website.
  • Diverse Website Projekte wie URL auf Anfrage
  • Entwicklung der ersten Version von URL auf Anfrage

verschiedene Kunden
4 Jahre 7 Monate
2010-04 - 2014-10

Diverse Projekte

Junior Web- und Mobile Entwickler
Junior Web- und Mobile Entwickler
  • pixelstream.tv: Digitale Signage Software für POS Marketing.
  • meinclub App: Eine mobile App für Fitness-Studios zur Präsentation der eigenen Produkte und Services. Mit Backoffice Anbindung zur Verwaltung der Inhalte.
  • Fujitsu "Create Sales": Web-Anwendung zur Erstellung von Marketing Produkten wie Flyer, Prospekte, Newsletter etc
verschiedene Firmen

Aus- und Weiterbildung

Aus- und Weiterbildung

4 Jahre 7 Monate
2005-10 - 2010-04

BA Applied Sience

Bachelor in Softwaretechnik & Medieninformatik, HS Esslingen
Bachelor in Softwaretechnik & Medieninformatik
HS Esslingen
4 Jahre 9 Monate
2000-08 - 2005-04

Ausbildung zum Anwendungsentwickler

Software-Entwicklung, active logistics AG
Software-Entwicklung
active logistics AG
2 Jahre 10 Monate
1996-08 - 1999-05

Schüler

Automatisierungstechnik, Fachabitur nach mittlerer Reife, Höhere Berufsfachschule
Automatisierungstechnik, Fachabitur nach mittlerer Reife
Höhere Berufsfachschule

Kompetenzen

Kompetenzen

Top-Skills

Angular TypeScript Responsive Webdesign CSS HTML5 Webfrontend WordPress JavaScript Figma Adobe Photoshop agiles Projektmanagement Projektmanagement ChatGPT Content Management Scrum Atlassian JIRA GitHub GitLab Webflow Beratung Svelte Agile Softwareentwicklung App-Entwicklung

Produkte / Standards / Erfahrungen / Methoden

Über mich
  • Gründer und Geschäftsführer / selbständig
  • freiberuflicher Web-Entwickler - Frontend


Dev Skills

Web Development

HTML/CSS/JS, 12 Jahre


Frameworks

Angular V2 - V15; Svelte, 7 Jahre


CMS

WordPress; Webflow etc, 12 Jahre


OOP

Java, 3 Jahre


Projektmanagement

Jira; Asana; Trello; GitLab, 5 Jahre


UI/UX

Adobe CS; Sketch; Figma, 10 Jahre


Agile Development

Scrum & Kanban, 12 Jahre


CI/CD

GitHub, GitLab, Bitbucket, 12 Jahre


Soft Skills

Kommunikationsfähigkeit: 

Klare und verständliche Erklärung technischer Konzepte, effektives Zuhören.


Teamarbeit: 

Kooperative Zusammenarbeit mit Entwicklern, Designern und Projektmanagern.


Problemlösungsfähigkeit:

Kreative und analytische Lösungen für technische Herausforderungen.


Zeitmanagement: 

Termingerechte Projektabschlüsse, Priorisierung wichtiger Aufgaben.


Selbstmanagement: 

Eigenverantwortliches und selbstständiges Arbeiten, proaktive Verbesserungsvorschläge.


Anpassungsfähigkeit: 

Flexibilität bei neuen Technologien und Anforderungen, kontinuierliches Lernen.


Kritikfähigkeit: 

Annahme von konstruktivem Feedback, offen für neue Ideen.


Kundenorientierung: 

Verständnis und Erfüllung von Kundenbedürfnissen, hohe Qualität und Zuverlässigkeit.


Detailgenauigkeit: 

Sorgfalt und Fokus auf Details in Code und Design.


Konfliktlösung:

Professionelle und effektive Lösung von Konflikten, diplomatische Fähigkeiten.


Projektmanagement: 

Organisation und Leitung von Projekten, Anwendung agiler Methoden (Scrum, Kanban).


Skills:

  • Web-Entwicklung
  • UI/UX Design
  • Mobile App Entwicklung
  • Projektmanagement
  • JS Frameworks (Angular, Vue.js)
  • Prototyping


Technologien & Frameworks

  • HTML
  • (S)CSS
  • Javascript
  • Typescript
  • Java (Android)
  • Angular (v2 - v15)
  • Svelte
  • Node.js
  • Material-Design
  • Boostrap
  • WordPress
  • Webflow
  • Adobe CS
  • Sketch
  • Figma

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.