Senior Web-Developer | Frontend Expert

4/2020 – 2/2021

Ziel war die Schaffung eines spezialisierten E-Commerce Online-Portals für neue Trendprodukte. Hierfür wurde sowohl ein Front-End als auch ein Back-End entwickelt, welches die speziellen und individuellen Anforderungen berücksichtigte.
Dies beinhaltete neben optimierten Content- und Suchergebnisseiten sowohl einen Administrationsbereich für Geschäftspartner als auch interne Admin-Tools für Rechnungsstellung und Promotion-Aktionen.

▸ Einsatz von: HTML5, CSS 3.0, JavaScript, Vue2, Scss, PHP, PHPStorm, NPM, Webpack, ProcessWire, Cockpit

Backend, Front End, Backend Entwickler, Frontend Entwickler, CSS (Cascading Style Sheet), Full-Stack, Full Stack Developer, Git, HTML, HTML5, JavaScript, JavaScript-Entwickler, Jquery, Konzeption (IT), Node.Js, PHP, PHP-Entwickler, Projektmanagement, Projektmanagement (IT), Responsive Webdesign, Software Design, Typescript, Vue.Js, Webdesign, Webdesigner

5/2019 – 3/2020

Das Gesamtprojekt bezog sich auf die Realisierung einer White-Label-fähigen Multiportal-Anwendung nach aktuellen Web-Standards unter Berücksichtigung von Eigenheiten einer bereits bestehenden Anwendung.
Hierfür erfolgte die Planung einer anpassungsfähigen und hochflexiblen Front-End Architektur. Die bereitgestellten Designs und Layouts wurden unter Aspekten der User Experience (UX) und Besonderheiten der Vorgängeranwendung überprüft und ggf. unter Abstimmung mit den zuständigen Fachabteilungen des Kunden angepasst. Anschließend erfolgte die thematische Aufsplittung in möglichst flexibel wiederverwendbare Komponenten sowie die technische Definition zur Implementierung der dazugehörigen Front-End Tasks.
Es erfolgte weiterhin die Einrichtung der Entwicklungs-Infrastruktur, Implementierung der neuen Code-Basis, Bereitstellung der generellen Seitenstruktur, implementierungsbereite Komponenten sowie die jeweils dazugehörigen Unit Tests.

▸ Einsatz von: HTML5, CSS 3.0, JavaScript, Sass, Vue2, Nuxt.js (v2), Vuex, jQuery, Jest, Figma, PHPStorm, GIT, NPM, Webpack, Jira, Atomic Design, Box-Element-Modifier (BEM), Living Styleguide, Responsive Webdesign, Cross Browser & Cross Device Compatibility

Json, Confluence, CSS (Cascading Style Sheet), Figma, Front End, Frontend Entwickler, Git, HTML, HTML5, JavaScript, JavaScript-Entwickler, JavaScript-Frameworks, Jira, Jquery, Node.Js, Responsive Webdesign, Scrum, Syntactically Awesome Stylesheets (Sass), Typescript, Vue.Js

6/2018 – 5/2019

Im Zuge des Projekteinsatzes wurden Aufgaben zur Weiterentwicklung sowie Fehleranalyse und Fehlerbehebung eines bestehenden Reisebuchungsportal ausgeführt. Dies umfasste insbesondere Suchergebnislisten, Präsentationsseiten sowie den Buchungsprozess und erforderte eine rasche Einarbeitung in bestehende, historisch gewachsene Code-Architektur.
Weiterhin erfolgten Evaluierungen und Neuentwicklungen qualitätssteigernder und suchmaschinenoptimierender Techniken, welche sowohl im bestehenden Portal als auch für künftige Neuentwicklungen eingesetzt werden können.

▸ Einsatz von: HTML5, CSS 3.0, JavaScript, jQuery, Sass, Vue.js, Vue2, TestCafe, PHPStorm, GIT, NPM, Webpack, Grunt, Jira, Bitbucket, Responsive Webdesign, Cross Browser & Cross Device Compatibility

Json, Confluence, CSS (Cascading Style Sheet), Front End, Frontend Entwickler, Git, HTML, HTML5, JavaScript, JavaScript-Entwickler, JavaScript-Frameworks, Jira, Jquery, Node.Js, Responsive Webdesign, Scrum, Syntactically Awesome Stylesheets (Sass), Typescript, Vue.Js

7/2017 – 9/2017

