As part of a new D&D campaign I created a leaflet webmap for my players. It features various locations the players are able to visit, with sorting based on name/type of location, as well as district and place information.
You can visit the website here!
This map for the game Space Station 14 is my first full station, designed around the theme of an alien spaceship having been recently taken over by the player corporation. It features custom art assets, unique layouts and a design philosophy of making every in-game department have a twist on normal gameplay. Overall it’s meant to convey a sense of being out of place and adapting to an unfamiliar environment, while still ensuring that gameplay runs smoothly for both new and experienced players alike.
Some key design features:
– Corridors and maintenance paths use unconventional layouts, featuring more turns and tighter hallways than normal. This is offset by having plenty of signage to assist in navigation, as well as clearly marked-out map spots. Getting from point A to point B faster may involve taking shortcuts through maintenance tunnels, allowing for more experienced players to learn the layout and optimize movement.
– The Medical department is unusually split up, with the Chemistry sub-department physically disconnected from the main Medical Bay. To offset this there is a protected disposals pipe network that allows travel between Medbay and Chemistry, and Chemistry is given a small mini-bay to assist with treatment and encourage interactions with crew (which is especially suitable since Chemistry is next to Cargo, which will likely have injured Salvage Specialists travelling through).
– The Anti-Matter Engine is located in the wide open space between Science and Medical. Other stations keep it in an enclosed space inside of Engineering to hinder sabotage, but by having it in such an open area this ends up being balanced by the fact it’s now too public to sabotage. This is also offset by Engineering’s other main power generator, the Singularity/Tesla generator, being pre-setup meaning they can quickly transition to stronger energy should they need to.
– Security’s Permanent Confinement features a unique feature by having the room consist of only 3 walls; the fourth one is instead made up of a containment field, usually reserved for Singularity/Tesla containment. Turns out this works very well for containing prisoners too!
– The maintenance tunnels to the far east of the station contains a section that is blocked off via barricades. Inside, a map-unique alien mob named “Lone Praetorian” stalks a dark labyrinth. It’s intentionally not lethal and provides a speed-boost upon hit to help a player encountering it escape, but the fact it is inside of a dark section of the map means it’s very effective at causing jumpscares for unsuspecting players.
These are but a few of the design choices made for the map. During playtesting it has consistently ranked in the top-half of the map pool and has been seen as a fun and exciting addition to the game.
I got the chance to be the UX Lead on the GMTK Game Jam 2021 Team Finder, a website where game jam (game development contest) participants could find people to form a team. The application was created within 6 weeks with the help of a team of six people, with my responsibility being the front-end UI and UX design along with another team member. For the project I created mock-ups of various UI elements and then implemented them into the site. The site featured a team list, register, FAQ and admin page.
The Team Finder ended up with cirka 1400 created teams and almost 100,000 back-end queries. The site was well received by both jam organizers and users, and there are plans to further develop it for the 2022 game jam.
I’ve made it a tradition that whenever I move to a new apartment, I paint a wall mural. This one is inspired by Outer Wilds and its solar system.
A collaboration with one of my friends specializing in graphics design. The aim of the project was to create a 3D model for a techwear facemask. After iterating through various sketches we settled on what we called the “Wyvern” pattern, which we refined into a more functional look. I used the concept art to create a 3D model in Fusion 360 and brought it over into Blender for part adjustments.
Various 3D-printed items. Examples below include:
– Skeletor Figure, printed and painted as a birthday gift.
– Hollow Knight/Silksong keychains/hangers
– Black Knife (blade constructed via a 3d-printed core with foam around it)
– Assorted functional models & presents
I was contacted out of the blue by a programmer who was interested in doing a smartphone workout application as a way to improve their programming skills. Seeing as I wanted to get my experience doing UI, I accepted.
The application allowed the user to define their own exercises and then create workouts that they then can follow. I was given control over the overall design and userflow, with work progressing first in Figma and then Unity. Below are images of the Figma flow and layout prototypes. The app ended up never fully realizing in the end, but it was still an excellent learning experience.
I’ve spent several years printing, molding and casting resin dice as a fun side hobby. It has even resulted in a few sell tables at conventions, where I’ve sold out every year.
I’ve hosted a D&D campaign with a group of players continuously since 2016. As a way to celebrate our journey, I created a collection of frames depicting the player characters. One of my players created the initial artwork which I then turned into lasercutter instructions using 1 mm paperboard.
My portfolio website. The initial version was fully programmed and designed by myself, using a mock-up created in Illustrator and programmed using HTML, CSS and Javascript/Jquery. The second (current) version uses the same design but has been incorporated into WordPress as a heavily modified WP theme, allowing for easy updates on projects.
The design is inspired by portfolio sites like Ben Fearnley and a wish to have somewhere unique to put my projects. This gave me a great opportunity to expand on my HTML and CSS knowledge, as well as develop my visual design skills.
