https://www.jserafica.dev/about daily 0.75 2025-02-15 https://images.squarespace-cdn.com/content/v1/65371edc6cff1b4a85d70f55/69aff171-83c5-4187-a650-9e74c6d14c6b/me2.png https://images.squarespace-cdn.com/content/v1/65371edc6cff1b4a85d70f55/304f79cc-8b1d-4415-ac58-781f8f2d62b1/PnD.png https://www.jserafica.dev/contact daily 0.75 2025-07-22 https://www.jserafica.dev/resume daily 0.75 2025-07-22 https://images.squarespace-cdn.com/content/v1/65371edc6cff1b4a85d70f55/127b1a12-7c6e-404a-b0e7-c64f6e2e249f/Serafica+Resume+w+phone+number.png https://www.jserafica.dev/home daily 1.0 2025-11-03 https://www.jserafica.dev/home/lone-miner monthly 0.5 2025-11-03 https://images.squarespace-cdn.com/content/v1/65371edc6cff1b4a85d70f55/0f24f566-347d-48ca-b70f-0652e4ab4812/Bricks.png https://images.squarespace-cdn.com/content/v1/65371edc6cff1b4a85d70f55/cd77536d-c0bd-4f29-8333-92ab4d308bfd/Magma.png https://images.squarespace-cdn.com/content/v1/65371edc6cff1b4a85d70f55/2df10235-de0b-45c9-af98-0f731127636b/image.png https://images.squarespace-cdn.com/content/v1/65371edc6cff1b4a85d70f55/ec418050-49e2-4550-8344-2fa4c20562cd/Screenshot_252.png https://images.squarespace-cdn.com/content/v1/65371edc6cff1b4a85d70f55/e897282e-415f-494b-b9ff-6dea1b06b704/Screenshot_251.png https://images.squarespace-cdn.com/content/v1/65371edc6cff1b4a85d70f55/a58c3233-4859-43b1-97dc-6feacf69dc83/LoneMiner+Dynamite+Concept.png https://images.squarespace-cdn.com/content/v1/65371edc6cff1b4a85d70f55/44168894-abc3-4b02-a05f-1641022d8341/LoneMinerMap.png https://www.jserafica.dev/home/habmell-oubliette monthly 0.5 2025-02-14 https://images.squarespace-cdn.com/content/v1/65371edc6cff1b4a85d70f55/d79d2dad-a01b-4060-b2ed-a7a3f9ae921a/MultiplayerSketch.png https://images.squarespace-cdn.com/content/v1/65371edc6cff1b4a85d70f55/35424e98-4506-4c68-a7da-e048134fd2d6/20231130230050_1.jpg Level Design Portfolio - Habmell Oubliette Topography for the first iteration of the map https://images.squarespace-cdn.com/content/v1/65371edc6cff1b4a85d70f55/743479ee-9fb0-4a47-8e4e-80746670e4de/Serafica.jpg Level Design Portfolio - Habmell Oubliette Topography of the final/submitted map. Taller walls and more interconnected space! https://images.squarespace-cdn.com/content/v1/65371edc6cff1b4a85d70f55/50c9b0a6-ed35-4838-9a1c-4f648055595d/20231130230057_1.jpg Level Design Portfolio - Habmell Oubliette This is the area found to the far-left of the map. This area was scrapped for reasons explained below. https://images.squarespace-cdn.com/content/v1/65371edc6cff1b4a85d70f55/75a5f34e-cefa-4b57-8e80-5c9d4d8db7ab/20231130224720_1.jpg Level Design Portfolio - Habmell Oubliette A view of the "Square Area", now reduced in size. It has pillars connecting the higher-spaces together and cylinders in the back where the Rocket Launcher used to be to connect it to the reborn "Cylinder Hallway" https://images.squarespace-cdn.com/content/v1/65371edc6cff1b4a85d70f55/867f76f4-5e50-460d-b391-454c79d7d978/20231130230108_1.jpg Level Design Portfolio - Habmell Oubliette The first iteration of the "Square Area". This was the most popular area of the map that playtesters would frequently skirmish in. https://images.squarespace-cdn.com/content/v1/65371edc6cff1b4a85d70f55/bf1366d9-53d3-4543-961a-216c05906f26/20231130224801_1.jpg Level Design Portfolio - Habmell Oubliette The central connecting area, now connected to the "Square Area" too! Now there's the Rocket Launcher with a HUD marker for all players to keep track of! https://images.squarespace-cdn.com/content/v1/65371edc6cff1b4a85d70f55/5d9c2d4e-85ae-4671-a455-0766d9f80f12/20231130230116_1.jpg Level Design Portfolio - Habmell Oubliette Another view of the "Square Area" https://images.squarespace-cdn.com/content/v1/65371edc6cff1b4a85d70f55/7df0ed6c-12a2-4f63-9805-664a73d4e3fe/20231130225626_1.jpg Level Design Portfolio - Habmell Oubliette "The Mangler Area" before it was reworked later on... https://images.squarespace-cdn.com/content/v1/65371edc6cff1b4a85d70f55/95b413a6-d508-4d01-99cc-f011b02de35a/20231130230209_1.jpg Level Design Portfolio - Habmell Oubliette The Rocket Launcher section of the "Square Area". Changed for reasons explained below. https://images.squarespace-cdn.com/content/v1/65371edc6cff1b4a85d70f55/3f71dfcb-d2c5-4280-929e-8302e83420fc/20231130224747_1.jpg Level Design Portfolio - Habmell Oubliette The "Close Quarters Hallway" reborn as the "Cylinder Hallway" https://images.squarespace-cdn.com/content/v1/65371edc6cff1b4a85d70f55/a88c5374-c909-4f85-bfa4-9c9227f1889a/20231130230156_1.jpg Level Design Portfolio - Habmell Oubliette What would soon be called "the Mangler area". I meant for this to be a second arena in the same vein as the "Square Area" but, as you can tell by the name, it was really only known for the weapon that spawned there, the Mangler. https://images.squarespace-cdn.com/content/v1/65371edc6cff1b4a85d70f55/172a6d16-60e7-46cc-92ca-743c58399643/20231130224729_1.jpg Level Design Portfolio - Habmell Oubliette The bottom hallway. Now with less cover and more vertical space! https://images.squarespace-cdn.com/content/v1/65371edc6cff1b4a85d70f55/e1505bf0-8665-442e-9dd1-97202ad63fb6/20231130230128_1.jpg Level Design Portfolio - Habmell Oubliette The top hallway, which I called the "Close Quarters Hallway". I placed a bunch of props here to force a more-closed space but playtesters disliked this spot because they didn't like jumping over the props. https://images.squarespace-cdn.com/content/v1/65371edc6cff1b4a85d70f55/23cdad35-b8c4-4e2d-84b5-a9d2f1fa21c1/20231130224739_1.jpg Level Design Portfolio - Habmell Oubliette The "Mangler Area", now reborn as what I call "the Castle". I still wanted it to be a second arena like the "Square Area" but playtesters were still attached to the Square Area. https://images.squarespace-cdn.com/content/v1/65371edc6cff1b4a85d70f55/25352e36-5eb9-494e-bfc4-cb270eccede7/20231130230138_1.jpg Level Design Portfolio - Habmell Oubliette A central connecting area I made. Nothing crazy going on here. https://images.squarespace-cdn.com/content/v1/65371edc6cff1b4a85d70f55/ef733c0d-f30c-4415-8af2-bce8b3b5e174/20231130230145_1.jpg Level Design Portfolio - Habmell Oubliette The bottom hallway that I designed to be more mid-ranged with less props and more open space to encourage shootouts here. Playtesters didn't have much to say about this spot. https://www.jserafica.dev/home/wheres-me-rum monthly 0.5 2025-02-14 https://images.squarespace-cdn.com/content/v1/65371edc6cff1b4a85d70f55/cf788b6d-eb48-49f2-95e3-030464b3b8d8/Rum4.png Level Design Portfolio - Where's Me Rum?! The first area: your tavern! Someone ordered rum and you gotta go downstairs to get it... Tried to create a comfy feeling with ambient sound of people talking in a bar. https://images.squarespace-cdn.com/content/v1/65371edc6cff1b4a85d70f55/ad1fa993-3f2d-4f17-87e5-79aee706d3af/RumTop1.png Level Design Portfolio - Where's Me Rum?! https://images.squarespace-cdn.com/content/v1/65371edc6cff1b4a85d70f55/0d312a19-3154-4bbd-863c-fc62821724ca/RumProp2.png Level Design Portfolio - Where's Me Rum?! https://images.squarespace-cdn.com/content/v1/65371edc6cff1b4a85d70f55/347b3c04-25b1-4cbf-a8d4-d28259df756f/EnvironmentalDesignSketch.png Level Design Portfolio - Where's Me Rum?! The initial sketch I drew for this project. The original idea was that you're a Tavern Keep commuting to work from a castle. At first I wasn't very inspired so I didn't quite know what I wanted to do. https://images.squarespace-cdn.com/content/v1/65371edc6cff1b4a85d70f55/92f98f5e-aac3-4cc2-a2bb-5d68cd216ec8/Rum_SceneComp1.png Level Design Portfolio - Where's Me Rum?! The second composition shot. Hey, where's me rum?! https://images.squarespace-cdn.com/content/v1/65371edc6cff1b4a85d70f55/58f13dd6-7e8b-4f43-a01e-61f08a648692/RumTop2.png Level Design Portfolio - Where's Me Rum?! https://images.squarespace-cdn.com/content/v1/65371edc6cff1b4a85d70f55/9a24f038-7816-422b-97d7-7625156481b1/RumProp3.png Level Design Portfolio - Where's Me Rum?! https://images.squarespace-cdn.com/content/v1/65371edc6cff1b4a85d70f55/65bfc0b6-f2de-4752-8b0e-797a470d6215/EnvironmentalDesignSketch2+%28FINAL%29.png Level Design Portfolio - Where's Me Rum?! The second concept sketch I drew and pitched to the professor as the idea for my project. The project evolved into this after I played through the sample projects the professor put up, and from there, I felt more inspired to go forward with this project. Now we're cooking! https://images.squarespace-cdn.com/content/v1/65371edc6cff1b4a85d70f55/5ae02dcb-f3f9-4ec2-ae6a-5949bb940d45/Rum5.png Level Design Portfolio - Where's Me Rum?! The third composition shot. Here, you find a big tunnel underneath your tavern, with an opening to the nearby sea. This is the first instance of contrasting space as the player exits their tavern and the cramped tunnels to discover a huge cave. https://images.squarespace-cdn.com/content/v1/65371edc6cff1b4a85d70f55/14820ae8-70fe-404b-8222-e1d6c3d656d7/RumTop3.png Level Design Portfolio - Where's Me Rum?! https://images.squarespace-cdn.com/content/v1/65371edc6cff1b4a85d70f55/d0b03cdb-b8e7-4598-b3bf-c01da45dc070/RumProp4.png Level Design Portfolio - Where's Me Rum?! https://images.squarespace-cdn.com/content/v1/65371edc6cff1b4a85d70f55/5207055d-3f76-4cf3-8a73-f02aafbd5a0d/Rum6.png Level Design Portfolio - Where's Me Rum?! The fourth composition shot. Someone might've enjoyed your rum a bit too much... It's not shown here but I positioned some fences here to direct the player to the drunk man and it also let them imagine how they ended up there. I think the professor, Bill Morrison, suggested this idea to me when I made the initial pitch to him! https://images.squarespace-cdn.com/content/v1/65371edc6cff1b4a85d70f55/41513523-40f5-414b-843a-e0f69ce76911/RumTop4.png Level Design Portfolio - Where's Me Rum?! https://images.squarespace-cdn.com/content/v1/65371edc6cff1b4a85d70f55/9f2f70f0-8feb-4477-877c-aa1887284dd4/RumProp1.png Level Design Portfolio - Where's Me Rum?! https://images.squarespace-cdn.com/content/v1/65371edc6cff1b4a85d70f55/09109225-3fea-47ca-a8ab-4e4837ea6e52/Rum_SceneComp2.png Level Design Portfolio - Where's Me Rum?! The fifth composition shot. Who was here?! https://images.squarespace-cdn.com/content/v1/65371edc6cff1b4a85d70f55/4a562a3b-69c7-423a-a23e-1e71bf1da9b2/Rum_SceneComp3.png Level Design Portfolio - Where's Me Rum?! The sixth composition shot. Pirates! And they're gone! I framed the cave in a way so that the pirate ship was hard to recognize as the player was coming out to intrigue them to walk further to investigate. https://www.jserafica.dev/home/dead-canyon monthly 0.5 2025-02-14 https://images.squarespace-cdn.com/content/v1/65371edc6cff1b4a85d70f55/b2aae973-9f46-417b-b357-d1d031cb3b78/Level1Sketch.png Level Design Portfolio - Dead Canyon Sketch of Level 1. This is meant to be the tutorial level. The sections were designed in a way to teach the player the basic mechanics without explicitly telling them. The jump cliffs towards the left of the picture are a great example of this. https://images.squarespace-cdn.com/content/v1/65371edc6cff1b4a85d70f55/11c34da1-f549-4fc8-a69c-494355f299b1/DC_Level2_RedoSketches.jpg Level Design Portfolio - Dead Canyon Whiteboard sketches for redoing Level 2 sections between our design lead, Zach, and me. A lot of these ideas here were actually Zach's and they were great. Start from the center and then follow the arrows! https://images.squarespace-cdn.com/content/v1/65371edc6cff1b4a85d70f55/966597e2-4320-4b31-9462-ff5f3b37274d/LevelSketch1.png Level Design Portfolio - Dead Canyon Sketch of Level 2, which is themed around using the player's Wall Run ability with plenty of areas that encourage its use. Ironically, Level 2 was the first level designed by me for this game! https://images.squarespace-cdn.com/content/v1/65371edc6cff1b4a85d70f55/68e09126-ceb8-4db5-b463-70c89c604764/DC_Level2Redo1.png Level Design Portfolio - Dead Canyon The original whitebox for the second "Wall Run" segment in Level 2. It doesn't look like it, but it's quite big! https://images.squarespace-cdn.com/content/v1/65371edc6cff1b4a85d70f55/8c7510e3-71dc-46f4-b690-eb042ac69b69/DC_Level1_FirstDraft.png Level Design Portfolio - Dead Canyon The very first draft of Level 1 in-engine. Level 1 did have some changes to it throughout development, but they were more so additive compared to what happened with Level 2. https://images.squarespace-cdn.com/content/v1/65371edc6cff1b4a85d70f55/355036d0-f343-4bb2-8dd7-4856fcef09b2/DC_Level2_Redo3.png Level Design Portfolio - Dead Canyon Same as previous image but at a different angle https://images.squarespace-cdn.com/content/v1/65371edc6cff1b4a85d70f55/1113acda-022f-41a2-88fa-d957f9ba421d/DC_Level2Redo2.png Level Design Portfolio - Dead Canyon Same as previous image but at a different angle https://images.squarespace-cdn.com/content/v1/65371edc6cff1b4a85d70f55/e5557da5-724d-4bca-99c2-c6b04fa9bceb/DC_Level2_FirstDraft.png Level Design Portfolio - Dead Canyon The very first draft of Level 2 in-engine. This layout was done in about two days but the latter half was redone for reasons explained below. https://images.squarespace-cdn.com/content/v1/65371edc6cff1b4a85d70f55/0a0678bb-069e-40e5-b301-8a491ab81047/DC_Level2Redo4.png Level Design Portfolio - Dead Canyon Whitebox for redoing Level 2's second "Wall Run" segment + the second arena. It's smaller and more concise but it still has the same intent. https://images.squarespace-cdn.com/content/v1/65371edc6cff1b4a85d70f55/74ef0738-d967-426a-a927-8a93a46f80a8/DC_Level2Redo5.png Level Design Portfolio - Dead Canyon Whitebox for redoing Level 2's third arena. Smaller but still preserves the intent of players wallrunning towards the enemies on the other side alongside having a clearer sightline to show players where to go.