Die Aufgaben während des Projekts für die Front-End-Agentur Sevenval in Köln umfassten Optimierungen der Codestruktur, Bug-Fixing sowie Implementierung neuer Front-End-Anforderungen.
Dies erfolgte für zwei Kunden- und Vergleichsportale aus den Bereichen Finanzen & Versicherungen sowie Vorsorge.
Nötig hierfür war eine rasche und komplett eigenständige Einarbeitung in bestehenden Code, neue Techniken sowie eine neue Programmiersprache. Es erfolgte u.a. der Einsatz von HTML5, CSS 3.0, JavaScript und XSL.

▸ Einsatz von: HTML5, CSS 3.0, JavaScript, Sass, XSL, REST, SOAP, PHPStorm, GIT, NPM, Kiki, Rollup, Redmine, Jira, Responsive Webdesign, Progressive Enhancement, Cross Browser Compatibility

Front End, Frontend Entwickler, HTML, HTML5, XHTML (Extensible HyperText Markup Language), XML

5/2017 – 1/2018

Neuimplementierung einer Internetseite zur Repräsentation des Unternehmens sowie eines internen Bereichs zum Darstellen verfügbarer Produkte und Bestellung dieser.

▸ Einsatz von: HTML5, CSS 3.0, JavaScript, jQuery, PHPStorm, Webpack, Responsive Webdesign, Progressive Enhancement, Cross Browser & Cross Device Compatibility

Backend, Backend Entwickler, CSS (Cascading Style Sheet), Front End, Frontend Entwickler, Full-Stack, Full Stack Developer, HTML, JavaScript, Jquery, PHP, Projektplanung, Responsive Webdesign, SEO Manager, Suchmaschinenoptimierung

10/2016 – 12/2016

Während des Projekteinsatzes wurden bestehende Landing-Pages und Bestellstrecken überarbeitet und weiterentwickelt. Dies erfolgte für zwei Marken des Auftraggebers in den Sparten “Energie” und “Mobilfunk”.
Gefordert wurde eine rasche Einarbeitung in ein hauseigenes Templating System sowie die Realisierung der Anforderungen in reinem Eigencode. Frameworks und Code von Drittanbietern wurde entsprechend der Anforderung während des Projekts komplett vermieden. Der Einsatz erfolgte für die Front-End Entwicklung.
Im Zuge der Front-End Entwicklung wurden hierbei die Technologien HTML5, CSS 3.0, Vanilla JS und PHP verwendet.

Tätigkeiten:
- Front-End Entwicklung in den Bereichen “Energie” und “Mobilfunk”
- Schnelle Einarbeitung in hauseigenes Template-System
- Implementierung neuer Features
- Individualentwicklungen unter Ausschluss von Fremdcode & Frameworks
- Merging & Freischaltung neuer Entwicklungsstände

▸ Einsatz von: HTML5, CSS 3.0, JavaScript, Vanilla JS, PHPStorm, GIT, JIRA, Confluence, Responsive Webdesign, Progressive Enhancement, Cross Browser Compatibility

Front End, Frontend Entwickler, Confluence, CSS-Programmierer, CSS (Cascading Style Sheet), Git, HTML, JavaScript, JavaScript-Entwickler, Jira, Responsive Webdesign, Scrum

6/2016 – 9/2016

Während der Tätigkeit wurde ein bestehendes Website-Projekt eines süddeutschen Automobilherstellers überarbeitet und weiterentwickelt.
Die Aufgaben bestanden zum einen in einer schnellen Einarbeitung in den bestehenden Code und Bug-Fixing der Anwendung, als auch in der Weiterentwicklung und Implementierung neuer Features.
Für die Front-End Entwicklung kamen dabei moderne Technologien und Systeme wie beispielsweise HTML5, CSS 3.0, less, JavaScript, jQuery, Handlebars.js und grunt zum Einsatz.

▸ Einsatz von: HTML5, CSS 3.0, less, JavaScript, jQuery, Handlebars.js, PHPStorm, AEM (Adobe Experience Manager), grunt, JIRA, Confluence, GIT, sightly, Responsive Webdesign, UX, User-Story, Progressive Enhancement, Cross Browser Compatibility, Kanban

Front End, Frontend Entwickler, Adobe Experience Manager (AEM), Confluence, CSS (Cascading Style Sheet), Git, HTML, HTML5, JavaScript, JavaScript-Entwickler, JavaScript-Frameworks, Jira, Jquery, Kanban, Less, Responsive Webdesign

