Project 05.2018 frontend development

Design adjustment of the Bahlsen Group corporate website to their new CI

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.

read more

Project 08.2017 - 05.2018 architecture and technical realisation

Online search for the scientific database SPLASH-DB of Max-Planck

The initial goal of the clients project was to migrate the scientific online database from Drupal to TYPO3 while introducing some optimisations at the same time.

The website in fact is is a huge database with some content around and the major focus is a powerful and fast search, an easy and light navigation, the clean content preseantation and handling the data management requirements of the diversified editions pool.

Technology Stack:

  • TYPO3 CMS due to a strict client policy.

  • Elasticsearch as strong fulltext search engine.

  • Searchkit (React) for an as-you-type search experience.

  • Open Layers for an interactive data map.

  • Bootstrap with SASS.

  • GulpJS to compile all frontend resources.

  • BackboneJS as menu controller.

  • FullpageJS for a nice entry page.

  • Docker for easy to use development environment.

read more

Project 01.2018 lead developer

USB stick fullscreen videoplayer for DKMS

The DKMS communicates and promotes its activities among other things through lectures in companies, universities, organisations etc.

MOTOR Kommunikation produced a modular film to support the presentations. There are several chapters, each with a thematic focus and optional subchapters with more detailed information for each chapter. The screening of the film will then be embedded in the live lectures. Depending on the target group and focus of the presentation, the subchapters should be played or skipped. This required a special video navigation to allow the presenter to control which chapters should be played.

Technology Stack:

  • GulpJS to compile all frontend resources to a single file.

  • ElectronJS for native Windows and Mac player.

read more

Project 10.2017 architecture, technical realisation, and documentation

Centralised contact forms for all Bahlsen websites

In the context of several new brand websites at Bahlsen, there was a requirement to align the contact forms on all brand pages with the form on the corporate website in order to harmonise the contact forms as a whole.

The brand pages are partly based on different technologies and so the implementation of the forms must take place several times despite the same requirements. Several different solutions would exist for subsequent adjustments.

Since the goal is to harmonize the contact forms, while at the same time creating multiple technical implementation both initially and in future maintenance, it made sense to centralize the contact forms.

Technology Stack:

  • Bootstrap in isolated mode.

  • jQuery in strict no-conflict mode.

  • jQuery i18n for custom texts by embedding sites.

  • jQuery validator for a nice webform experience.

  • GulpJS to compile all forms, frontend code and webhook endpoints.

  • Docker to simulate third-party websites, central form service and webhook endpoints.

read more

Project 06.2017 - 10.2017 technical realisation

New website for Louisenlund

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.

read more

Project 05.2017 technical realisation

Bombardier ON:TRACK accelerator program website

The Rail technology leader Bombardier Transportation recently announced the expansion of its start-up collaboration activities with the aim of developing new paths to pioneering mobility and connectivity solutions. Under the new digitization initiative of “ON:TRACK”, Bombardier Transportation is bundling a series of ambitious projects into more new digital business models that will drive the current mobility revolution.

The design appearance of the digitisation initiative - from name to logo to landing page - comes from MOTOR. “MOTOR’s “draft to done” concept perfectly supports the initiative’s idea: “to achieve joint success through teamwork,” says Claas Belling Head of External Communications Bombardier Transportation.

Technology Stack:

  • Contentful as headless CMS.

  • GulpJS to render the entire website.

  • Nunjucks as template engine.

  • Cloudinary as image transformation and video transcoding engine.

  • Bootstrap with SASS.

  • jQuery for effects and AJAX based webforms.

  • Zapier for webform data transmission.

  • Mailchimp intregration by jQuery webforms and Zapier.

  • Netlify for fast and easy build and CDN hosting.

  • Docker for easy to use development environment.

  • Ghostinspector for automated visual regression tests.

read more

Project 01.2017 - 03.2017 technical realisation

Project website for ADFC

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.

read more

