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.

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.

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.

[Unfinished] SpheRun game launcher

SpheRun0.1-02

2013

SpheRun binaries

An old launcher GUI for a game engine called Sphere. Made using NW.js, which uses the Node API to allow people to create desktop applications using web technology. I never finished it, but it was a nice exercise in HTML, CSS and general GUI design.

Looking back at it, I realize how much I’ve grown in making appealing graphical designs… Practice makes perfect, I suppose!