4/2016 – 4/2016

Überarbeitung und Modernisierung einer bestehenden Unternehmens-Website
---

Eine bestehende Unternehmenswebsite sollte auf den aktuellen Stand der Technik und des Web-Standards gebracht werden. Hierfür wurde die alte HTML-Struktur (HTML 4.1) überarbeitet und entsprechend des HTML5 Standards angepasst sowie ggf. erweitert. Zum Einsatz kamen zudem CSS 3.0, JQuery, JavaScript und Teile des Twitter Bootstrap Frameworks (Responsive Grid System). Das Progressive Enhancement, Cross Browser Kompatibilität sowie das Responsive Design wurde dabei gewahrt. Für eine bessere Performance der Ladezeiten wurde ein dynamisches Nachladen von Inhalten mittels JQuery realisiert. Bestehende Daten der Internetseite wurden in ein Content Management System überführt und dieses in die HTML-Struktur integriert. Structured Data Tags sowie Google Data Highlighter kamen zum Einsatz um Suchmaschinen das korrekte Erfassen und Anzeigen der Daten zu erleichtern. Weiterhin wurde die Seite mit Google Analytics und Google Webmastertools für künftige Reports, Auswertungen und Optimierungen verknüpft.

Tätigkeiten:
- Modernisierung von HTML, CSS und JavaScript
- Dynamisierung von Web-Inhalten
- Integration eines CMS und Portierung der Inhalte Daten
- Suchmaschinen- und performanceoptimierte Programmierung

CSS (Cascading Style Sheet), Front End, Frontend Entwickler, HTML, JavaScript, JavaScript-Entwickler, Suchmaschinenoptimierung

10/2015 – 1/2017

Ein Unternehmen welches sich mit dem Aufbau von Vertriebskanälen beschäftigt benötigte eine Internetseite zur Repräsentation und Kontaktgewinnung. Entsprechend wurde anhand von User-Stories ein Design- und Strukturkonzept erstellt. Die Inhalte wurden auf Grundlage einer vorher durchgeführten SEO-Recherche erstellt und suchmaschinenfreundliche, zielgruppenspezifische Inhalte geschaffen. Ebenso ein langfristiger Plan zur weiteren Content-Entwicklung der Internetseite. Die technische Realisierung erfolgte suchmaschinen- und performanceorientiert. Seit Veröffentlichung wird die Internetseite kontinuierlich betreut. Dies beinhaltet eine Überwachung und Auswertung mittels Analyse-Tools. Anhand der Auswertungen werden Maßnahmen zur weiteren Optimierung geplant und ausgeführt.

Tätigkeiten:
- SEO-Recherche & Erstellung eines SEO-Konzepts
- Konzeption von Seitenstruktur, Layout und Design
- Suchmaschinenoptimierte Programmierung
- Erstellung von suchmaschinenoptimierten Inhalten
- Erstellung eines langfristigen Konzepts zur Content-Entwicklung
- Kontinuierliche Betreuung mit Überwachung, Erweiterung und Optimierung

▸ Einsatz von: HTML, CSS 3.0/2.0, OOCSS, JavaScript, jQuery, PHP, PHPStorm, ProcessWire, Performanceoptimierung, Suchmaschinenoptimierung, Responsive Webdesign, Google Analytics, Google Webmastertools, UX, User-Story, Web Content Management, Progressive Enhancement, Cross Browser Compatibility

Full Stack Developer, Backend, Front End, Full-Stack, Backend Entwickler, CSS (Cascading Style Sheet), Frontend Entwickler, JavaScript, JavaScript-Entwickler, Jquery, PHP, PHP-Entwickler, Responsive Webdesign, SEO-Vermarkter, SEO Manager, Suchmaschinenoptimierung, Webdesign, Webdesigner

6/2015 – 4/2017

Für eine neu gebaute Luxusimmobilie in München wurde eine suchmaschinenoptimierte Internetseite zur Präsentation benötigt. Hierfür fand in den ersten Schritten eine SEO-Recherche und Mitbewerberanalyse statt, um eine optimale Struktur und Content-Relevanz der Internetseite bereitzustellen. Darauf basierend wurden Konzepte für SEO-Struktur, Bildsprache, User-Story und User-Experience erstellt. Die Umsetzung erfolgte suchmaschinen- und performance- orientiert. Bei der textlichen Ausgestaltung wurden Optimierungs- möglichkeiten für suchmaschinenoptimiertes und leserfreundliches Content-Writing eingebracht. Seit Veröffentlichung der Internetseite erfolgt eine kontinuierliche Betreuung inklusive Überwachung, Auswertung und Optimierung.

