Joris

Front-end developer

Due to his technical expertise and strong communication skills he is able to bring a wide range of benefits and knowledge to projects

already worked for:

Career

2020 — Now

Craftzing
Front-end developer

2020

Lunar
Front-end developer

2017 — 2020

Pàu
Front-end developer

2016 — 2017

Dallas Antwerp
Front-end developer

2015 — 2016

Calibrate
Front-end developer

Education

2014 — 2015

Encora Berchem Certified in Front/Back-end Development

2004 — 2007

Karel de Grote Hogeschool Photography

2003 — 2004

Karel de Grote Hogeschool Graphic Design

Languages

Dutch
English
French

Skills

Key technologies

Html, Css & Scss, Javascript, Node, Npm, Gulp, Webpack, Animations, BEM, Atomic Design, WAI-ARIA, Scrum, SEO, React, Twig, Craft CMS theme building, Grav CMS theme building, Hubspot CMS theme building, Photoshop, Illustrator, Jest, PHP, Wordpress theme building

Recommendations

Marc Walraven

Senior Lead UX Designer - VRT

“Every time I can work with Kenneth, that reassures me: then I know that we will develop a top product. Because Kenneth is a very experienced front-end developer who resolutely goes for real quality. He anticipates, thinks along with the customer, always strives for the most efficient, sustainable, flexible, inclusive and user-friendly solution. He is a true team player, does not shy away from a challenge and is always open to feedback. And, not unimportant: Kenneth is a very positive and extremely sympathetic colleague!”

Craftzing

2020 — Now

Lunar

2020

Pàu

2017 — 2020

Dallas Antwerp

2016 — 2017

Calibrate

2015 — 2016

Projects

VRT Profiel (1.0 en 2.0)

2018 — 2020

Om te voldoen aan de nieuwe Europese privacyregels hebben we een single page-applicatie gemaakt waarmee VRT-gebruikers hun toestemmingen voor opgeslagen persoonlijke gegevens kunnen regelen voor de verschillende VRT-merken. De applicatie ontving het Anysurfer-label.

Na het succes van VRT-Profiel v1.0, vroeg VRT mij om de front-end van VRT-Profiel 2.0 te bouwen. Als team hebben we een geheel nieuwe login- en registratieflow gecreëerd, evenals een nieuwe applicatie van één pagina waarmee gebruikers hun toestemmingen voor opgeslagen persoonlijke gegevens kunnen regelen voor de verschillende VRT-merken.

My assignment in this project: Senior Front-end Developer

Door te bouwen met het oog op gebruiksvriendelijkheid, won de applicatie de diversiteitstrofee voor de beste gebruikerservaring en digitale toegankelijkheid.

Overheid Vlaanderen

2016 — 2017

Een volledig herontwerp van de overheidswebsite overheid.vlaanderen.be in Drupal. Bij Calibrate werkte ik samen met het volwaardige product team om dit vrij omvangrijke project om te zetten in een succes voor zowel de opdrachtgever, de eindgebruiker als Calibrate.

My assignment in this project: Senior Front-end Developer

Applicatie ontwikkeling

2018

Als team en samen met meerdere squads werkten we samen om alle interne applicaties van DPG in een nieuw design en technologisch tijdperk te brengen. We bouwedn een atomair ontwerpsysteem op basis van gedeelde en herbruikbare componenten. En we zorgen voor maximale ontwikkeling en bedrijfswaarde op de lange termijn door micro-frontend-uitdagingen op te lossen.

My assignment in this project: Front-end Development

Email signature

Joris

Front-end developer

[email protected]

+32 468 326 020

