Jan-Henrik Hempel

Profile

Jan-Henrik Hempel

Hello, I am Jan-Henrik Hempel.

I work as developer, architect and consultant for web, app and software solutions. With roots in web and software development, I work with a strong conceptual and technical background.

Having 20 years of professional experience in web development and software engineering as well as founding and coordinating development teams brings solid technical knowledge into my work.
At least 10 years of experience as a project and account manager and a master's degree in business administration help me to focus on hard facts like business goals, budget, time to market and productivity.

In the past 7 years I have focused on IT consulting including strategic planning, product management, project management and process creation for larger companies in international project teams in the area of e-commerce and content publishing.

In 2016 a new area began with the founding of MOTOR Digital - a web and software agency for technical realisations of web solutions.

1996 - 1999

Internet enthusiast, hobby web developer and engaged organiser.

Founding of some online platforms, e.g. the first Berlin online portal „BerlinProjekt“.

Part-time web developer at pixelpark AG, located in Berlin.

Benno Wiedfeld - former IT director at pixelpark AG: +49 172 3892847

1999 - 2001

Producer (team leader) at pixelpark AG, located in Berlin.
Founding and management of a developer team for frontend production of e-commerce projects.

Benno Wiedfeld - former it director at pixelpark AG: +49 172 3892847

2001 - 2003

Self-employed web developer and technical project manager.
Web development for various online agencies located in Berlin.

Compulsory civilian service at ProSeniore Krankenheim (medical facility), located in Berlin.
Assistant of the Quality Management Representative with involvement in the ISO 9001 certification process.

2003 - 2007

Cooperative studies of business administration at the University of Applied Sciences "Beuth Hochschule für Technik", located in Berlin with international semester at Helsinki Polytechnic Stadia.
Master’s degree in business administration with focus on economic computer science and a thesis on software product and project management.

Prof. Dr. Dieter Pumpe - dean at Beuth University of Applied Sciences Berlin: [email protected]

Web developer and software engineer at form4 GmbH & Co. KG, located in Berlin.
Web and software specification and development including integrations to legacy systems and model driven architecture.

Oliver Meimberg - owner and managing director at form4: ‭+49 177 7851835

2007 - 2010

Director of the web unit at form4 GmbH & Co. KG, located in Berlin.
Founding and management of the web unit with focus on sales, consulting, account management, project management, project controlling and team building. The unit grew to be the major part of the company.
I’m proud to have played a part in its sustainable growth.

Oliver Meimberg - owner and managing director at form4: ‭+49 177 7851835
Ulrich Meyer - former CTO at Aperto AG and BBDO Interone: ‭+49 152 51603978

2011 - 2015

Independent IT consultant for globally active enterprises.

Consulting and project management with focus on IT strategy, system analysis, requirement engineering, technical conception and software architecture in national and international projects and teams.

Michael Meister - director digital applications at Gebr. Heinemann: ‭+49 151 57167746
Julia Sartiono - former it director at Heinemann Asia Pacific (Singapore): +49 151 62875391
Florian Schindler - former director at BBDO Berlin: +49 163 2858278
Benno Wiedfeld - managing director at The unbelievable Machine Company: +49 172 3892847

Since 2012 CTO at Poachee including the platform develoment.

Christof Zahneissen - owner and managing director at Sternwald: +49 170 5656002‬

since 2016

Digital consultant, managing director, software architect, lead developer, full stack developer, frontend developer and jack of all trades at MOTOR Digital.

MOTOR Digital realises digital solutions with a passion for quality.


Web profiles:

Skills

My typical positions in the past were at mid-size and large consulting companies and web software agencies, as well as national and international corporations and organisations.

In my projects I support the scoping, planning, conception, realisation and optimisation of web, app and software solutions through the whole product life cycle. My strength (and passion) is a technical deep dive in all of these roles.


There is often a great idea, a certain need or an unsolved problem. The challenge is to manage the transition towards a solidly planned project without losing the vision.

