• Entwicklung und Implementierung des neuen Consent-Layers inklusive Tests, Backend-Anbindung, Playout-Logik und CDN-Release-Prozess
• Erstellung und Pflege markenspezifischer CMP-Konfigurationen, CSS-Themes, Vendor-Einstellungen sowie I18n-Strukturen
• Erstellung von Entscheidungsgrundlagen, technischer Projektdokumentation und Code-Dokumentation für einen langfristig wartbaren Inhouse-Betrieb

Das System basiert auf React, Next.js, Supabase und PostgreSQL und bietet eine rollenbasierte Benutzerverwaltung mit abgestuften Rechten für Benutzergruppen.

Zu den Kernfunktionen zählen:

• Erstellung, Verwaltung und Auswertung von Dateneinträgen
• Dynamische Schemata, die Nutzer individuell anpassen können
• Soft-Delete-Mechanismen & Row-Level Security (RLS) zur Datensicherheit
• Benutzerrollen-Workflows inkl. Vorlagen, QR-basierten Datengruppen und Produktpflege
• Mehrsprachige Benutzeroberfläche mittels next-intl
• Responsive Front-End Architektur (Mobile First) auf Basis von TailwindCSS
• Integration von Supabase Auth für sichere Anmeldung & Rollensteuerung

Die Beauftragung umfasste hauptsächlich die Sicherung, Analyse, Optimierung und Neuentwicklung rund um die Bereiche Front-End, Front-End-Performance, PageSpeed und Core Web Vitals. Hierfür fand neben Aufgaben der regulären Front-End-Entwicklung auch eine kontinuierliche Untersuchung, Überwachung, Erarbeitung und Implementierung von Lösungsansätzen im Bereich der Performanceoptimierung statt. Sowohl die Projektsprache als auch Kommunikationssprache mit den international verteilten Teams war Englisch.

Im Zuge des Projekts wurde ein Online-Tool zur Erfassung, Verwaltung und Visualisierung von Genealogie-Daten konzipiert und implementiert.

Branche: Automotive / E-Commerce

Tätigkeiten:

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.

Themen: Atomic Design, Box-Element-Modifier (BEM), Cross Browser & Cross Device Compatibility, Browser Compatibility, Progressive Enhancement, Responsive Webdesign, ContentManagementSysteme (CMS), suchmaschinenoptimierte Programmierung, Structured Data, User Experience (UX), Projektplanung

Rollen: Web Designer, UX Designer, Fullstack Entwickler

Tätigkeiten:

Einsatz von: Vue (v2), Nuxt.js (v2), TypeScript, Vuex, Webpack, Vue, Vue.js, Nuxt, HTML, HTML5, CSS, CSS3, SCSS, JavaScript, jQuery, AJAX, Jest, JSON, REST, NPM, Grunt, GIT, GitLab, Bitbucket, Jenkins, Styleguidist, Figma, Jira, Confluence, Scrum, PHPStorm, Windows

Themen: Clean Code, Atomic Design, Design Systeme, Living Styleguide, Box-Element-Modifier (BEM), Cross Browser & Cross Device Compatibility, Browser Compatibility, Progressive Enhancement, Responsive Webdesign, SinglePageApplications (SPA), ContentManagementSysteme (CMS), CMS + SPA, UnitTests, Suchmaschinenoptimierung (SEO), suchmaschinenoptimierte Programmierung, Structured Data, Objektorientiertes CSS (OOCSS), Corporate Design / CI / Branding, User Experience (UX), Performanceoptimierung, Projektplanung, Frontend Entwickler

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

Die Aufgaben während des Projekts für die FrontEnd-Agentur Sevenval in Köln umfassten Optimierungen der Codestruktur, Bug-Fixing sowie Implementierung neuer FrontEnd-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.

Branche: Versicherung / Finanzen

Tätigkeiten:

• Front-End Entwicklung in den Bereichen ?Versicherungen?, ?Finanzen? und ?Vergleichs- & Beratungsportale?
• Schnelle eigenständige Einarbeitung in bestehenden Code, neue Techniken und neue Programmiersprache
• Optimierung der Codestruktur
• Implementierung neuer Features
• Bug-Fixing

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.

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.

Branche: Marketing

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

Während des Projekteinsatzes für ein führendes deutsches Internet-Portal 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.

Während der Tätigkeit als externer Mitarbeiter für eine internationale Agentur in München wurde ein bestehendes Website-Projekt eines deutschen 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. Die Arbeit erfolgte vor Ort in München in einem internationalen Team. Projektsprache war hierbei Englisch.

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

Mobile- und Performanceoptimierung einer auf Joomla basierenden Unternehmenswebsite

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

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

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

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
• Veröffentlichung der Internetseite

Erstellen eines Website-Gerüsts für einen Kunden (HTML, CSS und jQuery).

