After getting familiarized with Bootstrap 3, I wanted to know more about using Bootstrap 4 and its features, so I made a mockup of a portfolio that uses Bootstrap 4. This is the result.
The website also experiments with loading the subpages through JavaScript persistently without switching out the main page and header/footer.
2017-2018
In 2017, a webpage was made from scratch for a small game development community, Spherical. The old version of the site did not communicate properly what the Sphere game engine or community really was. The new front page aimed to fix that.
In 2018, a custom theme was also made for the forums, matching the main site.
2017-2018
I have created and edited several websites for Kroon Webdesign for several different clients, including:
And many others.
Besides setting up small WordPress websites with a selection of themes and plugins, I have also edited and developed custom functionality on top of them by leveraging WordPress’ PHP API. One example of this is the Members page on BV Hilversum, which includes a custom display of the profile page and listing.
Custom PHP/HTML/CSS/JS work has also been done, for example for the HTML version of Voila’s annual report of 2017. (This work has been done through the marketing agency Concentus.) The CMS that their annual report is displayed in is based on PHP and needed some adjustments and additions to the code as well.
On each of my projects, I tend to have a lot of feedback and advice I can give back to the organization so that it can have an idea of possible future improvements and changes in their system, content and their online offerings.
2018
This was a project for Morgenwerk.nl, an online job agency that wanted to improve their online job application platform by making it fully responsive (mobile friendly).
A lot of work was put into reflowing the content on mobile devices so that phones also become a first-class citizen for the platform.
Morgenwerk’s web app is coded in Ruby, Haml and uses Bootstrap 3 so I learned how to use these effectively. I also learned a lot about Bootstrap 4 and cherry-picked features from it to put into the website.
2018
This was a freelance project for Kroon Webdesign in which custom user profile functionality was made for the website of BV Hilversum.
The functionality is based on the WP User Manager plugin, with heavy theme and PHP modifications to display the user listings and profile in its own way and with its own custom fields. Each member has the option to log in and edit their own details and nothing else.
2017-2018
An all-new WordPress website made for professional marriage photographer Patricia Bollen. Responsive design with a focus on simplicity and usability. Basic SEO techniques and page speed optimizations have been applied while staying relevant to actual visitors (so no meaningless fluff).
2017
A website made during my internship at Green2B. The design displayed here has been made anonymous for confidentiality reasons. My involvement with the project is done, but I am proud of the general design of the web page I put together.
2016-2017
I worked at web marketing company Green2B for five months, developing and updating several different WordPress websites and learning how to manage a server.
I made and improved several websites, including (but not limited to):
All web pages were made to be fully responsive, so that they function well on both phones and desktops.
After experimenting with it for a while, I’m really happy about the power and flexibility they offer. It didn’t take long to get used to the paradigm of “hey everything is built out of rows and columns and you can tell the browser to position them in different ways”. Compared to the whole thing that’s about messing with floats and clearfixes, this for once doesn’t feel like it’s a hack.
And grids offer complete flexibility in the way you line things out vertically, too.
2015-2016
A portal hub for Telefang.net, a fan community based around the Japanese video game Keitai Denjuu Telefang. The visuals are based on in-game graphics. Coded from scratch with HTML5, CSS and JavaScript.
