A tiny website to make it easier to use a badge maker. It shows you where you should cut the paper, and which part will be visible. It also lets you move the image around and scale it.

All the measurements are based off the DPI, so you can download and then paste the image into a document that has the same DPI for printing.

These are the mock ups I made for our course. The objective was to design a multiplayer game that could be run during labs and had educational value.

We decided to create a quiz game for boolean logic, in which students could create private rooms and race to see who could get the most answers right the fastest.

I was in charge of creating the mock ups. They proved to be quite important for getting client/tutor feedback. He said that they helped him play through the game in his head, which allowed for better discussion of the actual requirements.

I wanted to make a landing page entirely different from anything I'd made before. It was somewhat inspired by the 1996 Space Jam website. I wrote some JavaScript to make the images (and the message box) draggable.

A (portrait-mode only) mobile webapp for uploading and sharing recipes. It was made for the 2025 VUWSA Hackathon and the source code is available on https://github.com/ColdMacaroni/fire-team-hackathon/.

I wrote the backend with Flask, helped design the frontend, and lead the team through the 48 hours of the hackathon.

We won an honourable mention :)

The QR code below will take you to the site.

For this assignment we had to create a mobile app to help with public transport. My main aim when designing this was to make the UI as minimal as possible, so that the entire focus was on the map and trip.

On a later group project, my team decided to base our app design on this design.