background graphic

Digital Playgrounds

Welcome to Jeroen's collection of web development, tech experiments and digital-physical interfaces

Talentefinder

React, styled components, Redux, Storybook

frontend development

Talentefinder is the number 1 match making application for career events. Recruiters and talents can use the match making interface to find the perfect career opportunity and the class' best talents.

In 2021 the application held over 100 events with more than 35000 talents. As the frontend developer of this team, I ensure that the application runs smoothly and that new features are implemented effectively. Some of my proudest achievements include: implementing localisation, implementing updated brand identity, developing the job platform with payment subscription and much more.

visit marketing site
Talentefinder main

Heysports

React, NextJs, MUI, Strapi

Frontend development

Heysports.io is the place for finding fitness and yoga studios in the Basel, Bern, Luzern, St Gallen and Zurich. The site offers users an overview of the studio details and interesting articles for improving your lifestyle

For this site I developed the frontend, created the component library, integrated the filtering functionality with map and appealed to the search engine gods.

heysports.io
Heysports landing pageHeysports studio overview page

Top secret

React, Mapbox, Wordpress CMS

██ █████
███ ███████

███ ███ ██████ ████ ██ ████ █ █████████ ███ █████ ██ ████████ ████████ ███ ██████ ██████ █████ ██ ██████ ██ ██████ ███ █████ ████ ██ █████ ██ ███ ██ ███████ ████████ ██ ███ ████████████

███ ████ ██████ █ ███ ████████████ ███ ███ ████████ ███████████████ █████████ █ ███ ███ ████ ████████ ██ █ ████████ █████ ███ ██ ████ ██ ███ ███████████ ████ ███ █ █████████ ███████ █████ ███ ███████ ██ ████████

DHI GRAS - Development

React, Mapbox

Design, web development

Between 2018 and 2020, I have been working at DHI Gras where I was responsible for almost all digital output.

The web development focussed on online data viewers and portals through which we raised awareness for our products and projects. I streamlined the design, implemented a mobile-friendliness focus and improved the techstack to include the most modern frontend frameworks.

It resulted in over 2 dozen viewers and new ways of sharing and promoting our work.

see the portals
dhi gras development maindhi gras development second

DHI GRAS - Design

Wordpress, Elementor, After Effects

Design, motion animation

During my time at DHI GRAS, I was responsible for defining a graphic style and increasing the organisation’s online presence.

This required us to esteblish a online brand identity and a streamlined tone for communication. It resulted in a new DHI GRAS website developed in Wordpress with Elementor, and dozens of SoMe videos that have gained significant online attention.

more details
dhi gras design websitedhi gras design videos

Darkweb

P5.js HTML CSS

concept, interaction & visual design, web development

Dark Web is an internet-based digital music release by sound artist Morten Poulsen.

Through a combination of composed music and interactive visuals, Dark Web creates space and time for Deep Listening.

Audio implementation by Martin Sohn Østergaard. Visual Design and Interaction Design by Jeroen Derks.

direct darkweb access
darkweb_1darkweb_2

Reitzenstein

React, Rellax

concept, design and development

Reinhard Reitzenstein is the allegorical minimalist. If you have to ask, you'll never know....

The website shows an overview of 30 years of Reitzensteins work. The order is reordered on rerender while the parralax scoll represents the non-linear flow of the natural world. Which description is inversed?

www.reitzenstein.art
Reinhard mainReinhard second

Chemical Reactions

Unity, Contentful CMS

development

at YOKE for:

Nobel Museum Dubai

An interface designed to teach people about chemical reactions.

The visitor is offered physical blocks that represent chemical elements. By combining the right elements they can trigger information and video material of their specific chemical reaction.

chemicalReactions1

Rebekka Borum

P5js

concept, design and development

Rebekka is an Aalborg based painter. Her website is inspired by the geometrical, balanced shapes of her paintings.

In addition her fans have the possibility to digitally reconstruct her artworks in the opening graphic on the landing page.

www.rebekka-borum.com
Rebekka Borum mainRebekka Borum second

Jeroen Derks

Seniored React developer with a love for design and heaps of experience with Maps, Design systems and Localization.
Enjoy working with Typescript, NextJs, MUI, and love learning more

Born in the Netherlands

Educated in Denmark, living in Berlin

mug_shot

Favorite experiences:

Frontend developer/ LAUDO

Berlin, DE/ 2020 - current

Frontend developer and designer/ DHI GRAS

Copenhagen, DK/ 2018 - 2020

Developer and interaction designer/ YOKE

Copenhagen, DK/ 2017

VR post production assistent/ Makropol

Copenhagen, DK/ 2017

Research assistant and co-author/ RELATE AAU

Aalborg DK/ 2017

Education:

Art & Technology BA/ Aalborg University

Aalborg, DK/ 2013 - 2016

International Communication and Media BA/ Utrecht UoAS

Utrecht, NL/ 2008 - 2013

CV