Within this process, I

  • create, validate, sharpen and consolidate business cases,
  • define the project scope,
  • carry out a requirement analysis,
  • set up the project including planning, prioritisation, definition of phase models and rollout plans,
  • carry out a risk analysis, and
  • evaluate and select technologies and software systems.

Every web and software solution needs specification, which has been carefully thought through. A consistent, solid and extendable concept, comprising all details will create the outstanding difference.

To create concepts and specifications, I

  • specify the requirements,
  • create the functional specifications including wireframes, click dummies and prototypes,
  • formulate acceptance criteria,
  • define the technical specifications including technology and system evaluation, and
  • design the software architecture.

Ideas and concepts are worthless, if they are not realised. Bringing the vision to life and creating an up and running solution is a key factor for generating business value.

To realise client solutions, I

  • carry out technical project management,
  • design the system and software architecture,
  • organise the realisation of prototypes, proof of concept development, complete realisation,
  • integrate the system into new or existing infrastructures e.g. ERP-, CRM-, DMS-integration
  • carry through quality assurance, test planning, automated tests, and
  • produce software documentation and training.

As requirements change all the time, the software solution should be adjusted to the actual needs. Finding out what is needed and what makes the solution even better is an ongoing process.

To measure and optimise, I

  • question, evaluate and refine the scope,
  • plan, develop a concept and realise within the context of existing systems and infrastructures,
  • measure and analyse existing systems for example on performance, conversion, usability, accessibility, code quality,
  • plan regression testing,
  • do user tracking and process monitoring, and
  • refactor or migrate ruinning systems to new technologies.

Technology Skills

The most important technology skill is to be open minded and able to learn new technologies. Because the world is turning - and in software business it's fast - there are always important experiences from the past and passionate skills from the present.


Technologies I love a try to place in projects, if they match the requirements:

Technologies:

  • HTML, semantic markup
  • CSS, transitions, animations
  • Javascript
  • Responsive
  • Performance
  • SVG, animations
  • REST
  • oAuth

Frameworks and Components:

  • SCSS/SASS, Bootstrap, Materials
  • NodeJS
  • GulpJS
  • GatsbyJS
  • Nunjucks
  • LoopBack
  • CouchDB
  • Elasticsearch/Searchkit
  • Docker

SaaS solutions:

  • Contentful
  • Podio
  • Cloudinary
  • Algolia
  • Netlify
  • AWS
  • Zapier
  • Built.io

To summarise technology experiences from a timespan of 20 years is not possible at all - but the following lists will give an impression of my personal technical background.

Frontend:

  • HTML, XHTML, HTML5, …
  • CSS, SCC, SASS, Transitions, Animations, Bootstrap, Materials, …
  • Javascript, jQuery, AngularJS, React, Open Layers, …
  • Responsive, Mobile, Accessibility, …
  • Performance for Delivery, Rendering, Loading, Building, …
  • SEO, SEM, …
  • SVG, Fonts, Icon Fonts, Sprites, …

Backend:

  • PHP, Symfony, Zend, …
  • Javascript, NodeJS, GulpJS, BackboneJS, …
  • Java/J2EE, MDA, …
  • REST, SOAP, XMLRPC, …
  • XML, XSLT, Fop
  • CouchDB, Couchbase, MySQL/MariaDB, PostgresQL, Oracle, ORM, …
  • Elasticsearch, Lucene, SOLR, …

Systems:

  • Contentful, Podio, NetlifyCMS, TYPO3 CMS, Wordpress, Drupal, eZ, Alfresco, Liferay, …
  • Jekyll, GatsbyJS, Nunjucks, Jade, …
  • Cloudinary, Algolia, Google APIs, …
  • Apache, Nginx, Netlify, AWS, Docker, Jboss, …
  • Varnish, Squid, Memcache, Redis, …
  • Google APIs, Mixpanel, Intercom, Zapier, Atlassian APIs, …

08.2017 - 05.2018 architecture and technical realisation

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

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

10.2017 architecture, technical realisation, and documentation

Centralised contact forms for all Bahlsen websites

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

06.2017 - 10.2017 technical realisation

New website for Louisenlund

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

05.2017 technical realisation

