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.

Goto the website: https://ontrack.bombardier.com/ (offline)

The technical implementation fully lives the start-up spirit. At the front it is a static website hosted on Netlify’s high performance CDN and with responsive images and videos from the Cloudinary service. Behind the scenes is the modern JAMstack based on GulpJS. The ON:TRACK team does not see all this - the content is managed in the API-first CMS of the Berlin company Contenful and all user communication goes through Zapier workflows into the right internal channel.

The architecture is slim, focused, flexible and scalable and of course fast, stable and secure.

Responsibilities:

  • Architecture.
  • Technical realisation of the frontend and backend.
  • Integration with third party systems.
  • Ongoing maintanance.

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.