Joris

Senior Front-end developer

Kenneth is een ‘digital creative’ op het online kruispunt van design en development. Zijn uniek profiel brengt doordachte code en kwaliteit samen in een project. Iteratie na iteratie perfectioneert hij deze in samenspraak met UX-, digital designers en back-end team. Een website of applicatie is meer dan data en knoppen. Het is een ervaring dat telkens moet overtuigen.

werkt(e) o.a. al voor:

Carrière

2020 — Nu

Craftzing
Senior Front-end developer

2020

Lunar
Senior Front-end developer

2017 — 2020

Pàu
Front-end developer

2016 — 2017

Dallas Antwerp
Front-end developer

2015 — 2016

Calibrate
Front-end developer

Opleidingen

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

Talen

Nederlands
Engels
Frans

Skills

Kern technologieën

Html, Css & Scss, Javascript, NodeJS, 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

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 — Nu

Lunar

2020

Pàu

2017 — 2020

Dallas Antwerp

2016 — 2017

Calibrate

2015 — 2016

Projecten

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 bouwden 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

Senior 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;">
                                Senior 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>

Gekopieerd naar je klembord

Er is iets misgegaan, misschien een andere browser proberen?

Craftzing's Kenneth

CV of Kenneth

Joris

werkt(e) o.a. al voor:

Carrière

2020 — Nu

2020

2017 — 2020

2016 — 2017

2015 — 2016

Opleidingen

2014 — 2015

2004 — 2007

2003 — 2004

Talen

Skills

Recommendations

Marc Walraven

Craftzing

2020 — Nu

Lunar

2020

Pàu

2017 — 2020

Dallas Antwerp

2016 — 2017

Calibrate

2015 — 2016

Projecten

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

Senior Front-end developer