Project 09.2016 - 02.2017 technical realisation

Relauch of the Bahlsen Group corporate website

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.

read more

Project 10.2016 concept, design, and realisation

New website for NAK Architekten

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.

read more

Project 2015 requirement analysis and project management

huGO Checkout: a generic checkout solution for paid content

To supply easy to launch solutions for publishers, Sternwald decided to create the huGO checkout. The huGO checkout is a generic checkout solutions for digital content and in the first phase made to sell ePapers as one-time purchase or subscription. Launching partner was the German publisher Der Tagesspiegel with the magazine New in Berlin and other magazine products.

Technology Stack:

  • LoopBack Framework for a straight REST API architecture.

  • AngularJS as frontend technology.

  • Fastbill for subscriptions management.

  • huGO as ePaper solution.

  • BDD/jBehave for specification and test.

  • Intercom for crm and analysis.

read more

Project 03.2016 Technical project management and Frontend Realisation

Splash page for bahlsen.com

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

read more

Project 05.2015 - 10.2015 Technical Project Management and Technical Specification

Webshop fulfillment integration for the NZZ Shop

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.

read more

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

Heinemann webshop at Sydney Airport

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

read more

Project 08.2014 - 10.2014 Technical Realisation

Website 88vier.de

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

read more

Project 08.2014 Android Frontend Optimisation

Campaign landing page with a online flipper game

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

read more

Project 06.2013 - 04.2014 IT Consulting and Project Management

Corporate Website for Gebr. Heinemann

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.

read more

Project 12.2012 - 04.2013 Project Management and Requirement Analysis

Heinemann webshop rollout to Norway

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.

read more

Project 09.2012 IT Consulting and Tool evaluation

Evaluation of collaboration platforms for EnOB

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.

read more

Project 2012 Design finetuning and Technical realisation

Website for the composer Enis Rotthoff

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

read more

Project 04.2012 - 08.2012 Creation and Technical realisation

Website schulradio-network.de

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.

read more

Project 2012-2013 Technical project management

Heinemann career and recruiting portal

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

read more

Project 2012-2013 IT consulting

Heinemann inside intranet

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

Technology Stack:

  • Microsoft Sharepoint

read more

Project 08.2011 - 01.2012 Project Management

Online campaign "Bernd HĂ€usels Bausparplan"

“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.

read more

Project 01.2011 - 06.2011 Project Management

Online campaign lbs-bausparfoerderung.de

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.

read more

Project 05.2011 - 03.2016 Frontend Realisation and Maintenance

MAN FEA Reports

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.

read more

Project 2011 Concept and Design

Website form4.de

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.

read more

Project 2010 project management, frontend development, and accessibility tests

Multichannel publishing plattform and accessible website for Rote Liste

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

read more

Project 2009 conception and screendesign

Concept and design for the DGB mobile app

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

read more

Project 2009 frontend development

Technical realisation of the "60 years DGB" anniversary page

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

read more

Project 2009 project management, requirement analysis, and java development

Bosworth Copyrightline Database as RIA application with ZK

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

read more

Project 2008 project management and lead development

Relaunch of the foundation website of the Berliner Philharmoniker

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

read more

Project 2008 architecture and technical realisation

Enterprise Document Management System (DMS) Alfresco for the Berliner Philharmoniker

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

read more

Project 2005 Design and Technical Realisation

Website for the novel Der Duft des Kaffees

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

read more

Project 2005, 2015 Design and Technical Realisation

Website for the director Veit Helmer

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

read more

Project 2005 - 2008 frontend development and java/j2ee development

Mobile data entry solution in logistics for Aluplast

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

read more

Project 2002 Technical realisation

Website stoiber.de

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

Technology Stack:

  • PHP

  • Javascript

read more

Project 2002 - 2010 software development and lead development

Extensive catalogue, presentation and ordering system for LEONARDO

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)

read more

Project 2001 Software development

Webbased software for glcbw.de

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

read more