▸ Einsatz von: HTML, CSS 3.0/2.0, OOCSS, JavaScript, jQuery, PHP, MySQL, PHPStorm, ProcessWire, Performanceoptimierung, Suchmaschinenoptimierung, Responsive Webdesign, Google Analytics, Google Webmastertools, UX, User-Story, Web Content Management, Progressive Enhancement, Cross Browser Compatibility

Backend, Front End, Full-Stack, Backend Entwickler, Frontend Entwickler, CSS (Cascading Style Sheet), Full Stack Developer, HTML, JavaScript, JavaScript-Entwickler, PHP, PHP-Entwickler, Projektplanung, Responsive Webdesign, SEO Manager, Suchmaschinenoptimierung, Webdesign, Webdesigner

6/2015 – 6/2015

Mobile- und Performanceoptimierung einer Joomla Unternehmens-Website
---

Mobile- und Performanceoptimierung einer auf Joomla basierenden Unternehmenswebsite

JavaScript-Entwickler, Front End, CSS (Cascading Style Sheet), HTML, JavaScript, Frontend Entwickler, Responsive Webdesign

3/2015 – 5/2015

Inhouse WebSolution zur Bestellabwicklung für Lebensmittelproduzent
---

Zur optimalen Abwicklung von Bestellungen über alle Schritte von Bestellungsannahme, Weitergabe an die Produktion bis hin zur Auslieferung wurde ein System benötigt, welches alle individuellen Anforderungen des Auftraggebers erfüllt. Dies umfasst die Erfassung und Pflege von Kundenstammdaten (Kontaktdaten, Sonderpreise, wiederkehrende Bestelloptionen), Produktdaten (Basisdaten, Ausführungsvariationen, Standardpreise) und Bestelldaten (Historisierung, Bestellvorlagen). Um dabei ein praxis- und bedürfnisnahes Resultat zu erzielen, wurde vor Ort im Rahmen des Anforderungsmanagements der bereits bestehende Prozess analysiert und die Kundenwünsche festgehalten. Anhand von Use-Cases wurde ein Konzept für die Realisierung erstellt und umgesetzt.

Tätigkeiten:
- Analyse bestehender inhouse-Lösungen
- Erstellung von Use-Cases, der Anforderungsanalyse, eines Feinkonzepts und eines Meilensteinplans
- Priorisierung der Realisierungsreihenfolge
- Testing
- Roll-Out

Produkte: HTML, CSS 3.0/2.0, OOCSS, JavaScript, jQuery, AJAX, JSON, PHP, OOP, PHPStorm, ProcessWire, Performanceoptimierung, Use-Cases, Cross Browser Compatibility

Backend, Backend Entwickler, CSS (Cascading Style Sheet), Front End, Frontend Entwickler, Full-Stack, Full Stack Developer, HTML, JavaScript, JavaScript-Entwickler, Jquery, PHP, PHP-Entwickler, Responsive Webdesign

11/2014 – 11/2014

Umsetzung Unternehmens-Website für Lebensmittelproduzent
---

Vorgegebenes Design unter Brücksichtigung von Performanceoptimierung und Suchmaschinenoptimierung (SEO) umsetzen

Jquery, Web Entwicklung, Webentwickler, Responsive Webdesign, Backend, Backend Entwickler, CSS-Programmierer, CSS (Cascading Style Sheet), Front End, Frontend Entwickler, Full-Stack, Full Stack Developer, HTML, JavaScript, JavaScript-Entwickler, PHP, PHP-Entwickler

10/2014 – 10/2014

Konzeption und Umsetzung eines Systems zur Zugriffskontrolle für Links und Online-Video-Clips
---

Realisiert wurde ein System welches es dem Auftraggeber erlaubt, bestimmte Links und Online-Video-Clips nur eingeschränkt aufrufbar zu machen. Dies soll je nach Wunsch in Abhängigkeit des Wochentags, der Uhr- / Tageszeit und/oder Häufigkeit des Aufrufs geschehen. Zusätzlich sollte ein Tracking der Aufrufe erfolgen.

Tätigkeiten:
- Erstellen von Anforderungsanalyse und Feinkonzept
- Implementierung
- Roll-Out

