Selected Project References

Project 06.2018 technical realisation

The association for democratic culture in Berlin (Verein für Demokratische Kultur in Berlin e.V.) is active against right-wing extremism under the title “Berlin against Nazis”.

With the campaign “One Cent Against Nazis” a tool was created to communicate ad hoc campaigns against Nazi marches online and to call for donations. The special feature: one cent is donated per Nazi appearance. Thus each Nazi contributes to the fact that for a good (not right) purpose is donated - e.g. for the sea rescue of refugees.

Technology Stack:

• Markdown directly at GitLab as content storage.

• GulpJS to render the entire website.

• Nunjucks as template engine.

• Bootstrap with SASS.

• GitLab Ci/CD pipelines to render and deploy the website.

Project 04.2018 technical realisation

As a new website of MOTOR Kommunikation (the advertising agency) and MOTOR Digital (the internet agency) we planned to communicate in style of a campaign: “MOTOR moves”.

As technical slim but sexy solution we used markdown content files edited by NetlifyCMS and GatsbyJS to generate a hyper fast progressive website.

Technology Stack:

• NetlifyCMS as simple and markdown based content management system.

• GatsbyJS to render a hyper fast JAMstack website.

Project 05.2018 frontend development

The Bahlsen Group reworked their corporate identity. Thus the corporate website needed some design adjustmets and news features.

While working highly automated with git flow based deployments, automated regression tests, docker baseed development environment and seperation of test anf production systems, we were able to refactor the frontend without being afraid to break down the whole system.

Technology Stack:

• TYPO3 CMS for a hierarchical and multi-country website.

• Bootstrap with SASS.

• GulpJS to compile all frontend resources.

• Docker for easy to use development environment.

• Ghostinspector for automated visual regression tests on deploy.

Project 06.2017 - 10.2017 technical realisation

MOTOR created the new website for the private school Louisenlund. We gave the content a user centric structure and the website got a clean and minimalistic screendesign without loosing the brand appeareance. To establish the personal touch of Louisenlund the visuals focus on the humans - therefor we did great a on-site photo shooting.

Technology Stack:

• TYPO3 CMS matches perfectly for a hierarchical and multilingual website.

• Bootstrap with SASS.

• GulpJS to compile all frontend resources.

• jQuery with AJAX for nice webforms.

• Zapier for user data transmission.

• Mailchimp intregration as well by jQuery webforms and Zapier.

• Mynewsdesk import of blog posts and events.

• Docker for easy to use development environment.

• Ghostinspector for automated visual regression tests.

Project 01.2017 - 03.2017 technical realisation

MOTOR Digital realised the website www.fahrradfreundlicher-arbeitgeber.de - a project of the EU and the ADFC.

Technology Stack:

• TYPO3 CMS due to the ADFC policy but fitting the requirements of a classic hierachical website.

• CleverReach as Newsletter solution

• Ghostinspector for automated visual regression tests on deploy.

Project 09.2016 - 02.2017 technical realisation

For the Bahlsen Group MOTOR created the new corporate website. With a content driven concept we defined a new content structure based on the actual user needs. For the screendesign we used specially designed and dynamically arranged tiles.

The whole website behaves responsvive. For the editors we followed the client policy and used TYPO3 as CMS.

Technology Stack:

• TYPO3 CMS for a hierarchical and multi-country website.

• Bootstrap with SASS.

• GulpJS to compile all frontend resources.

• Docker for easy to use development environment.

• Ghostinspector for automated visual regression tests on deploy.

Project 10.2016 concept, design, and realisation

NAK Architekten are based in Berlin and needed a new state-of-the-art website to present their work in an appropriate way. Together we created a minimalistic concept with strong focus on full screen photos of the projects they have done.

Technology Stack:

• Isotope for nice filtering.

• Jekyll as lightweight CMS.

• Cloudinary as image transformation and delivery service.

• GitHub pages for hazzle free CDN hosting.

• Ghostinspector for automated visual regression tests.

Project 03.2016 Technical project management and Frontend Realisation

In context of cleaning up the domain usage at Bahlsen, we had to switch the existing corporate website from www.bahlsen.com to the new domain www.bahlsengroup.com. Besides the relevant HTTP redirects and Google configurations we esablished a splash page at www.bahlsen.com to guide users to the right website they want to access.

Technology Stack:

• Static HTML page with responsive layout

• Excessive CSS usage for design elements such as opacity, overlays, rounded borders, arrows

• Bootstrap, jQuery and Webfonts for a rapid realisation time

• Continous integration with Distelli to automatically deliver major versions to the customer

Project 05.2015 - 10.2015 Technical Project Management and Technical Specification

In context of launching a new ecommerce platform for all webshops of a leading swiss publisher, I did the technical specification, coordination and quality assurance of the webshop fulfillment integration.

Technology Stack:

• Shopware as multi-country and multi-shop platform

• Bookit integration for delivery processes

• Docker for easy to use development environment.

Project 10.2014 - 02.2015 IT Consulting, Project Management, and Requirement Analysis

