https://www.axelgrefberg.com/project-gunfire daily 0.75 2024-05-20 https://images.squarespace-cdn.com/content/v1/613bc496175048297133606c/1632527813276-QXES4DW2ER06QYGDU08X/New+Project+%2845%29.png Project GunFire - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/613bc496175048297133606c/1632419131677-01W6I35HOVG99ZW5XZCA/New+Project+%2823%29+%282%29.png Project GunFire - Core Design Pillars Variety Gunplay Exploration of mechanics https://images.squarespace-cdn.com/content/v1/613bc496175048297133606c/1632682123103-0R83S1K8IXY5P927UAN2/New+Project+%2847%29.png Project GunFire - UX and UI One of the requirements for this game was to not have UI in the game, so we had to come up with clever solutions to still convey how the players health, where they are aiming, what power-ups they have and how to pick up power-ups. What we did to solve the “no UI” requirement was having TV-screens all over the battlefield. These TV-screens would switch between showing the players health when they’re in combat, and show the power-ups they have acquired if they are out of combat. We used a laser dot attached to the gun to serve as the crosshair. This laser dot always pointed at the center of the players screen so they knew what they were aiming at. https://images.squarespace-cdn.com/content/v1/613bc496175048297133606c/1632432176398-MNW72Z25PFXJFPKQ64HZ/New+Project+%2839%29.png Project GunFire - The Bridge Room and Stage Room The level I created is seperated into two sections, the Bridge room and the Stage room. The Bridge Room is the first room the player walks into and they must fight through a wave of enemies inorder to access the second room. The bridge room was designed around verticality and allowing the player to take advantage of the high ground against enemies that are on a lower floor. The Stage Room is the second room the player will have to battle through, in this room they can take advantage of the pillars that serve as covers while also be wary of the enemies that have the high ground on the stage. https://images.squarespace-cdn.com/content/v1/613bc496175048297133606c/1632526963571-Q1A3PCEE2WY2ZTBVCFHE/New+Project+%2843%29.png Project GunFire - The Power-Ups I have designed and created several power-ups for the game. What we wanted with the power-ups is for them to have a progression system, where if the player got the same power-up twice, it would enhance it’s abilities. Level 1 and 2 are mainly increases in numbers, such as damage, healing, affect radius, etc. While the Level 3 power-up gives the player something massive. For example, the Fire Damage Over Time power-up allows the players shots to explode, causing tons of damage on the target they hit. https://images.squarespace-cdn.com/content/v1/613bc496175048297133606c/abcebe0d-99fa-4f94-a8d7-e2a6f30af620/Gunfire1.png Project GunFire https://images.squarespace-cdn.com/content/v1/613bc496175048297133606c/74ef5b7b-a05f-40ba-98b0-e8f7e70945f4/Gunfire2.png Project GunFire https://images.squarespace-cdn.com/content/v1/613bc496175048297133606c/e8d1b4bc-3b81-4259-9499-7896996a53cc/Gunfire3.png Project GunFire https://images.squarespace-cdn.com/content/v1/613bc496175048297133606c/92a58ead-7080-44ed-975d-fc17c3635419/Gunfire4.png Project GunFire https://images.squarespace-cdn.com/content/v1/613bc496175048297133606c/033b61bf-9534-4e0a-8964-ca9b0f9ff183/Gunfire5.png Project GunFire https://www.axelgrefberg.com/fallmart daily 0.75 2024-05-20 https://images.squarespace-cdn.com/content/v1/613bc496175048297133606c/1632528004173-9QQTJB9C6SFT7Z2LPXQJ/New+Project+%2846%29.png Fallmart - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/613bc496175048297133606c/1633012835283-STVQD0D56EOQW4I75G2P/New+Project+%2860%29.png Fallmart - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/613bc496175048297133606c/1633014193156-SQQD5X9VA5MEI1FYZ6ER/ezgif-2-bb9f89b15a67.gif Fallmart - Make it stand out GIF of the infection bar slowly rising up https://images.squarespace-cdn.com/content/v1/613bc496175048297133606c/1632341692385-FE0YD1M8JEFPETABMYP3/New+Project+%2823%29.png Fallmart - Core Design Pillars Quick decision making Readability Comedy https://images.squarespace-cdn.com/content/v1/613bc496175048297133606c/1632343294235-WI0ZI79CX35931OWEEUV/New+Project+%2824%29.png Fallmart - The Level Design The level was inspired by real life stores where customers can move around the shopping mall in a circle while also taking a shortcut in the middle. The arena is also in the middle of the store, to make it so that it is easy for the player to access the important area as fast as possible. https://images.squarespace-cdn.com/content/v1/613bc496175048297133606c/0603b3cd-da98-4c70-9460-760be093d453/fallmart1.png Fallmart https://images.squarespace-cdn.com/content/v1/613bc496175048297133606c/b1e3fd06-6831-40d2-a044-8dccf202e502/fallmart2.png Fallmart https://images.squarespace-cdn.com/content/v1/613bc496175048297133606c/8daf47d9-83bb-4117-82e4-5f24e6be75b3/fallmart3.png Fallmart https://images.squarespace-cdn.com/content/v1/613bc496175048297133606c/d5ad73ed-82fd-4c99-b002-4fee2efd3d17/fallmart4.png Fallmart https://images.squarespace-cdn.com/content/v1/613bc496175048297133606c/74aac114-6260-4e5f-980b-80df309b549f/fallmart5.png Fallmart https://images.squarespace-cdn.com/content/v1/613bc496175048297133606c/085d417b-3c57-4ed0-9a77-446d0f49a80c/Screenshot1.png Fallmart https://images.squarespace-cdn.com/content/v1/613bc496175048297133606c/6f097d3c-e36a-45dd-af7b-af5391bfc1e5/Screenshot2.png Fallmart https://images.squarespace-cdn.com/content/v1/613bc496175048297133606c/a950fe42-4d40-4b9d-a947-4418b505baf0/Screenshot3.png Fallmart https://images.squarespace-cdn.com/content/v1/613bc496175048297133606c/bcd25a01-03fc-439b-ad24-48850a9c91d8/Screenshot4.png Fallmart https://images.squarespace-cdn.com/content/v1/613bc496175048297133606c/7830fbe8-2649-4a2e-823c-ccd7470717a5/Screenshot5.png Fallmart https://www.axelgrefberg.com/suboptimal daily 0.75 2024-05-20 https://images.squarespace-cdn.com/content/v1/613bc496175048297133606c/1632360599229-P2QCJ2CJ0TMFEOO8AI1U/New+Project+%2831%29.png SubOptimal - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/613bc496175048297133606c/1632924813088-9T83411L8MAAFCT8REAM/New+Project+%2852%29.png SubOptimal - The Blockout Level I created the blockout for the last level, the oxygen room. What I wanted with this level was to have the player progress through it every level at a time, so I created several platforms that the player had to go through inorder to complete this level’s puzzle and save their crew. How we designed the progression system was using overflowing water in level so the player could not progress without removing the excess water from the other parts of the level. https://images.squarespace-cdn.com/content/v1/613bc496175048297133606c/1632416976578-32XC19EY44SVRWWR9O3K/New+Project+%2823%29+%281%29.png SubOptimal - Core Design Pillars Engaging Visuals Fun Puzzles Visual Clarity https://images.squarespace-cdn.com/content/v1/613bc496175048297133606c/1633301203328-7Y75P9I409Q2SBOS9JWG/aaaaaa.gif SubOptimal - Make it stand out GIF of the textbox and hover over object. https://images.squarespace-cdn.com/content/v1/613bc496175048297133606c/1633300839400-8CXV7NAT5AA8RDQ2OZ6E/New+Project+%2861%29.png SubOptimal - Make it stand out Early sketch on how the text bubbles would work https://images.squarespace-cdn.com/content/v1/613bc496175048297133606c/52b4e62c-e28c-4ca2-aa18-3a34bdf1fd42/Suboptimal1.png SubOptimal https://images.squarespace-cdn.com/content/v1/613bc496175048297133606c/bf557bf0-a6f7-499f-9f84-c0f3fe23f19a/Suboptimal2.png SubOptimal https://images.squarespace-cdn.com/content/v1/613bc496175048297133606c/16402b25-7df7-4a26-a91d-e667a9e29cb8/Suboptimal3.png SubOptimal https://images.squarespace-cdn.com/content/v1/613bc496175048297133606c/c1ee372c-f88c-4265-95e8-4044ebd46f31/Suboptimal4.png SubOptimal https://images.squarespace-cdn.com/content/v1/613bc496175048297133606c/4d8292e6-5c65-4590-a86f-f1607106627c/Suboptimal5.png SubOptimal https://images.squarespace-cdn.com/content/v1/613bc496175048297133606c/33a62d72-af2f-40ee-8a3f-23d30fcca29c/Suboptimal6.png SubOptimal https://images.squarespace-cdn.com/content/v1/613bc496175048297133606c/6b3ecc68-14d7-464e-b8b2-012fa723552e/Suboptimal7.png SubOptimal https://images.squarespace-cdn.com/content/v1/613bc496175048297133606c/efe637f5-b3ba-46f0-9e56-b9cc79cd3d1c/Suboptimal8.png SubOptimal https://images.squarespace-cdn.com/content/v1/613bc496175048297133606c/b0299d24-ebcd-47ef-a69f-ccde78846911/Suboptimal10.png SubOptimal https://images.squarespace-cdn.com/content/v1/613bc496175048297133606c/ebe7666f-d013-4314-8706-8850a95760a7/Suboptimal12.png SubOptimal https://www.axelgrefberg.com/ux-concepts daily 0.75 2023-05-05 https://images.squarespace-cdn.com/content/v1/613bc496175048297133606c/90e848fa-73d1-47fa-8930-a9b0f04f430d/image_2023-03-13_125908291.png https://images.squarespace-cdn.com/content/v1/613bc496175048297133606c/245051f8-96f1-4b94-820e-31b128023fac/image_2023-05-05_151346653.png https://images.squarespace-cdn.com/content/v1/613bc496175048297133606c/5d027f1e-15d8-40c0-9540-b85dcb3495c8/image_2023-05-05_151309811.png https://images.squarespace-cdn.com/content/v1/5ec321c2af33de48734cc929/1618497259178-6XJGK9GR6YAVBQL5L519/20140301_Trade-151_012-2.jpg UX Concepts https://images.squarespace-cdn.com/content/v1/5ec321c2af33de48734cc929/1607694644871-IC85FNH781UNZSZEGHDR/Aro+Ha_0428.jpg UX Concepts https://images.squarespace-cdn.com/content/v1/5ec321c2af33de48734cc929/1607694583486-2PQT0LQ193RL7MCB6DX4/20140228_Trade+151_0046.jpg UX Concepts https://www.axelgrefberg.com/home daily 1.0 2024-05-20 https://images.squarespace-cdn.com/content/v1/613bc496175048297133606c/1e0ea6dd-4e7a-496e-b295-5d5dfc0c5a1d/my+face.png https://images.squarespace-cdn.com/content/v1/613bc496175048297133606c/cdf7f6de-e367-42af-8d39-4d342fc758e4/MTGDesign-PrintTemplate+%281%29+%284%29.png Home A point-and-click adventure game about a heroic opossum that must save a sinking ship. https://images.squarespace-cdn.com/content/v1/613bc496175048297133606c/0050e67d-bdf9-4189-8116-230421b60578/MTGDesign-PrintTemplate+%281%29+%285%29.png Home A comedic simulation game where you work as a convinence store worker during a pandemic. https://images.squarespace-cdn.com/content/v1/613bc496175048297133606c/9d5bdb5a-b084-44c2-8676-2f094a5b6bf9/MTGDesign-PrintTemplate+%281%29+%283%29.png Home A first person rogue-like game where you must shoot your way through and get stronger. https://images.squarespace-cdn.com/content/v1/613bc496175048297133606c/f4a20c90-cddb-414d-8b7a-46171115017e/MTGDesign-PrintTemplate+%281%29+%286%29.png Home Personal projects I have made to both improve as a UX designer.