Bootstrap 4 exercise

Tablet view

View website mockup

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.

Spheredev.org

Desktop view, made from scratch

2017-2018

Visit spheredev.org

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.

Game: HaxePunk Shoot-em-up demos

haxepunk-4

2015-2018

Play game in browser
Git repo containing all example games

I made a little shoot-em-up game using the JavaScript-like Haxe language and the HaxePunk game library. Aim with the mouse and hold the left mouse button to shoot.

The graphics are borrowed under a free license from the classic MS-DOS game Tyrian and are copyright © Daniel Cook. Coding and music was done by me. (One of the songs was made for the then in-development game Punch Club.)

I have updated the demos recently so that they can function with the latest version of HaxePunk.

Source code for the game, as well as sources for the demo games that led up to this shmup, can be found on Github.

Freelance: Kroon Webdesign (front-end & WP websites)

Screenshot_20180728_121540

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.

Morgenwerk: Making a web app responsive

mijn banen mobiel

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.

BV Hilversum: custom WordPress profile page

BV Hilversum - Lid

2018

Visit live page

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.

PatriciaBollen.nl (2017)

Patricia Bollen front page

2017-2018

Visit patriciabollen.nl

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).

Internship CloudResident

Logo blok FULL bg

April-November 2017

Visit website

I interned at web hosting company CloudResident between May and November of 2017. I created and worked on several different products during my time there.

What I’ve done there

  • Designing several websites built in WordPress for different clients
  • Updating and maintaining websites
  • Adding requested features to websites and finding the best solution
  • Sometimes using plugins
  • Sometimes a custom solution with HTML/CSS/PHP

For CloudResident’s brand and website:

  • Functional design, many wireframes, mockups for their new website after going through brainstorm sessions with them
  • A style guide with an updated logo
  • A Brand Voice Guidelines document
  • Graphic design: two flyers and new business cards.

Internship: Green2B

Green2B's new front page.

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.