For Heinemann Asia Pacific I did the project management and requirement analysis to rollout the global Heinemann webshop solution with country specific customising as the new Heinemann tax and duty free webshop at Sydney airport.

Technology Stack:

• Magento as a Full-featured responsive webshop

• In-depth process integration with local retail business

• System integration with psp, erp and cashtills

• Integration with SAP PI

Project 08.2014 - 10.2014 Technical Realisation

With much loving detail work after a design by Silberpuls the new 88vier website (www.88vier.de) is now online. It fits seamlessly into the overall appearance of mabb (Medienanstalt Berlin Brandenburg) and is optimized for mobile devices and classic browsers.

Technology Stack:

• TYPO3 as AJAX-page and sticky player

• RealURL, Static File Cache, Scheduler and Crawler for a high peformance

• Bootstrap, jQuery and Webfonts

• Google Calendar API for collaborative calender management and aggregation

• Media Element Player

Project 08.2014 Android Frontend Optimisation

The RUV just got a fresh flipper online game and a campaign landing page. The design just worked perfect on iOS but needed some optimisation for Android devices. So I ordered a Samsung smartphone, a Samsung tablet and a Browserstack account to do make the landing page work fine on Android as well.

Technology Stack:

• Android

• Browserstack for a wides usage of mobile test devices

Project 06.2013 - 04.2014 IT Consulting and Project Management

After some unsuccessful further relaunch projects Gebr. Heinemann did another start to modernise their website. With the lead in pr and communication and a direct link to one of the managing directors, we could bring a clean and modern website online.

Project 2013 IT Consulting and Conception

The new responsive website of Abendteuer Flusslandschaft is online: www.abenteuer-flusslandschaft.de.

Project 12.2012 - 04.2013 Project Management and Requirement Analysis

For Gebr. Heinemann and Travel Retail Norway and in context of the Heinemann brand rollout I did the project management, requirement analysis and conception to rollout the global Heinemann webshop solution with country specific customising to several Airports in Norway.

Project 09.2012 IT Consulting and Tool evaluation

The scientific network EnOB liked to expand their networking activities by founding a specific online community. In this context I did a in-depth tool evaluation of several collaboration platforms.

Project 2012 Design finetuning and Technical realisation

For the composer Enis Rotthoff I realised a relaunch of his website. The goal was beside a modern, timeless and responsive website to archive a lightweight browsing experience while listening to the scores. So I created a sticky player and had to construct a complete ajax based TYPO3 template while keeping all caching and performance features alive.

Technology Stack:

• TYPO3 CMS as AJAX-page and with sticky player

• RealURL, Static File Cache, Scheduler and Crawler for a high peformance

• jQuery and Webfonts

Project 04.2012 - 08.2012 Creation and Technical realisation

Nach viel liebevoller Arbeit am Design (ein riesen Dank an Steffi) und einer schönen und sehr komfortablem TYPO3-Umsetzung ist die neue Website des Schulradio Networks der medienanstalt Berlin Brandenburg (mabb) online: www.schulradio-network.de.

Project 06.2012 - 08.2012 IT Consulting and Requirement Analysis

The B2B software “Förderkompass Engergie” of the BINE information service was developed from scratch and is now available as an online database at www.energiefoerderung.info.

Project 2012-2013 Technical project management

For Gebr. Heinemann I did the technical project management to relaunch and extend the career and recruiting portal.

Technology Stack:

• TYPO3

• Interface to the internal job database

• Online application functionality

Project 2012-2013 IT consulting

For Gebr. Heinemann I did the strategic planning and project management of the Microsoft Sharepoint based intranet called Heinemann inside.

Technology Stack:

• Microsoft Sharepoint

Project 08.2011 - 01.2012 Project Management

“Bernd Häusels Bausparplan” got online at www.lbs-modernisieren.de. The campaign website is based on the previus one but with the focus on a new topic and streamlined in context of the user journey.

Project 07.2011 app gui realisation and frontend/javascript development

Für MOTOR Kommunikation realisierte ich eine wunderschöne Smartphone-Oberfläche für die Software der Elektro-Auto-Flotte VLOTTE.

For MOTOR Kommunikation I created a beautiful smartphone interface for the software of the electric car fleet VLOTTE.

Technology Stack:

• Sencha Touch

Project 01.2011 - 06.2011 Project Management

After a video based campaign with Bernd the year before, BBDO Berlin and the LBS got over to a soft consulting approach. With a focus topic on “Staatliche Förderungen” the campaign website “www.lbs-bausparfoerderung.de” provides some basic information and easy tools for the first contact with LBS.

Technology Stack:

• Static HTML/CSS for high traffic and secure hosting.

• Dreamweaver as supporting tool for changing text contents.

Project 05.2011 - 03.2016 Frontend Realisation and Maintenance

For my Berlin friends at MOTOR Kommunikation I realised HTML based print reports of a fleet management software used by MAN and made by T-Systems.

Technology Stack:

• HTML/CSS for screen and print.

• Crossbrowser compatible down to Internet Explorer 7 incl. print styles.

Project 2011 Concept and Design

