Websites Portfolio 2019


This is the portfolio that highlights the work I've done up until now. For me, a project that is challenging and solves a universal problem are the ones that give me most joy and motivation.

Website to scale

For fintech startup VIVE I was responsible for building the company website. It runs globally on amazon infrastructure with scalability in mind. Because it is built with modern tools like Hugo, it can reach incredibly fast compilation times of 50.000 articles in a few seconds if necessary.

viveapp website shown on all devices
projectVIVE company website
clientVIVE
skillsJavascript, CSS, Html, Webpack, Gulp, Hugo, Forestry, AWS
linkwww.viveapp.com
description The site is fully translated in Dutch as well as English and is GDPR compliant.


360+ pharmacies

With over 360 locations Benu is the largest chain of pharmacies in The Netherlands. My role was to transform the static UX design into a working front-end that looks great on any device and has smooth interactions.

benu apotheken website shown on all devices
projectBenu Apotheken
clientOnline Department
skillsJavascript, CSS, HTML, Hugo, Gulp, Webpack
linkwww.benuapotheek.nl
descriptionMy favourite part of this website is the way the menu works. On desktop as well as on mobile, they are completely different. Feel free to check them out!


Pixel-perfect

I like to work closely with designers as they have a keen eye for aesthetics. I see it as my job to copy the design into a pixel-perfect state.

hp staal website shown on all devices
projectHP Staal
clientDutch Portfolio
skillsVanilla JS, CSS, HTML, Wordpress, Gravity forms
linkwww.hpstaal.nl
descriptionThere's this feature on the site where a visitor can generate a quotation. This was the most challenging part because this component is used throughout the site, in slightly different variations. I kept everything in the gravityforms DRY. Great succes!


Quality Journalism

The NRC website got redesigned, and I supported in a team of 5. In this high-energy environment code quality was critical.

projectNRC 2.0
clientNRC Media
skillsSASS, JS, NPM, Webpack, Git, BEM Methodology
linkwww.nrc.nl
descriptionThe website needed to support IE9, so no flexbox. I built parts of the homepage, paywall and alert banners.


Making stuff responsive

I worked on refactoring a project that specifically focused on writing new style framework for the homepages for the homepage of twinfield.

projectTwinfield responsiveness
clientLukkien, Twinfield
skillsCSS, PHP, jQuery, Wordpress, Git, Responsive, cross-browser
descriptionThere was a lot of hardcoded content, which was quite challenging. Also, this project also focused on fixing cross-browser compatibility. Lukkien has some great testers that do a great job. I like this level of quality.


Foam, so much foam.

I helped an agency completely refactor a website. This was a running project for more than a year. This project was a whole lot of cleaning out code, image resizing, creating consistent margins, cropping and optimizing images. And writing documentation.

clientLukkien
skillsPHP, JS, CSS, Wordpress, Illustrator, After Effects
linkwww.hsv-pi.nl
descriptionI remember the most challenging part of the project is creating a textblock on every page that had a complex shape. It needed to grow in size without stretching. I got it to work with some gradients and an svg.


Animation studio

Refactoring and maintenance on a website for an animation studio

projectkeyframe.nl
clientRob Buitink
skillsPHP, JS, CSS, Wordpress
linkwww.key-frame.nl
descriptionIt's common for editing a website more than maintaining one. The most challenging part of this project was figuring out how to disable the escaping of the right set of strings, so glyphicon could be added.


 

Usable websites

For this project I built the website and helped the client with content management in multiple training sessions.

projectIJconsulting.nl
clientMarianne Janssen
skillsPHP, JS, CSS, Wordpress
linkwww.ijconsulting.nl
descriptionGiving training in updating content is great. The site build itself was very easy, with best practices and a modern website template, secure hosting etc. In general it's been an easy ride and a great client.


Pixel perfect design

Small websites are still websites. The avionos conference in 2016 needed a microsite, I built this Wordpress minisite from a Sketch design.

projectAvionos dreamforce
clientConcept M
skillsPHP, Wordpress, CSS, Responsive
linkwww.avionos.com/dreamforce
descriptionA Wordpress one-pager with responsive elements.