Maintenance Magnolia CMS von bechtle.com, Programmierung als Lead, Consulting & Coaching, Best practice. Performance und Velocity.

Noteinsatz bzgl Performance und Velocity – basf.com um 1440% schneller gemacht, Adobe Experience Manager, Programmierung im Team, Schulung CSS-Architecture (CSS as a Programming Language), Best practice.

Programmierung, Mentoring Hybris Storefront. Schulung CSS-Architecture (CSS as a Programming Language). Shops von mobilcom-debitel.de (B2C, B2B, Saturn, Media Markt)

Während der Kunde daran arbeitet, komplett neu auf Hybris 6 zu migrieren, soll das laufende Bestandssystem schon mal mit verbesserter Usablity & Velocity optimiert werden. deichmann.com

Refactoring des CSS/HTML auf ein generisch responsives Klassensystem inklusive Schulung und Mentoring. CSS-Architecture, Best practice. kuehne-nagel.com

Schulung von Hybris (Storefront/JSP/JSTL), Enterprise Templating, CSS-Architecture, Best practice für rossmann.de

Der Schwerpunkt lag hierbei, in der Rolle eines Frontend-Consultant, ein internationales Team sprach-, kontinent- und kulturellübergreifend zu beraten und durch „Leading By Example“ zu schulen und das Projekt technisch auf sichere Beine zu stellen. Da das Projekt pauschal schon gestartet war, viele Kollegen im Team es an Erfahrung im Bereich E-Commerce/Hybris und Relaunch im agilen Umfeld mangelte, war die allgemeine Herausforderung umso größer, dass Bestehende vorsichtig wieder einzufangen und an eine allgemeine Projektrealität zurückzuführen.

Die hmmh multimediahaus AG ist deutschlandweit eine der führenden Agenturen für Connected Commerce. Mehr als 300 Mitarbeiter arbeiten an vier Standorten.

Projekt bonprix.de

Im Zuge des Otto Group-Projekts »Collins« sollen sich auch die erfolgreichen Töchter moderner aufstellen. So soll der umsatzstarke Online-Shop von bonprix.de komplett von Grund aus neu geschaffen werden. bonprix ist ein deutscher Modeanbieter im Versandhandel mit einem Jahresumsatz von 1,4 Milliarden EUR . Das 1986 gegründete Tochterunternehmen der Otto Group hat seinen Sitz in Hamburg und ist in 30 Ländern präsent. Es wurde eine kompletter Frontend Curriculum Draft für den Kunden entwickelt. Der Freiberufler hat hier die Rolle des Mentors und soll teamübergreifend die Kollegen in Techniken/Denkweisen heranführen. Nach Vorgaben der UX-Abteilung von bonprix soll hmmh multimediahaus AG auch den neuen Shop technisch umsetzen und weiterhin betreuen. Hierfür war er eingesetzt als Konzepter, Programmierer und Mentor, um gemeinsam mit einem neu geformten Team den ersten Prototypen zu schaffen. Auf Basis dieses voll responsiven Prototypen sollen dann im Jahre 2018 alle weiteren nötigen Arbeiten resultieren. Hierfür entwickelte er einen umfangreichen Frontend Curriculum Draft. Im Zuge dessen wurden zusammen mit dem Kunden und weiterer Dienstleister diverse Workshops abgehalten

Konkret wurden für den Prototypen entwickelt:

• Asset-Pipeline/Entwicklungsumgebung via Gulp / Browsersync
• Webpack
• Generisches Framework via StayRoot-BEVM-Atomic/OO/IT-SCSS
• XY-Grid via ZURB-Foundation
• Backendseitiges Handlebars-Templating
• SVG-Sprites
• Konventionen, Paradigmen, Best Practices

Projekt Hess Natur| hessnatur.com