Teilprojektleiter für das Front-End bei einem marktführenden Anwalts-Web-Portal mit Schwerpunkten auf Optimierung und Erweiterung der bestehenden Portallösungen. Neben der Front-End-Entwicklung wurden auch Aufgaben zur Optimierung und Erweiterung in den anderen Plattformbereichen Back-End- und Datenbankstruktur umgesetzt.

Tätigkeiten: 

• Front-End Optimierung
  • Portieren bestehender Seiten in Responsive Webdesign & Progressive Enhancement
  • CSS Optimierungen
  • Konzeption und Implementierung eines unternehmenseigenen, performanceoptimierten Front-End Frameworks
  • Sukzessives Ersetzen von Inline-Style gegen Framework-Klassen
  • Konzeption und Implementierung eines CSS-Managers zur Gruppierung und Minimierung verschiedener CSS-Dateien und Klassen zu einer einzigen Projekt-CSS-Datei
  • Analyse und Optimierung der Website z.B. durch Caching, CookieFree-Domains, ServerPlugins,?
• JavaScript Optimierungen
  • Sukzessives Entfernen von Inline-Javascript und Refactoring in objektorientiertes JavaScript sowie jQuery Framework
  • Konzeption und Implementierung eines JavaScript-Managers zur Gruppierung und Minimierung verschiedener JavaScript-Dateien zu einer einzigen Projekt-JavaScript-Datei
• Grafik Optimierungen
  • Grafikresourcen -Verwaltung für geordnete, performante Grafikverwendung
  • Konzeption und Implementierung eines SpriteManager zum automatisierten Erstellen eines Projekt-Sprites und Gruppen-Sprites
• Refactoring von bestehendem Code in objektorientierte wiederverwendbare und besser wartbare Logik
• Implementierung von Validatoren
• Implementierung von Web-Widgets
• Konzeption und Umsetzung dynamischer Websiteelemente mittels jQuery, AJAX und JSON
• Umsetzung einer neuen Ansicht für Anwaltsprofile (MicroSite)
• Implementierung eines neuen Registrierungsbereichs
• Implementierung von MicroSites für Partner (Front-End, Datenmodell, Datenbank)
• Konzeption und Implementierung einer zentralen, Stage gebundenen Konfigurationsverwaltung
• Implementierung eines MailingManagers zum Versenden von Multipart-Mails auf Template-Basis
• HTML-Newsletter
• Implementierung und Anpassung von SEO-Seiten
• Implementierung der SEO-Seitenstruktur für steuerberater.net
• Konzeption und Dokumentation von Coding Standards

Eigenverantwortliche Tätigkeiten waren u.a. Umsetzungen in den Bereichen MICE, Corporate-Rates, Affiliates und HotelCenter. Dies umfasste die Pflege, Optimierung, Erweiterung und Anpassung bereits bestehender Systeme, als auch die Konzeption und Umsetzung völlig neuer Teilbereiche. Wirkungsbereiche waren hierbei das Back-End, die Datenbankebene und das Front-End. Beim Redesign / Relaunch der gesamten Buchungsplattform hauptverantwortlicher Teilprojektleiter für die technische Umsetzung des Design-Konzepts.

Tätigkeiten:

• Weiterentwicklung des MICE-Portals "MARS"
  • Alle Bereiche (Front-End, BackEnd & Datenbank für Bucher-, Hotelier- & Vermittlerseite)
• Corporate-Rates (firmenspezifische Hotelraten)
  • Implementierung eines internen Windows-Tools zum Einlesen, Erfassen und Verwalten der Datensätze / Ratenstatus (Front-End, BackEnd, Datenbank)
  • Migration alter Ratendaten in das neue System
  • Konzeption und Implementierung von Plugins/Services zum Verarbeiten und ggf. korrigieren erfasster Daten
  • Implementierung der Web-Komponente für TravelManager
  • UnitTests
  • Refactoring und Performance-Optimierung bestehender SQL-Abfragen
• Affiliate Center Management
  • Implementierung eines neuen Affiliate Konzepts mit Überarbeitung bestehender sowie Entwicklung neuer Bereiche (Front-End, BackEnd, Datenbank für Bucher-, Affiliate- und Vermittlerseite)
  • Konzeption und Implementierung eines Crawlers zur Ermittelung und Analyse der Einbindungen auf Affiliateseiten
• Redesign / Relaunch
  • Hauptverantwortlicher Teilprojektleiter für die technische Realisierung des Design Konzeptes
  • Performanceorientierte Umsetzung des Front-Ends
• HotelCenter Modul
  • Front-End Implementierung eines neuen Bereichs für Hoteliers zum Analysieren und Optimieren der eigenen Ratenstruktur

Erstellen einer Firmenwebsite mittels ASP.NET

Erstellen einer themenbezogenen Vereinigungs-Website für Tai Chi Chuan.