Web Entwicklung, Responsive Webdesign, Backend, Backend Entwickler, CSS (Cascading Style Sheet), Front End, Frontend Entwickler, Full-Stack, Full Stack Developer, JavaScript, JavaScript-Entwickler, PHP, PHP-Entwickler

5/2014 – 9/2014

Technische Umsetzung einer performance- und suchmaschinenoptimierten Unternehmens-Website
---

Der Auftraggeber veröffentlichte für eine seiner Produktlinien einen neuen Katalog. Für die produktlinenspezifische Firmenpräsentation im Internet wurde eine neue Internetseite benötigt. Die Struktur, das Layout & Design sowie die Inhalte wurden vorgegeben. Hauptaugenmerk bei der technischen Realisierung galt der suchmaschinen-, performance- und mobileoptimerten Umsetzung, da die Seite mit hochauflösenden Fotos von den Vertriebspartnern auf mobilen Endgeräten beim Kunden vor Ort genutzt werden sollte. Eine weitere Aufgabe bestand darin, alle Produkte erstmalig mit ihren Eigenschaften, Details und Zuordnungen technisch zu erfassen und in eine strukturierte, katalogisierte Form zu bringen. Ziel ist die spätere Verwendung in einem Such- und Bestellsystem (Shop-System).

Tätigkeiten:
- Performanceoptimierte Programmierung
- Suchmaschinenoptimierte Programmierung
- Umsetzung bereits unter strikter Einhaltung von Responsive Webdesign, Progressive Enhancement und Cross Browser Compatibility
- Rollout / Release / Veröffentlichung der Internetseite

Produkte: HTML, CSS 3.0/2.0, OOCSS, JavaScript, jQuery, AJAX, PHP, OOP, MySQL, PHPStorm, Performanceoptimierung, suchmaschinenoptimierte Programmierung, Responsive Webdesign, Progressive Enhancement
Cross Browser Compatibility

Web Entwicklung, Webentwickler, Ajax, Backend, Backend Entwickler, CSS-Programmierer, CSS (Cascading Style Sheet), Front End, Frontend Entwickler, Full-Stack, Full Stack Developer, HTML, JavaScript, JavaScript-Entwickler, Jquery, Mysql, PHP, PHP-Entwickler, Suchmaschinenoptimierung

4/2014 – 5/2014

Erstellen eines Website-Gerüsts für einen Kunden

Web Entwicklung, Webentwickler, CSS-Programmierer, CSS (Cascading Style Sheet), Front End, Frontend Entwickler, HTML, JavaScript, JavaScript-Entwickler, Jquery, Responsive Webdesign

7/2012 – 5/2014

o Technische Konzeption von Softwarelösungen
o Umsetzung neuer Funktionalitäten mit HTML, CSS, JavaScript und PHP5/MySQL, z. В.
• Umstellung anwalt.de auf Responsive Design
• Entwicklung der anwalt.de Widgets
• Entwicklung eines Info- und Anmeldebereiches für Anwälte
• Responsive HTML-Newsletter mit phplist
o Weiterentwicklung und Fehlerbehebung in bestehendem Softwarecode
• Performance-Optimierung des anwalt.de Frontends
• HTML-Newsletter mit DirectMail (TYPОЗ)

Jquery, Backend, Backend Entwickler, CSS-Programmierer, CSS (Cascading Style Sheet), Front End, Frontend Entwickler, Full-Stack, Full Stack Developer, HTML, Mysql, PHP, PHP-Entwickler, Typo3, Web Entwicklung, Webentwickler

8/2007 – 7/2012

- Entwurf und Umsetzung von UI-Elementen von APS.NET und ASP.NET MVC3
- Softwareentwicklung mit der Programmiersprache C#
- Entwicklung eines Crawlers in C#, der Backlinks zu hotel.de prüft
- Entwicklung dynamischer Webseiten mittels AJAX / jQuery
- Technische Realisierung des Design Konzeptes in CSS
- Hilfeleistung bei Supportfällen
- Unterstützung bei der Einarbeitung von neuen Mitarbeitern

Web Entwicklung, Webentwickler, Ajax, APS (Application Programm System), ASP.NET, C#, C# Developer, CSS-Programmierer, CSS (Cascading Style Sheet), HTML, JavaScript, JavaScript-Entwickler, Jquery, Responsive Webdesign, Suchmaschinenoptimierung