For my former employer form4 I created the informations structure and usability concept as well as the basic design for the new corporate webite. A goal was to show and connect the sevices form4 provides, the projects they have done and the articles. To guide the users and to optimise the conversions we introduced a “green path” though all the website.

Project 2010 project management, frontend development, and accessibility tests

Rote Liste Service GmbH provides information on medicinal products in various forms. These are detailed specialist information to support doctors and pharmacists and the consumer information for use. Both forms are published in print and electronic form. The Red List as a book has been providing information on drug safety since 1935 and comprised over 24,000 drugs from around 450 pharmaceutical companies in 2013.

Multichannel Publishing Platform####

Rote Liste® Service GmbH makes its data available to its users in various channels and services.

• Book edition (print)
• Websites (online)
• XML raw data for further processing

Technology Stack:

• TYPO3

• xQuery and XSLT

Project 2009 conception and screendesign

DGB news, audio and video podcasts, photo galleries and press releases: The DGB app provides the latest information from the Deutschen Gewerkschaftsbund (DGB).

Technology Stack:

• Android

• iOS

Project 2009 frontend development

We have successfully completed the technical realisation of the website www.60-jahre-dgb.de for the Deutschen Gewerkschaftsbund (DGB). Design and concept were done by the agency interone worldwide.

Technology Stack:

• Static website or maximal performance

• Video broadcast

Project 2009 project management, requirement analysis, and java development

For Bosworth Music GmbH form4 implemented a database solution for the administration of copyright information for songs and lyrics as well as for the administration of publications.

Technology Stack:

• Java / J2EE

• ZK (www.zkoss.org), performance optimised

• Spring

• Lucene

Project 2008 project management and lead development

For the relaunch of the Berliner Philharmoniker website, form4 took over the technical implementation and implemented a connection of the website to Alfresco, making single source publishing possible.

The great design came from the well known agency edenspiekermann_.

Technology Stack:

• TYPO3 CMS

• Alfresco as single-source-publishing platform

Project 2008 architecture and technical realisation

At form4 we we introduced the Enterprise Document Management System (DMS) Alfresco for the Berliner Philharmoniker.

The DMS will initially be used in the communications department. The aim is to lay the foundation for a single-source multi-channel strategy for publishing content by introducing centralized and structured document management.

Technology Stack:

• Alfresco Version 2.1

• OpenOffice for single source document templates

Project 2007 - 2014 CTO, system architecture, and backend development

In cooperation with Ahuis PR we created the first legal online lyrics database at www.audiohamster.de.

The database contained around 160.000 reviewed and legally contracted songtexts.

Technology Stack:

• TYPO3 CMS as framework.

• PHP for CSV data and text file imports.

Project 2006 Technical Realisation

Designschwestern launched their award winning design magazine in 2006 with some fowwloing editions. And they got a simple website as online preseantation of the magazine and for online orders.

Technology Stack:

• TYPO3 CMS

Project 2005 Design and Technical Realisation

For the author Gerhard J. Rekel I created a website presenting his novel “Der Duft des Kaffees” and some background information to the book.

Technology Stack:

• TYPO3 CMS

Project 2005 Technical Realisation

For the documentary movie “Behind the Couch - Casting in Hollywood” I created a micro super mini website.

Technology Stack:

• Static HTML website

Project 2005, 2015 Design and Technical Realisation

For the director Veit Helmer I created his website in a minimalistic style. As well we integrated the feature film websites - as far as possible in a global navigation concept. In 2015 the website got a little face lifting and a responsive upgrade.

Technology Stack:

• TYPO3 CMS

Project 2005 - 2008 frontend development and java/j2ee development

For Aluplast, a large manufacturer of window profile systems in Karlsruhe, form4 developed a web application for mobile support of various processes in the logistics sector.

Warehouse management, order picking and inventory can now be entered via mobile handhelds with integrated barcode scanner. The system has a direct connection to the ERP system.

Technology Stack:

• Java/J2EE

• XML

• MySQL

• MS SQL Server

• iBrowse , a special Intermec browser optimized for bar code scanners and mobile devices

• CANIAS ERP, Troy

Project 2002 Technical realisation

For the elections in Germany we realised the website for the candidate Edmund Stoiber in nearly no time.

Technology Stack:

• PHP

• Javascript

Project 2002 - 2010 software development and lead development

For the company glaskoch (known by the brands LEONARDO and Montana) form4 developed an extensive catalogue management system. Based on the catalogue data, we implemented various media such as a B2B extranet, a tool for creating and tracking offers, a mobile product presentation and ordering system and a print module for issuing printed catalogues.

Technology Stack:

• Java/J2EE

• PHP

• Flash for rich media product experiences

• XML

• XSL-FO/FOP for PDF generation

• Oracle as DB

• ANT incl. development of custom ANT tasks

• MDA/Code Generator (model driven architecture with andromeda)

Project 2001 Software development

Already in 2001 the Golf- und Land-Club Berlin-Wannsee e.V. had an online platform for showing, planning and folloing golf tuniers. Here I supported the development team.

Technology Stack:

• PHP