Bombardier ON:TRACK accelerator program website

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

10.2016 concept, design, and realisation

New website for NAK Architekten

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

2015 requirement analysis and project management

huGO Checkout: a generic checkout solution for paid content

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

2015 technical support, maintenance, and development

Paid content news magazine NZZ.at

Technology Stack:

  • Wordpress as editors backend.

  • PHP/Javascript for the subscription module.

  • Fastbill for monthly subscriptions and recurring payments.

  • huGO as content hub.

  • Mixpanel for analysis.

  • Intercom as CRM and support solution.

  • Docker for easy to use development environment.

read more

Tech 4. May. 2018

The real value of JAMstack

It’s not a secret that I am a fan of JAMstack websites. Like REST - which is basically using the core communication of HTTP - JAMstack is basically about using static websites - with some more around.

Static websites alway were great due to:

  • best possible server side loading performace,
  • best security, and
  • low complexity.

Well, there are some downsides like the question how to manage the content by editors, using dynamic and personalised content and so on.

read more

Tech 20. Mar. 2018

Podio as CMS for a JAMstack website

In context of a collaboration tool evaluation for a client some years ago, I had first contact with Podio. And the most amazing aspect of Podio is the flexible data model. Together with all the other features, that makes Podio the perfect tool for internal data management.

Using Contentful in some web projects and trying out the built.io content stack, the concept felt quite familiar and I decided to have a second look at Podio - now as CMS for websites.

read more

Tech 4. Dec. 2017

An evaluation of NetlifyCMS

Netlify is doing a really great job with their hosting and build platform - specially for JAMstack addictive persons like me.

With NetlifyCMS they brought an idea to code, which for sure other developers had before as well - using git as content repository.

read more

Tech 2. Jun. 2017

Using GulpJS as website generator

Usually “GulpJS is a toolkit for automating painful or time-consuming tasks in your development workflow”. And that’s what we are using gulp for most of the time. Specially the asynchronous approach combined with controlling the flow as parallel or serial tasks and the pipelining make gulp quite powerful.

read more

Tech 20. Apr. 2017

MOTOR Digital meets built.io

MOTOR is constantly looking for great software and service solutions, which can be used as flexible components for different kinds of projects.

read more

Tech 11. Nov. 2016

Mac Port Forwarding by Ghostlab

If you are using Ghostlab anyway, you could use it as well for port forwarding - because in fact the tool is exactly doing this.

In addition use a DDNS service and a port forwarding on your router and wow - the external request goes directly through to my docker container.

read more

Legal notes

Imprint

Jan-Henrik Hempel
Schlatkow 6, 17390 Schmatzin, Germany
Phone: +49 175 1661003
Email: [email protected]
VAT No.: DE 225921172

Brand

"J2H" is a registred brand of Jan-Henrik Hempel with registration number 30674918 at Deutsche Patent- und Markenamt.

Technology Stack

All contents are written in Markdown format.
The frontend is built based on Bootstrap and jQuery.
Icons are sourced by web fonts Bootstrap Glyphicons and Socicon.
The rendering is done by Jekyll.
Hosting made possible by GitHub Pages.
For HTTPS and CDN cache Cloudflare is used.
The web tracking is based on Google Analytics.

Copyright

All content including text, pictures, media assets and others is owned by Jan-Henrik Hempel. The copying and use of content has to be approved explicitly in written form by Jan-Henrik Hempel.

Privacy Note

The hosting of the website is done by GitHub Pages. By accessing this website GitHub and CloudFlare are able to collect usage data. You can find more details here: privacy policy of GitHub Pages and privacy and security policy of CloudFlare.

Google Analytics is used for web tracking. This is used forstatistical analysis with regards to quality and quantity of usage of the website. No personal data is gathered. You can find more details on the privacy policy of Google Analytics here. To avoid tracking by Google Analytics, please use tools like Ghostery or block the tracking by activating this function from Google Analytics.

Social sharing features have been implemented with static links only. That means that no elements are retrieved from external social media platforms and no user tracking from these platforms is possible on accessing this website.