Building a multilingual bicycle mobility website.

client
Team Koen
product
Custom multilingual WordPress website
Klaver Fietsparkeren preview>

Project description.

Klaver Fietsparkeren is a unique Dutch company with expertise in the field of bicycle mobility. They have been leading and innovative in the bicycle parking world for more than 30 years. By introducing front fork support, they have provided a suitable bicycle parking solution at many renowned companies at home and abroad. After a few years, the website was ready for renewal. The technical side of the story could also use an update: the switch to WordPress offered many advantages over their previously used CMS. Team Koen delivered a brand new design and asked me to take care of the technical realization and convert it into a custom multilingual WordPress website.

Development.

The design has been accurately converted from Adobe XD into a completely custom WordPress website with SVGs and icon fonts where possible for their crisp, clean look and fast loading speed. A projects and products module has been built in with modular components, which makes it possible to easily set up landing pages using a custom builder in ACF. For multilingualism, WPML is integrated and configured to split multilingualism into different domain names. A language selection menu has been implemented and formatted in the header so that the user of each page can change the language.

Optimizations.

During development, all script libraries are managed via Node.JS/NPM, so that the latest version can always be easily deployed (think of Bootstrap, Fontawesome etc.) and task runners are used with Gulp.js to compile all SASS and JavaScript to minified and combined scripts. In addition, the scripts ensure that images are lazyloaded and where possible scripts are loaded in the footer. This ensures that a minimum number of requests is maintained, which greatly benefits the speed. Since the website has been developed responsive and “mobile first”, the site works optimally on every device and can also be viewed for every device and potential customer.

Klaver Fietsparkeren case image>

Development tools.