Beispielprojekte.
Einige der Webseiten, welche ich in den letzten Jahre erstellen durfte oder an denen ich im Team massgeblich mit dran beteiligt war, möchte ich auf dieser Seite kurz vorstellen.
Einige der Webseiten, welche ich in den letzten Jahre erstellen durfte oder an denen ich im Team massgeblich mit dran beteiligt war, möchte ich auf dieser Seite kurz vorstellen.
Am Launch des CinemaxX Ticketshops 2010 war ich von Anfang an beteiligt und federführend für die Entwicklung und Umsetzung der Frontend-Templates - in Absprache und Zusammenarbeit mit dem Backendteam - verantwortlich. Neben der eigenentwickelten Saalplanmechanik und dem Karussellscript stellt eine weitere Besonderheiten das Ajax-Handling da, welches über eine XML-Schnittstelle mit einem Request mehrere Seitenbestandteile separat anfragen und austauschen kann.
Seid 2012 gibt es darüber hinaus die mobile Variante des Ticketshops für iOS und Android, bei der ich wiederum hauptverantwortlich die Frontend-Temlates und Scripte erstellte. Aus Performancegesichtspunkten wurde hierbei auf den Einsatz von externen JS-Bibliotheken wie jQuery verzichtet und dafür ein eigenentwickeltes, schlankes JavaScript-Framework verwendet.
Beim Ticketshop für den Desktop wurde auf XHTML, CSS und jQuery gesetzt. Zur Kommunikation mit dem Backend diente Ajax mit einer XML-Schnittstelle.
Beim mobilen Ticketshop kamen HTML5, CSS3, SASS, ECMAScript 5 und das Canvas-Element für den Saalplan zum Einsatz.
Weitere Komponenten & Programme: Google Analytics Klicktracking, Photoshop, SVN und Redmine.
Der Relaunch der Navigon Webseiten und des dazugehörigen Shops 2009 war mein bis dato größtes und umfangreichstes Projekt an dem ich - in einem zwei Mann Team - beteiligt war. Während wir uns die Umsetzung der HTML-Templates und CSS-Dateien teilten, lag die Hauptverantwortung für die Entwicklung der dynamischen Inhalte per JavaScripte & jQuery bei mir. Größte Herausforderung, neben vielen kleinen Detailwünschen, stellte hierbei das Handling des Warenkorb-Verhaltens da.
Auf Frontendseite kamen hier XHTML, CSS und jQuery zum Einsatz. Des weiteren wurde an einigen Stellen die Google Maps API verwendet um z.B. Live-Traffic Informationen über INRIX darstellen zu können. Weiterhin fand Photoshop, SVN und Redmine Verwendung.
Eines der im ersten Moment als eher unscheinbar erscheinensten, letztendlich aber umfangreichsten Projekte - mit annähernd 100 verschiedenen Seitentemplates - stellten die Überarbeitungen und Neuveröffentlichungen der verschiedenen Royal Canin Webseiten & Shop-Systeme da. Hierbei war ich wiederum federführend für die HTML-Template-Entwicklung und die Programmierung der jeweiligen JavaScripte verantwortlich. Dies geschah in enger Ansprache und Zusammenarbeit mit dem Backendteam, welches dieses mal auf Typo3 setzte. Seid 2012 stehen zudem mit den Royal Canin Pro-Shop Seiten, für ausgewählte Partner, Adoptionen des eigentliches Royal-Canin Shops zur Verfügung, an deren Umsetzung ich ebenfalls beteiligt war.
Für die Royal Canin Seiten wurde auf XHTML, jQuery, CSS3, CSS3 PIE für Internetexplorer und SVG-Gradients gesetzt. Zur Erzeugung der CSS-Dateien kam zudem SASS ins Spiel. Die Kommunikation mit den Typo3-Backend erfolgt dabei sowohl über XML wie auch JSON. Weiterhin fand Photoshop, SVN und Redmine sowie der Dienst Issuu zur Darstellung von eingebetteten PDF-Dokumenten Anwendung.
Für ILS bestand die Aufgabe darin eine Adoption der bestehenden Desktop-Seiten für mobile Endgeräte auf iOS, Android und Windows Phone 8 Basis bereit zu stellen. Dazu wurden dem Kunden eine Reihe von angepassten Templates, die im angemessenen Rahmen den Response Design Regeln folgen sollten, zur Verfügung gestellt. Hierbei übernahm ich wiederum die Entwicklung der Templates und JavaScripte und konnte erneut das selber entwickelte JavaScript-Framework zum Einsatz bringen, das bereits beim mobilen CinemaxX Ticketshop Verwendung fand.
Zum Einsatz kam sowohl HTML5, CSS3 auf Basis von SASS und ECMAScript 5. Weiterhin fand Photoshop, SVN und Redmine Verwendung.
Für den Kinderbekleidung und Spielzeughersteller JAKO-O sollten für die Shop-Seiten - ursprünglich unter besonderer Berücksichtigung von Accessibility & SEO-Gesichtspunktzen - neue Templates entwickelt und dem externen Backentteam zur Verfügung gestellt werden. Hierbei war ich in einem zweier Team der leitende Frontentendwickler und im Besonderen für die JavaScript-Programmierung verantwortlich. Aufgrund von extrem starker Fragmentierung der Aufgabenbereiche und Unstimmigkeiten zwischen den Projektbeteiligten über Umfang, Art und Ausführung der Aufgaben kamen die bereits entwickelten Templates letztendlich allerdings leider nicht zur Verwendung.
Für JAKO-O wurde auf XHTML, jQuery, CSS3, CSS3 PIE für Internetexplorer und SVG-Gradients gesetzt. Die CSS-Dateien wurden dabei aus SASS-Dateien erzeugt. Neben Photoshop fanden zudem SVN und Mercurial sowie Redmine Anwendung.
Neben den deutschen Royal Canin Webseiten war ich auch an der anfänglichen Entwicklung der internationalen Produktdatenbank (ICD) beteiligt. Hierbei handelt es sich um ein internes Verwaltungstool für alle Royal Canin Niederlassungen weltweit. Neben dem Entwurf des Designs der Benutzeroberfläche und der letztendlichen Entwicklung in XHTML, CSS und jQuery war ich die erste Zeit zudem mit in der Backendentwicklung im Bereich Ruby on Rains involviert.
Neben den standardmäßigen XHTML, CSS, und jQuery Elementen zur Entwicklung des Frontends kam noch Ruby on Rails als Backendkomponente hinzu. Die Kommunikation zwischen Front- und Backend findet dabei auf vielfällige Weise per Ajax über JSON und XML-Schnittstellen statt. Des weiteren wurde Photoshop, SVN, Redmine eingesetzt.
Im Rahmen eines Pitches wurde für Lufthansa u.a. der Prototyp eines internes Verwaltungstools zur Optimierung der Abläufe und der anschließenden Verwaltung & Adoption von Newslettern entwickelt. Bei diesem Projekt lag die Besonderheit vor allen im knappen Zeitbudget begründet (ca. 2 Tage). In kleinerem Maße kamen zudem noch Anpassungen, bzw. Implementierungen des HTML-Prototypen in das Ruby on Rails Backend hinzu.
XHTML mit CSS3 auf Basis von SASS, jQuery und Backendkomponenten auf Ruby on Rails Basis. Die Kommunikation mit dem Backend fand per Ajax und XML-Schnittstelle statt. Ebenfalls zum Einsatz kamen Photoshop, SVN, sowie Redmine.
Neben den vorherigen Beispielprojekten war ich noch an einer Reihe weiterer Projekte unterschiedlichster Art und Umfang beteiligt und / oder allein verantwortlich. Dazu zählten z.B. Facebook-Seiten für Bosch, Bonprix oder Base, Landingpages für Microsoft Deutschland, HP oder Procter & Gamble, Newsletter für Navigon, Microsoft und Hurtigruten, sowie iPhone Dummy Apps für Lufthansa Miles & More oder Celesio, bis hin zur Templaterserstellung für interne Verwaltungssoftware für Red Bull
XHTML & HTML5, CSS 2.1 & CSS3, SASS, JavaScript, jQuery, JSP, OpenCms, Facebook Social Plugins, Titanium mobile und andere.