@media only screen and (max-width: 610px) {
  table.body .container {
    width: 95% !important;
  }

table.body .columns {
    height: auto !important;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

th.small-12 {
    display: inline-block !important;
    width: 100% !important;
  }
}

@media only screen and (max-width: 610px) {
  th.craftzing__meta,
  th.craftzing__logo {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
  }
}

@media only screen and (max-width: 610px) {
  th.craftzing__meta {
    border-right: 0 solid !important;
  }
}</style><div style="-moz-box-sizing: border-box; -ms-text-size-adjust: 100%; -webkit-box-sizing: border-box; -webkit-text-size-adjust: 100%; Margin: 0; box-sizing: border-box; color: #0a0a0a; font-family: Arial, sans-serif; font-size: 16px; font-weight: normal; line-height: 1.3; margin: 0; min-width: 100%; padding: 0; padding-bottom: 0; padding-left: 0; padding-right: 0; padding-top: 0; text-align: left; width: 100% !important;"><span class="preheader" style="color: #ffffff; display: none !important; font-size: 1px; line-height: 1px; max-height: 0px; max-width: 0px; mso-hide: all !important; opacity: 0; overflow: hidden; visibility: hidden;"></span><table class="body" style="Margin: 0; background: #ffffff; border-collapse: collapse; border-spacing: 0; color: #0a0a0a; font-family: Arial, sans-serif; font-size: 16px; font-weight: normal; height: auto; line-height: 1.3; margin: 0; padding-bottom: 0; padding-left: 0; padding-right: 0; padding-top: 0; text-align: left; vertical-align: top; width: 100%;"><tr style="padding-bottom: 0; padding-left: 0; padding-right: 0; padding-top: 0; text-align: left; vertical-align: top;"><td valign="top" style="-moz-hyphens: auto; -webkit-hyphens: auto; Margin: 0; border-collapse: collapse !important; color: #0a0a0a; font-family: Arial, sans-serif; font-size: 16px; font-weight: normal; hyphens: auto; line-height: 1.3; margin: 0; padding-bottom: 0; padding-left: 0; padding-right: 0; padding-top: 0; text-align: left; vertical-align: top; word-wrap: break-word;"><table align="left" class="container" style="Margin: 0 auto; background: #fefefe; border-collapse: collapse; border-spacing: 0; margin: 0 auto; padding-bottom: 0; padding-left: 0; padding-right: 0; padding-top: 0; text-align: inherit; vertical-align: top; width: 600px;"><tbody><tr style="padding-bottom: 0; padding-left: 0; padding-right: 0; padding-top: 0; text-align: left; vertical-align: top;"><td style="-moz-hyphens: auto; -webkit-hyphens: auto; Margin: 0; border-collapse: collapse !important; color: #0a0a0a; font-family: Arial, sans-serif; font-size: 16px; font-weight: normal; hyphens: auto; line-height: 1.3; margin: 0; padding-bottom: 0; padding-left: 0; padding-right: 0; padding-top: 0; text-align: left; vertical-align: top; word-wrap: break-word;"><table class="row" style="border-collapse: collapse; border-spacing: 0; display: table; padding: 0; padding-bottom: 0; padding-left: 0; padding-right: 0; padding-top: 0; position: relative; text-align: left; vertical-align: top; width: 100%;"><tbody><tr style="padding-bottom: 0; padding-left: 0; padding-right: 0; padding-top: 0; text-align: left; vertical-align: top;"><th class="craftzing__meta small-12 large-6 columns first" align="left" valign="top" style="-moz-hyphens: auto; -webkit-hyphens: auto; Margin: 0 auto; border-collapse: collapse !important; border-right: 1px solid #D5D5D5; color: #0a0a0a; font-family: Arial, sans-serif; font-size: 16px; font-weight: normal; hyphens: auto; line-height: 1.3; margin: 0 auto; padding-bottom: 5px; padding-left: 10px; padding-right: 5px; padding-top: 5px; text-align: left; vertical-align: top; width: 290px; word-wrap: break-word;"><table style="border-collapse: collapse; border-spacing: 0; padding-bottom: 0; padding-left: 0; padding-right: 0; padding-top: 0; text-align: left; vertical-align: top; width: 100%;"><tbody><tr style="padding-bottom: 0; padding-left: 0; padding-right: 0; padding-top: 0; text-align: left; vertical-align: top;"><th style="-moz-hyphens: auto; -webkit-hyphens: auto; Margin: 0; border-collapse: collapse !important; color: #0a0a0a; font-family: Arial, sans-serif; font-size: 16px; font-weight: normal; hyphens: auto; line-height: 1.3; margin: 0; padding-bottom: 0; padding-left: 0; padding-right: 0; padding-top: 0; text-align: left; vertical-align: top; word-wrap: break-word;"><h1 class="craftzing__meta__name" style="Margin: 0; Margin-bottom: 10px; color: inherit; font-family: 'Helvetica Neue', arial, sans-serif; font-size: 14px; font-weight: bold; line-height: 1.16; margin: 0; margin-bottom: 2px; padding-bottom: 0; padding-left: 0; padding-right: 0; padding-top: 0; text-align: left; word-wrap: normal;">
                                 Joris
                              </h1><h2 class="craftzing__meta__function" style="Margin: 0; Margin-bottom: 10px; color: #5e5e5e; font-family: 'Helvetica Neue', arial, sans-serif; font-size: 12px; font-weight: 300; line-height: 1.16; margin: 0; margin-bottom: 15px; padding-bottom: 0; padding-left: 0; padding-right: 0; padding-top: 0; text-align: left; word-wrap: normal;">
                                Front-end developer
                              </h2><p class="craftzing__meta__link-placeholder" style="Margin: 0; Margin-bottom: 10px; color: #0a0a0a; font-family: Arial, sans-serif; font-size: 16px; font-weight: normal; line-height: 1.3; margin: 0; margin-bottom: 0; padding-bottom: 0; padding-left: 0; padding-right: 0; padding-top: 0; text-align: left;"><a href="mailto:kenneth.joris@craftzing.com" class="craftzing__meta__link" style="color: #E5E5E5 !important; font-family: 'Helvetica Neue', arial, sans-serif; font-size: 12px; font-weight: normal; line-height: 1.3; padding: 0; text-align: left; text-decoration: underline;">
                                kenneth.joris@craftzing.com
                                </a></p><p class="craftzing__meta__link-placeholder" style="Margin: 0; Margin-bottom: 10px; color: #0a0a0a; font-family: Arial, sans-serif; font-size: 16px; font-weight: normal; line-height: 1.3; margin: 0; margin-bottom: 0; padding-bottom: 0; padding-left: 0; padding-right: 0; padding-top: 0; text-align: left;"><a href="tel:+32 468 326 020" class="craftzing__meta__link" style="color: #E5E5E5 !important; font-family: 'Helvetica Neue', arial, sans-serif; font-size: 12px; font-weight: normal; line-height: 1.3; padding: 0; text-align: left; text-decoration: underline;">
                                +32 468 326 020
                                </a></p></th></tr></tbody></table></th><th class="craftzing__logo small-12 large-6 columns last" align="left" valign="top" style="-moz-hyphens: auto; -webkit-hyphens: auto; Margin: 0 auto; border-collapse: collapse !important; color: #0a0a0a; font-family: Arial, sans-serif; font-size: 16px; font-weight: normal; hyphens: auto; line-height: 1.3; margin: 0 auto; padding-bottom: 5px; padding-left: 20px; padding-right: 10px; padding-top: 0; text-align: left; vertical-align: top; width: 290px; word-wrap: break-word;"><table style="border-collapse: collapse; border-spacing: 0; padding-bottom: 0; padding-left: 0; padding-right: 0; padding-top: 0; text-align: left; vertical-align: top; width: 100%;"><tbody><tr style="padding-bottom: 0; padding-left: 0; padding-right: 0; padding-top: 0; text-align: left; vertical-align: top;"><th style="-moz-hyphens: auto; -webkit-hyphens: auto; Margin: 0; border-collapse: collapse !important; color: #0a0a0a; font-family: Arial, sans-serif; font-size: 16px; font-weight: normal; hyphens: auto; line-height: 1.3; margin: 0; padding-bottom: 0; padding-left: 0; padding-right: 0; padding-top: 0; text-align: left; vertical-align: top; word-wrap: break-word;"></th></tr></tbody></table></th></tr></tbody></table></td></tr></tbody></table></td></tr></table><div style="
    display: none;
    white-space: nowrap;
    font: 15px courier;
    line-height: 0;
  ">
                     
                     
                     
</div></div>

Copied to clipboard

Something went wrong, maybe try another browser?

Craftzing's Kenneth

CV of Kenneth

Joris

already worked for:

Career

2020 — Now

2020

2017 — 2020

2016 — 2017

2015 — 2016

Education

2014 — 2015

2004 — 2007

2003 — 2004

Languages

Skills

Recommendations

Marc Walraven

Craftzing

2020 — Now

Lunar

2020

Pàu

2017 — 2020

Dallas Antwerp

2016 — 2017

Calibrate

2015 — 2016

Projects

VRT Profiel (1.0 en 2.0)

2018 — 2020

My assignment in this project: Senior Front-end Developer

Overheid Vlaanderen

2016 — 2017

My assignment in this project: Senior Front-end Developer

Applicatie ontwikkeling

2018

My assignment in this project: Front-end Development

Email signature

Joris

Front-end developer