Aufgaben: Programmierung | lesen und bewerten von Legacy-Code Das Naturtextilienversandhaus Hess Natur möchte seine komplette Seite samt Shop »mobile first« auf das Framework Foundation 6 ziehen. Das Projekt wurde von einer anderen Agentur »geerbt«. Neuer HTML-DOM / schlankes, wenig verschachteltes SASS/CSS (stay root) / entschlacktes Javascript mit jQuery (via WebStorm). Zum Schluss dynamisieren in JSP/Tags von SAP Hybris. Weiterhin wurde für das Team eine Gulp/BrowserSync-Pipe gebaut, damit man die Ergebnisse jederzeit auf verschieden Endgeräten testen konnte und das Test-Deployment effizient im Arbeitsablauf integriert.

Die campoint AG entwickelt und implementiert seit über 10 Jahren E-Business Lösungen im Entertainment-Bereich und gehört damit zu den führenden Anbietern in Europa.

Programmierung und Schulung von Methodiken und Techniken

Die »Cashcow« des Unternehmens ist nach über acht Jahren reif für einen Relaunch. Das Team besteht in erster Linie aus Backend-Programmierern mit HTML/CSS-Kenntnissen. Nach einigen Selbstversuchen im Umgang mit modernen, performanten und responsiven Templating wurde der Ruf nach einem »echten Frontender« lauter. Der Consultant entwickelte hierfür Anhand von modernen Methodiken und Paradigmen (KISS/DRY/COC) ein Templating-System (CSS|LESS per ITCSS|BEVM|ATOMIC), einen kleinen Style-Guide ohne Best-Practice-Empfehlungen mit dem sich das Team auch wohlfühlen konnte.

Die Franke und Bornberg Research GmbH entwickelt seit 20 Jahren Rating- und Vergleichsprodukte für Versicherungsvermittler.

Aufbau einer Front-End-Abteilung

Die Entwicklung wurde lange Zeit ausschließlich von Backend-Entwicklern getätigt. Im Zuge einer Neuausrichtung sollen die Produkte verstärkt mit Front-End-Entwicklern mitentwickelt werden. So wurde in etablierten Firmenstrukturen vorsichtig eine agile Umgestaltung vorgenommen. Das Team wurde regelmäßig geschult, mit dem Ziel, sich eigenständig weiterzuentwickeln.

Im Zuge der kompletten Neuausrichtung des Cisco-Konzerns hin zum »Internet Of Things« wird das Produkt »Cisco Energy Management Suite« aus- und umgebaut. Das neue Produkt heißt nun »Cisco Asset Management Suite« (CAM).

• Unterstützung beim Umbau einer komplexen Industriesoftware mit detailliertem GUI. Umgesetzt wurde das GUI mit dem JS-Framework Qooxdoo. Hiermit wurde über die Jahre eine umfangreiche Code-Wand hochgezogen mit über 800 Klassen und 120.000 undokumentierten Zeilen Code. U. a. sollte die gesamte Produkt-Hilfe erneuert/verbessert werden. Das Support-Team in Indien benutzt hierfür RoboHelp. Dafür wurde mit den indischen Kollegen ein allgemeiner Prozess erarbeitet und koordiniert, die Templates umgebaut und ein neues »Look&Feel« erarbeitet und umgesetzt.

Im Rahmen von Umstrukturierungsmaßnahmen wird eine Inhouse-Online-Travel-Agency in Form eines Startups gegründet.

Code-Analyse und Bestandsaufnahme des Ist-Systems (Magnolia-CMS mit FreeMarker-Templates). Vorschläge zur Neuausrichtung und Ausarbeitung von neuen Strukturen und Methoden im Front-End. Auflösen alter Teams in Nürnberg und München (externe Agenturen). Startup-Wahnsinn überleben. Programmierung »Dirty Templates«, »Mock-Ups« und Test-Refacements.

Relaunch von videoload.de und erotic-lounge.com -- dem Video On Demand Service der Deutsche Telekom AG -- bei der Deutsche Telekom AG in Darmstadt.

Das laufende Bestandssystem ist sehr teuer und wird den Umsätzen nicht gerecht. Es soll abgeschaltet und durch ein schlankes und effektiveres System ersetzt werden, welches zum Schluss von einem Zweierteam gewartet und erweitert werden kann. Ein Templating-System mit FreeMarker wurde aufgebaut. Hierfür wurde extra ein »HAML for FreeMarker«-Parser im Team entwickelt.