https://izzydesigns.cargo.site Izzy-Designs Fri, 09 Feb 2024 05:02:09 +0000 https://izzydesigns.cargo.site en https://izzydesigns.cargo.site/Home Fri, 25 Feb 2022 00:54:53 +0000 Izzy-Designs https://izzydesigns.cargo.site/Home /*Credit: https://css-tricks.com/snippets/css/typewriter-effect/*/ var TxtType=function(el,toRotate,period){this.toRotate=toRotate;this.el=el;this.loopNum=0;this.period=parseInt(period,10)||2000;this.txt="";this.tick();this.isDeleting=false};TxtType.prototype.tick=function(){var i=this.loopNum%this.toRotate.length;var fullTxt=this.toRotate[i];if(this.isDeleting){this.txt=fullTxt.substring(0,this.txt.length-1)}else{this.txt=fullTxt.substring(0,this.txt.length+1)}this.el.innerHTML=''+this.txt+"";var that=this;var delta=200-Math.random()*100;if(this.isDeleting){delta/=2}if(!this.isDeleting&&this.txt===fullTxt){delta=this.period;this.isDeleting=true}else if(this.isDeleting&&this.txt===""){this.isDeleting=false;this.loopNum+=1;delta=500}setTimeout(function(){that.tick()},delta)};setTimeout(function(){var elements=document.getElementsByClassName("typewrite");for(var i=0;i https://izzydesigns.cargo.site/Projects Sun, 27 Feb 2022 01:27:31 +0000 Izzy-Designs https://izzydesigns.cargo.site/Projects 📦 Projects Here are some projects I’ve created and/or contributed to in the past, as well as things I may be currently working on! Momentum Mod Department Head of UX/UI Sep 2015 - Aug 2021 <img width="966" height="596" width_o="966" height_o="596" data-src="https://freight.cargo.site/t/original/i/ccb74cc2dc3c49a9b43d843299d833a28b7f9b47e88a2e51c2ed08467906341c/store-page.png" data-mid="134767513" border="0" data-no-zoom="true" src="https://freight.cargo.site/w/966/i/ccb74cc2dc3c49a9b43d843299d833a28b7f9b47e88a2e51c2ed08467906341c/store-page.png" /> <img width="1530" height="857" width_o="1530" height_o="857" data-src="https://freight.cargo.site/t/original/i/67b49dad42c52c67ee677a404869551d7cc4685f8e9ae4b98e9f77c5855647ea/Screenshot_3.png" data-mid="134767516" border="0" data-no-zoom="true" src="https://freight.cargo.site/w/1000/i/67b49dad42c52c67ee677a404869551d7cc4685f8e9ae4b98e9f77c5855647ea/Screenshot_3.png" /> <img width="1530" height="861" width_o="1530" height_o="861" data-src="https://freight.cargo.site/t/original/i/0b2906636d9a75d79e51be9dcba4118dab08ff7ac54111073c3cf8763b83edca/Screenshot_1.png" data-mid="134767519" border="0" data-no-zoom="true" src="https://freight.cargo.site/w/1000/i/0b2906636d9a75d79e51be9dcba4118dab08ff7ac54111073c3cf8763b83edca/Screenshot_1.png" /> <img width="1528" height="857" width_o="1528" height_o="857" data-src="https://freight.cargo.site/t/original/i/c124b95d97eddf639519635ec0a1aeea915b33ef0273dc4591969af50e62df1d/Screenshot_4.png" data-mid="134767517" border="0" data-no-zoom="true" src="https://freight.cargo.site/w/1000/i/c124b95d97eddf639519635ec0a1aeea915b33ef0273dc4591969af50e62df1d/Screenshot_4.png" /> <img width="1530" height="858" width_o="1530" height_o="858" data-src="https://freight.cargo.site/t/original/i/535aa2ba22f5f6ec4ce929fcd1aca1875fd05e9adb4606ebc4904402c3eadf64/Screenshot_2.png" data-mid="134767518" border="0" data-no-zoom="true" src="https://freight.cargo.site/w/1000/i/535aa2ba22f5f6ec4ce929fcd1aca1875fd05e9adb4606ebc4904402c3eadf64/Screenshot_2.png" /> Cybertruck Sim Lead UX/UI Designer Oct 2021 - Feb 2022 <img width="963" height="596" width_o="963" height_o="596" data-src="https://freight.cargo.site/t/original/i/8cc68c01e157564893df6588ff41f2ca0651820209b5a83f35f6389ffa5fe50f/image_2023-05-31_160841631.png" data-mid="180607715" border="0" data-no-zoom="true" src="https://freight.cargo.site/w/963/i/8cc68c01e157564893df6588ff41f2ca0651820209b5a83f35f6389ffa5fe50f/image_2023-05-31_160841631.png" /> <img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/326cf7f1ac943ff49cdb1d164e2034c42954f9741f3de9f8a6d6540943f21df3/Main-Menu.png" data-mid="134768460" border="0" data-no-zoom="true" src="https://freight.cargo.site/w/1000/i/326cf7f1ac943ff49cdb1d164e2034c42954f9741f3de9f8a6d6540943f21df3/Main-Menu.png" /> <img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/d85cd5afa35754294d5adaebd3d001dbe59caa1c5aa924b6af54481725579d9f/Server-Browser.png" data-mid="134768462" border="0" data-no-zoom="true" src="https://freight.cargo.site/w/1000/i/d85cd5afa35754294d5adaebd3d001dbe59caa1c5aa924b6af54481725579d9f/Server-Browser.png" /> <img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/2d1543299915ee83326d7fdb4b8415b73db0ccde827f3c80621b1a58c567d1c5/Loading-Screen.png" data-mid="134768463" border="0" data-no-zoom="true" src="https://freight.cargo.site/w/1000/i/2d1543299915ee83326d7fdb4b8415b73db0ccde827f3c80621b1a58c567d1c5/Loading-Screen.png" /> <img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/c4316e4f68a6bd045801a14905618ab79dce9b860bb4e27c34bcb088f148e7d1/Map-overview.png" data-mid="134768454" border="0" data-no-zoom="true" src="https://freight.cargo.site/w/1000/i/c4316e4f68a6bd045801a14905618ab79dce9b860bb4e27c34bcb088f148e7d1/Map-overview.png" /> <img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/315b7d75c050dbf3d1a40093c8b7490dad77edb79553612aa75404634855731d/Ingame-HUD.png" data-mid="134768452" border="0" data-no-zoom="true" src="https://freight.cargo.site/w/1000/i/315b7d75c050dbf3d1a40093c8b7490dad77edb79553612aa75404634855731d/Ingame-HUD.png" /> <img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/a6f0799ddae5f5577e0b79a84860b263b6ae01c95aedbeef3629650064f7fba4/Upgrades-menu.png" data-mid="134768458" border="0" data-no-zoom="true" src="https://freight.cargo.site/w/1000/i/a6f0799ddae5f5577e0b79a84860b263b6ae01c95aedbeef3629650064f7fba4/Upgrades-menu.png" /> <img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/22ecefda1af22fff745505509239680a89461b4ef6f389fbf200d2cfd796d6d4/Build-menu.png" data-mid="134768459" border="0" data-no-zoom="true" src="https://freight.cargo.site/w/1000/i/22ecefda1af22fff745505509239680a89461b4ef6f389fbf200d2cfd796d6d4/Build-menu.png" /> <img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/1d50f9fb34180439cdd139692331a3ebfa64f23c2794c983f6d50ce6eadb9f8d/Pause-overlay.png" data-mid="134768456" border="0" data-no-zoom="true" src="https://freight.cargo.site/w/1000/i/1d50f9fb34180439cdd139692331a3ebfa64f23c2794c983f6d50ce6eadb9f8d/Pause-overlay.png" /> Fragsurf Community Mod &amp; QA PlaytesterJan 2020 - Jul 2021 <img width="962" height="594" width_o="962" height_o="594" data-src="https://freight.cargo.site/t/original/i/19a80de87b34b768abe15a6fdf6a9c8dbe6c3249c9d9adb6c9e2ef42508bc1a8/image_2023-05-31_160805521.png" data-mid="180607682" border="0" data-no-zoom="true" src="https://freight.cargo.site/w/962/i/19a80de87b34b768abe15a6fdf6a9c8dbe6c3249c9d9adb6c9e2ef42508bc1a8/image_2023-05-31_160805521.png" /> <img width="616" height="353" width_o="616" height_o="353" data-src="https://freight.cargo.site/t/original/i/0c3405d82430303fbeddba14863729dcbc352ffb03532ae9ee7cb5ed6e63155c/capsule_616x353.jpg" data-mid="180601964" border="0" data-no-zoom="true" src="https://freight.cargo.site/w/616/i/0c3405d82430303fbeddba14863729dcbc352ffb03532ae9ee7cb5ed6e63155c/capsule_616x353.jpg" /> <img width="1280" height="720" width_o="1280" height_o="720" data-src="https://freight.cargo.site/t/original/i/ea847459cec0ad4f582b495b85078cfda1778c8811fd17fd40da027ddef8e178/csurf.jpg" data-mid="180601960" border="0" data-no-zoom="true" src="https://freight.cargo.site/w/1000/i/ea847459cec0ad4f582b495b85078cfda1778c8811fd17fd40da027ddef8e178/csurf.jpg" /> <img width="1280" height="720" width_o="1280" height_o="720" data-src="https://freight.cargo.site/t/original/i/905620c63fdba8ff37e3ea20b7d0beed82fb8814c9edaa1dea6a2f9e23df51b9/bsp.jpg" data-mid="180601963" border="0" data-no-zoom="true" src="https://freight.cargo.site/w/1000/i/905620c63fdba8ff37e3ea20b7d0beed82fb8814c9edaa1dea6a2f9e23df51b9/bsp.jpg" /> <img width="1280" height="720" width_o="1280" height_o="720" data-src="https://freight.cargo.site/t/original/i/221c190b40c66e4e9406e72cf59922a91ba89ba9743e253ac9546299614e2481/mapping.jpg" data-mid="180601961" border="0" data-no-zoom="true" src="https://freight.cargo.site/w/1000/i/221c190b40c66e4e9406e72cf59922a91ba89ba9743e253ac9546299614e2481/mapping.jpg" /> <img width="1280" height="720" width_o="1280" height_o="720" data-src="https://freight.cargo.site/t/original/i/db1ab2d61eb28b1ffd165e7f520acbd3f764a34f587697cdb594f58d6e99c71a/timer.jpg" data-mid="180601962" border="0" data-no-zoom="true" src="https://freight.cargo.site/w/1000/i/db1ab2d61eb28b1ffd165e7f520acbd3f764a34f587697cdb594f58d6e99c71a/timer.jpg" /> Yarn Ball!Game Producer June 2025 - Current <img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/fc64166e3af9366ba21facbd4742dd9f0c03b69d6d1e7c5db3cdbda53ccf3d13/render2-warm.png" data-mid="236407657" border="0" src="https://freight.cargo.site/w/1000/i/fc64166e3af9366ba21facbd4742dd9f0c03b69d6d1e7c5db3cdbda53ccf3d13/render2-warm.png" /> <img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/16029c0b9de50783218d1ddaa793c454788691ea34ce619416421e501b7f973c/render1-cold.png" data-mid="236405428" border="0" src="https://freight.cargo.site/w/1000/i/16029c0b9de50783218d1ddaa793c454788691ea34ce619416421e501b7f973c/render1-cold.png" /> https://izzydesigns.cargo.site/Momentum-Mod Fri, 25 Feb 2022 00:54:57 +0000 Izzy-Designs https://izzydesigns.cargo.site/Momentum-Mod Momentum Mod <img width="500" height="128" width_o="500" height_o="128" data-src="https://freight.cargo.site/t/original/i/66888bb7dc605d99f90c9235e83677fe4762b8b4767c90bbb1cef44107398573/steam-button.png" data-mid="135051628" border="0" data-scale="12" data-no-zoom src="https://freight.cargo.site/w/500/i/66888bb7dc605d99f90c9235e83677fe4762b8b4767c90bbb1cef44107398573/steam-button.png" /> <img width="500" height="128" width_o="500" height_o="128" data-src="https://freight.cargo.site/t/original/i/9cd220171e19631d7842897f1ae0cb18769488872bf82e04a0c4ec1080179b4e/website-button.png" data-mid="135051625" border="0" data-scale="12" data-no-zoom src="https://freight.cargo.site/w/500/i/9cd220171e19631d7842897f1ae0cb18769488872bf82e04a0c4ec1080179b4e/website-button.png" /> Department Head of UX/UI From Sep 2015 - Aug 2021 Previous Design (Prior to update 0.9.0) <img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/f28de44f922ebcd7d37337791a34219ff517b4d752a9f9c912d098733c5699af/Main-Menu.png" data-mid="153787744" border="0" alt="Previous Main menu" data-caption="Previous Main menu" src="https://freight.cargo.site/w/1000/i/f28de44f922ebcd7d37337791a34219ff517b4d752a9f9c912d098733c5699af/Main-Menu.png" /> <img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/ae4453581fe426bfa73cbedd7e89cd509861206266ebaa0c0a1d230dcf1a2031/Map-Selector.png" data-mid="153787741" border="0" alt="Previous Map selector" data-caption="Previous Map selector" src="https://freight.cargo.site/w/1000/i/ae4453581fe426bfa73cbedd7e89cd509861206266ebaa0c0a1d230dcf1a2031/Map-Selector.png" /> <img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/bb82f83fc37e256e4d3e935a539575bcad801c36b6cbaa9f524445ae30087cc6/Loading.png" data-mid="153787682" border="0" alt="Previous Loading screen" data-caption="Previous Loading screen" src="https://freight.cargo.site/w/1000/i/bb82f83fc37e256e4d3e935a539575bcad801c36b6cbaa9f524445ae30087cc6/Loading.png" /> <img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/59222de67670bcb99af0fff00d0ff5854cda5e326eba0f8a036b1e70ed150349/Map-finished.png" data-mid="153787695" border="0" alt="Previous Map finished menu" data-caption="Previous Map finished menu" src="https://freight.cargo.site/w/1000/i/59222de67670bcb99af0fff00d0ff5854cda5e326eba0f8a036b1e70ed150349/Map-finished.png" /> Wireframe &amp; Style Guidelines (Recreated wireframes, original files lost) <img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/2f3e62c78691df2a1340f9bbb4be5c06c56d00e2ce44b5a81fa58d1bc8e0d0b4/main_menu_wireframe.png" data-mid="178551572" border="0" alt="Main menu UI (wireframe mock-up)" data-caption="Main menu UI (wireframe mock-up)" src="https://freight.cargo.site/w/1000/i/2f3e62c78691df2a1340f9bbb4be5c06c56d00e2ce44b5a81fa58d1bc8e0d0b4/main_menu_wireframe.png" /> <img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/f269abf8b234081c72d9b0ad04da2042c439db0611426b9048d8bd01c80dbaca/map_selector_wireframe.png" data-mid="178551573" border="0" alt="Map selector UI (wireframe mock-up)" data-caption="Map selector UI (wireframe mock-up)" src="https://freight.cargo.site/w/1000/i/f269abf8b234081c72d9b0ad04da2042c439db0611426b9048d8bd01c80dbaca/map_selector_wireframe.png" /> <img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/b69004e68d8388c8e1ca68f9bc1fe19eba760d49e561589f7649bd8b6281e298/loading_screen_wireframe.png" data-mid="178551574" border="0" alt="Loading screen UI (wireframe mock-up)" data-caption="Loading screen UI (wireframe mock-up)" src="https://freight.cargo.site/w/1000/i/b69004e68d8388c8e1ca68f9bc1fe19eba760d49e561589f7649bd8b6281e298/loading_screen_wireframe.png" /> <img width="1100" height="500" width_o="1100" height_o="500" data-src="https://freight.cargo.site/t/original/i/f9b0502e2aeb0d4521e267962e8c2c33e00286964166b04a1fbfcc5bc6493c61/image.png" data-mid="134966390" border="0" alt="Style guidelines (created before the wireframe mock-ups)" data-caption="Style guidelines (created before the wireframe mock-ups)" src="https://freight.cargo.site/w/1000/i/f9b0502e2aeb0d4521e267962e8c2c33e00286964166b04a1fbfcc5bc6493c61/image.png" /> Finished Design (High-fidelity final mockups) <img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/2aec98cd1b3d9f60aff737c72d87382ee430cbb69f125cfdfe47c6c383e5e6d3/Main-Menu---Map-Selector--1.png" data-mid="134966452" border="0" alt="Main menu UI (high-fidelity mock-up)" data-caption="Main menu UI (high-fidelity mock-up)" src="https://freight.cargo.site/w/1000/i/2aec98cd1b3d9f60aff737c72d87382ee430cbb69f125cfdfe47c6c383e5e6d3/Main-Menu---Map-Selector--1.png" /> <img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/b20c31e2b74622d07ee44de5b35c6bbd131dd18e3bbff4129aaf534684708937/Main-Menu---Map-Selector.png" data-mid="134966457" border="0" alt="Map selector UI (high-fidelity mock-up)" data-caption="Map selector UI (high-fidelity mock-up)" src="https://freight.cargo.site/w/1000/i/b20c31e2b74622d07ee44de5b35c6bbd131dd18e3bbff4129aaf534684708937/Main-Menu---Map-Selector.png" /> <img width="1919" height="1079" width_o="1919" height_o="1079" data-src="https://freight.cargo.site/t/original/i/f5b3f21234b1506c493718bf661b1747866c89788cf888c80be453b805438184/Loading-screen.png" data-mid="135051725" border="0" alt="Loading screen UI (high-fidelity mock-up)" data-caption="Loading screen UI (high-fidelity mock-up)" src="https://freight.cargo.site/w/1000/i/f5b3f21234b1506c493718bf661b1747866c89788cf888c80be453b805438184/Loading-screen.png" /> <img width="1920" height="1033" width_o="1920" height_o="1033" data-src="https://freight.cargo.site/t/original/i/48407f9afa5b334b865447071ecfe6c7610e14144fd81c1357b964329b57e557/xd-file.png" data-mid="135051767" border="0" alt="Figma overview of final mockups" data-caption="Figma overview of final mockups" src="https://freight.cargo.site/w/1000/i/48407f9afa5b334b865447071ecfe6c7610e14144fd81c1357b964329b57e557/xd-file.png" /> 🎮 What is Momentum Mod? Momentum Mod is a first-person platforming game built on Valve’s Source Engine that centralizes movement-oriented game modes from games like CS:S, TF2, HL2, and Titanfall, all in one game! Speed is literally the name of the game, with game modes offering unique styles of play, centered around one goal: go fast! 🎯 Deliverables ︎ Designed Steam library assets ︎Provisioned various game iconography ︎Attended weekly meetings &amp; elected as Dept. Head! ︎1,600+ hours of QA Testing, user feedback ︎Designed low &amp; high-fidelity mockups in PS and Figma ︎Utilized Figma to collaborate and create interactive mockups ❗ Issues Map selector screen was confusing, with buttons out of place Main menu screen was very minimal, designed to be placeholder Overall UI looked very out of date and empty Screen transitions were jarring and out of place Unable to display more than 5-6 maps in the map browser at once Lack of map previews or easily-accessible map information No implementation for user’s profile or profile statistics ✅ Solutions Designed a new map selector screen using research and feedback to solve user pain points Updated main menu screen to preview a random map from the user’s library in the background (optional setting) Designed a new UI palette inspired by other modern Source games (such as CS:GO) Using motion design, we created smooth fading screen transitions Updated the map selector focusing on a much larger map list to solve this issue Offered plenty of map information at-a-glance, such as completion status, difficulty, best time, and more Implemented “user cards” in the main menu’s HUD to show player stats https://izzydesigns.cargo.site/Cybertruck-Sim Fri, 25 Feb 2022 09:38:50 +0000 Izzy-Designs https://izzydesigns.cargo.site/Cybertruck-Sim Cybertruck Sim <img width="500" height="128" width_o="500" height_o="128" data-src="https://freight.cargo.site/t/original/i/b4eabef5d078da1533cf83f9cb9a7eaae858020e6c3bf7366bc0c7b3f1705a2b/steam-button.png" data-mid="135052782" border="0" data-scale="12" data-no-zoom src="https://freight.cargo.site/w/500/i/b4eabef5d078da1533cf83f9cb9a7eaae858020e6c3bf7366bc0c7b3f1705a2b/steam-button.png" /> <img width="500" height="128" width_o="500" height_o="128" data-src="https://freight.cargo.site/t/original/i/f196f7210141715043e1602b12816f8c1cb56dc3dff9667554507dc9164f6528/playstore-button.png" data-mid="135052787" border="0" data-scale="12" data-no-zoom src="https://freight.cargo.site/w/500/i/f196f7210141715043e1602b12816f8c1cb56dc3dff9667554507dc9164f6528/playstore-button.png" /> <img width="500" height="128" width_o="500" height_o="128" data-src="https://freight.cargo.site/t/original/i/7a13538311b7bd12f66df01b2fbe0a9da2b5b3ee5fb6691c3e2986ab7681379e/app-store-button.png" data-mid="135052796" border="0" data-scale="12" data-no-zoom src="https://freight.cargo.site/w/500/i/7a13538311b7bd12f66df01b2fbe0a9da2b5b3ee5fb6691c3e2986ab7681379e/app-store-button.png" /> Lead UX/UI Designer From Oct 2021 - Feb 2022 Previous Design (Before redesign) <img width="1827" height="787" width_o="1827" height_o="787" data-src="https://freight.cargo.site/t/original/i/995ecb2129966e1a544e7881986a8fa10326766cfc2c6dee6c7fc06d2bcfbd92/image-22.png" data-mid="134969508" border="0" alt="Previous server browser" data-caption="Previous server browser" src="https://freight.cargo.site/w/1000/i/995ecb2129966e1a544e7881986a8fa10326766cfc2c6dee6c7fc06d2bcfbd92/image-22.png" /> <img width="1825" height="787" width_o="1825" height_o="787" data-src="https://freight.cargo.site/t/original/i/fa2cde78a8686f37a366566bc5ac17a4b43f3818a6697776e74b29750544fdc5/image-18.png" data-mid="134969744" border="0" alt="Previous cosmetics menu" data-caption="Previous cosmetics menu" src="https://freight.cargo.site/w/1000/i/fa2cde78a8686f37a366566bc5ac17a4b43f3818a6697776e74b29750544fdc5/image-18.png" /> <img width="1830" height="788" width_o="1830" height_o="788" data-src="https://freight.cargo.site/t/original/i/9096d9c41fb7c7dfbe38f3631f9f7dd5c9d6ea1632e5bbfb50d856840f8c6273/image-17.png" data-mid="134969626" border="0" alt="Previous in-game HUD" data-caption="Previous in-game HUD" src="https://freight.cargo.site/w/1000/i/9096d9c41fb7c7dfbe38f3631f9f7dd5c9d6ea1632e5bbfb50d856840f8c6273/image-17.png" /> <img width="1827" height="788" width_o="1827" height_o="788" data-src="https://freight.cargo.site/t/original/i/e2e40ab5c1e47f40af6f640a5af2991d682628daebfd3338e77b8650893553c1/image-23.png" data-mid="134969583" border="0" alt="Previous in-game settings menu" data-caption="Previous in-game settings menu" src="https://freight.cargo.site/w/1000/i/e2e40ab5c1e47f40af6f640a5af2991d682628daebfd3338e77b8650893553c1/image-23.png" /> <img width="1827" height="789" width_o="1827" height_o="789" data-src="https://freight.cargo.site/t/original/i/c9582655ab59abd904bc26d7402f758df2bba509cd5fd60fd361d2819070b252/image-24.png" data-mid="134969651" border="0" alt="Previous achievements menu" data-caption="Previous achievements menu" src="https://freight.cargo.site/w/1000/i/c9582655ab59abd904bc26d7402f758df2bba509cd5fd60fd361d2819070b252/image-24.png" /> <img width="1830" height="924" width_o="1830" height_o="924" data-src="https://freight.cargo.site/t/original/i/d8301f9b57616161baf98c2169d5d21344108868078f76c27c8cf2dfdd618a91/image-39.png" data-mid="134969655" border="0" alt="Previous build menu" data-caption="Previous build menu" src="https://freight.cargo.site/w/1000/i/d8301f9b57616161baf98c2169d5d21344108868078f76c27c8cf2dfdd618a91/image-39.png" /> <img width="1830" height="788" width_o="1830" height_o="788" data-src="https://freight.cargo.site/t/original/i/a9c9d98ad09b3a497a621569f05b22bb79c2db0d490051eacc4d8038cbc991ac/image-20.png" data-mid="134969746" border="0" alt="Previous map overview" data-caption="Previous map overview" src="https://freight.cargo.site/w/1000/i/a9c9d98ad09b3a497a621569f05b22bb79c2db0d490051eacc4d8038cbc991ac/image-20.png" /> <img width="1408" height="791" width_o="1408" height_o="791" data-src="https://freight.cargo.site/t/original/i/26eef49b74fce42789f8356d942b4c0387e096df6a649d2ecf6a0b3c36eb4199/image-19.png" data-mid="134969759" border="0" alt="Previous change log" data-caption="Previous change log" src="https://freight.cargo.site/w/1000/i/26eef49b74fce42789f8356d942b4c0387e096df6a649d2ecf6a0b3c36eb4199/image-19.png" /> My Design Work (Final Mockups &amp; Design guidelines) <img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/2f5f921be91a18c2293862940b0ae49887b870c60106c2f8d6d5e895a3469332/Server-Browser.png" data-mid="134631786" border="0" alt="Server browser" data-caption="Server browser" src="https://freight.cargo.site/w/1000/i/2f5f921be91a18c2293862940b0ae49887b870c60106c2f8d6d5e895a3469332/Server-Browser.png" /> <img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/93b47c6a3790fb68026c9755b5a09bcbb2da03647339b265100325f00b6dafe2/Upgrades-menu.png" data-mid="134635456" border="0" alt="Vehicle upgrades menu" data-caption="Vehicle upgrades menu" src="https://freight.cargo.site/w/1000/i/93b47c6a3790fb68026c9755b5a09bcbb2da03647339b265100325f00b6dafe2/Upgrades-menu.png" /> <img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/8350b8397965edcdc479a41525561b91792f6499cd506f1cb0497ff3c1cd6ccd/Ingame-HUD.png" data-mid="134635440" border="0" alt="In-game HUD (for Desktop)" data-caption="In-game HUD (for Desktop)" src="https://freight.cargo.site/w/1000/i/8350b8397965edcdc479a41525561b91792f6499cd506f1cb0497ff3c1cd6ccd/Ingame-HUD.png" /> <img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/01a77b81514a7dd4f912fc00803b1fb3bbb4988c8928c5cdbacdf63e50deeaa1/Pause-overlay.png" data-mid="134635451" border="0" alt="In-game settings" data-caption="In-game settings" src="https://freight.cargo.site/w/1000/i/01a77b81514a7dd4f912fc00803b1fb3bbb4988c8928c5cdbacdf63e50deeaa1/Pause-overlay.png" /> <img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/82400b1dad67bd30ba1d9a27edf0f1e950923b20150f58a9c440e0ce8be31ad1/Log-book.png" data-mid="134635448" border="0" alt="Log book/Achievements menu" data-caption="Log book/Achievements menu" src="https://freight.cargo.site/w/1000/i/82400b1dad67bd30ba1d9a27edf0f1e950923b20150f58a9c440e0ce8be31ad1/Log-book.png" /> <img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/a16e9984bc39d1d634007e2979792c16e3a0a35d63a440bebc8634f75fd156af/Build-menu.png" data-mid="134635446" border="0" alt="Build menu" data-caption="Build menu" src="https://freight.cargo.site/w/1000/i/a16e9984bc39d1d634007e2979792c16e3a0a35d63a440bebc8634f75fd156af/Build-menu.png" /> <img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/8a3cded95a2b62c47f4b363815e1e897a1ea419a44b276e231b7e60e1fd61970/Map-overview.png" data-mid="134635450" border="0" alt="Map overview" data-caption="Map overview" src="https://freight.cargo.site/w/1000/i/8a3cded95a2b62c47f4b363815e1e897a1ea419a44b276e231b7e60e1fd61970/Map-overview.png" /> <img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/836b9f71463ecbc51587af70314fa089f1737cddca64cc76af58f7c47c7772f7/Main-Menu.png" data-mid="134631751" border="0" alt="Main menu" data-caption="Main menu" src="https://freight.cargo.site/w/1000/i/836b9f71463ecbc51587af70314fa089f1737cddca64cc76af58f7c47c7772f7/Main-Menu.png" /> <img width="1403" height="789" width_o="1403" height_o="789" data-src="https://freight.cargo.site/t/original/i/8186122f30db7a4738a512a39d5ebcb20f1a4e7510483433a30e87bb1c7f7c95/Help-menu.png" data-mid="134968993" border="0" alt="Help &amp; Info" data-caption="Help &amp; Info" src="https://freight.cargo.site/w/1000/i/8186122f30db7a4738a512a39d5ebcb20f1a4e7510483433a30e87bb1c7f7c95/Help-menu.png" /> <img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/bf52ef8b0fb09c56f1c6f0dd07afb26654a50a91909fb16285a794393519cb97/Design-Philosophy.png" data-mid="134634302" border="0" alt="UI Style/Design Guidelines" data-caption="UI Style/Design Guidelines" src="https://freight.cargo.site/w/1000/i/bf52ef8b0fb09c56f1c6f0dd07afb26654a50a91909fb16285a794393519cb97/Design-Philosophy.png" /> 🎮 What is Cybertruck Sim? Cybertruck Sim is a free to play Mars exploration MMORPG that focuses on cosmetics, online interactions, and cruising around the real martian surface! Explore the real martian surface with friends and terraform, build, or even race together while leveling up your vehicle &amp; unlocking fun cosmetics along the way. 🎯 Deliverables ︎ Designed Steam store and library assets ︎ Complete re-design of the game’s motion &amp; interaction UX ︎ Created various SVG game icons from scratch ︎ Designed high-fidelity, finalized mock-ups in PS ︎ Utilized Figma and Trello to track design progress ︎ Made a Google Sheets to share my design progress, hours, and pay ❗ Issues Game in very early development, not many core features Worked independently with a very small team UI was entirely placeholder, and confusing even for the developer Game was designed mobile-first, and so was the UI No playerbase or community to ask for user feedback ✅ Solutions Helped the Project lead realize specific gameplay elements via example mockups &amp; offered design solutions for features Used my creative freedom to fully revamp and redesign every aspect of the UI from the ground up Kept mobile design in mind throughout the design process Used research from similar games to understand design direction better https://izzydesigns.cargo.site/Fragsurf Sat, 20 May 2023 01:55:32 +0000 Izzy-Designs https://izzydesigns.cargo.site/Fragsurf Fragsurf <img width="500" height="128" width_o="500" height_o="128" data-src="https://freight.cargo.site/t/original/i/66888bb7dc605d99f90c9235e83677fe4762b8b4767c90bbb1cef44107398573/steam-button.png" data-mid="179337415" border="0" data-scale="12" data-no-zoom src="https://freight.cargo.site/w/500/i/66888bb7dc605d99f90c9235e83677fe4762b8b4767c90bbb1cef44107398573/steam-button.png" /> <img width="500" height="128" width_o="500" height_o="128" data-src="https://freight.cargo.site/t/original/i/9cd220171e19631d7842897f1ae0cb18769488872bf82e04a0c4ec1080179b4e/website-button.png" data-mid="179337412" border="0" data-scale="12" data-no-zoom src="https://freight.cargo.site/w/500/i/9cd220171e19631d7842897f1ae0cb18769488872bf82e04a0c4ec1080179b4e/website-button.png" /> &nbsp; Community Mod &amp; QA Playtester From Jan 2020 - Jul 2021 Game Preview (Fragsurf v3.6) <img width="1919" height="1079" width_o="1919" height_o="1079" data-src="https://freight.cargo.site/t/original/i/f1b3e85c32312c18a1a98eb37d2ee6829708cf6c41b9a8c29973a16cb9ce4257/fragsurf3.6.png" data-mid="207476259" border="0" src="https://freight.cargo.site/w/1000/i/f1b3e85c32312c18a1a98eb37d2ee6829708cf6c41b9a8c29973a16cb9ce4257/fragsurf3.6.png" /> <img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/051c9752715766575ad4179361c219fb163a2aac9f5b44194672abc908a2cbb9/steamuserimages-a.akamaihd.jpg" data-mid="207476260" border="0" src="https://freight.cargo.site/w/1000/i/051c9752715766575ad4179361c219fb163a2aac9f5b44194672abc908a2cbb9/steamuserimages-a.akamaihd.jpg" /> <img width="1280" height="720" width_o="1280" height_o="720" data-src="https://freight.cargo.site/t/original/i/0430e1b2fc8a4c331899fb2fb291076d31fcc876c70ede8787964e67fb722359/csurf.jpg" data-mid="179676550" border="0" src="https://freight.cargo.site/w/1000/i/0430e1b2fc8a4c331899fb2fb291076d31fcc876c70ede8787964e67fb722359/csurf.jpg" /> <img width="1280" height="720" width_o="1280" height_o="720" data-src="https://freight.cargo.site/t/original/i/bd50ef92d872c364d4fd70460465e93ba9cac963b0a9f93f6ab999590e43d417/timer.jpg" data-mid="179676552" border="0" src="https://freight.cargo.site/w/1000/i/bd50ef92d872c364d4fd70460465e93ba9cac963b0a9f93f6ab999590e43d417/timer.jpg" /> <img width="1280" height="720" width_o="1280" height_o="720" data-src="https://freight.cargo.site/t/original/i/5b872951f4fc9b4263dc9f9bd95b1574da4f18203e6694276294a2ef81cbd9b5/bsp.jpg" data-mid="179676553" border="0" src="https://freight.cargo.site/w/1000/i/5b872951f4fc9b4263dc9f9bd95b1574da4f18203e6694276294a2ef81cbd9b5/bsp.jpg" /> <img width="1280" height="720" width_o="1280" height_o="720" data-src="https://freight.cargo.site/t/original/i/3c872357ccfd55bf02590e61263ec1ee290ba8d5a0f95195276285214d96cd55/mapping.jpg" data-mid="179676551" border="0" src="https://freight.cargo.site/w/1000/i/3c872357ccfd55bf02590e61263ec1ee290ba8d5a0f95195276285214d96cd55/mapping.jpg" /> 🎮 What is Fragsurf? Fragsurf is a high skilled 3d first-person platformer game featuring adventurous levels, speedrun timers, replay bots, and global leaderboards. Play classic Death Match while surfing on some of your favorite CS:S surf dm maps! 🎯 Deliverables ︎ Helped port Source .BSP map files into Unity (via Probuilder) ︎ Moderated the official community Discord server ︎ Playtested 1,100+ hours and provided crucial gameplay feedback ︎ Inspired original logo &amp; game fonts ❗ Issues Gameplay was not accurate to Source engine movement Project lead was overwhelmed when attempting to import large or complex mapsCommunity lacked direction Core gamemode-specific features were missing ✅ Solutions Solution was comparing game values to the real source engine in order to reverse engineer the right config values. Assisted with map importation. Used Probuilder to recreate geometry &amp; replaced Source entities with custom Unity ones. Provided 1000+ hrs of gameplay feedback. https://izzydesigns.cargo.site/Articles Wed, 09 Nov 2022 20:39:11 +0000 Izzy-Designs https://izzydesigns.cargo.site/Articles 📰 Articles &amp; Posts A collection of various articles &amp; posts I’ve written on various design topics. You can find knowledge I’ve gained and chosen to share here! Where has Izzy been? <img width="2006" height="2006" width_o="2006" height_o="2006" data-src="https://freight.cargo.site/t/original/i/ab7e6b5d22cf1290376c09983e194f1a4779684424af38a530d0d21347d85ca4/20240207_142203.jpg" data-mid="207082296" border="0" data-scale="55" data-no-zoom src="https://freight.cargo.site/w/1000/i/ab7e6b5d22cf1290376c09983e194f1a4779684424af38a530d0d21347d85ca4/20240207_142203.jpg" /> (Posted Mar 18th 2024) My first UI Art Test <img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/db5725efae45bc5161c0d5f029c01029bee68260f25a112399813363bd0bc8bc/Mockup.png" data-mid="178559252" border="0" data-no-zoom src="https://freight.cargo.site/w/1000/i/db5725efae45bc5161c0d5f029c01029bee68260f25a112399813363bd0bc8bc/Mockup.png" /> (Posted Apr 29th 2023) Style Guidelines &amp; Brand Identity <img width="1100" height="500" width_o="1100" height_o="500" data-src="https://freight.cargo.site/t/original/i/b71d8e555e86e603a094f4bba1be8bf25dca2a810c1a0395c51917d1133f2b34/UI_and_Color_Palette_0.8.6_update.png" data-mid="158623451" border="0" data-no-zoom src="https://freight.cargo.site/w/1000/i/b71d8e555e86e603a094f4bba1be8bf25dca2a810c1a0395c51917d1133f2b34/UI_and_Color_Palette_0.8.6_update.png" /> (Posted Nov 20th 2022) Design: where do I start? <img width="1000" height="619" width_o="1000" height_o="619" data-src="https://freight.cargo.site/t/original/i/9f55ababdeb2487aeef0922c0250eff0122ef584d08f8b1285ee1c50601f00a6/Designer-vs-Artist.png" data-mid="158541893" border="0" data-no-zoom src="https://freight.cargo.site/w/1000/i/9f55ababdeb2487aeef0922c0250eff0122ef584d08f8b1285ee1c50601f00a6/Designer-vs-Artist.png" /> (Posted Nov 10th 2022) Guide to Design Feedback <img width="2000" height="1500" width_o="2000" height_o="1500" data-src="https://freight.cargo.site/t/original/i/4f2747c1bcd1d61c2afcc2ebb62c393b45c8c0430015303f8d4a3c4d26fae79e/96a606b5d286d42eb5b9700659444f23d520512c-1600x1200.png" data-mid="158599865" border="0" data-scale="70" data-no-zoom src="https://freight.cargo.site/w/1000/i/4f2747c1bcd1d61c2afcc2ebb62c393b45c8c0430015303f8d4a3c4d26fae79e/96a606b5d286d42eb5b9700659444f23d520512c-1600x1200.png" /> (Posted Nov 8th 2022) Gestalt &amp; Design Principles <img width="600" height="315" width_o="600" height_o="315" data-src="https://freight.cargo.site/t/original/i/f26c09b921a074d8f580019652977e0c0aae36dfdfd8531baab994fa4c31482d/https___uxcam.com_blog_wp-content_uploads_2019_09_Gestalt-Principles.png" data-mid="158547469" border="0" data-no-zoom src="https://freight.cargo.site/w/600/i/f26c09b921a074d8f580019652977e0c0aae36dfdfd8531baab994fa4c31482d/https___uxcam.com_blog_wp-content_uploads_2019_09_Gestalt-Principles.png" /> (Posted Oct 29th 2022) https://izzydesigns.cargo.site/Where-has-Izzy-been Fri, 09 Feb 2024 05:02:09 +0000 Izzy-Designs https://izzydesigns.cargo.site/Where-has-Izzy-been Where has Izzy been?(Posted on Mar 18th 2024) Wow, it’s been a while! Let me write a paragraph about how the last 2 years have been a rough (yet extremely beneficial) learning experience for Izzy. I’ve experienced homelessness, personal loss, food insecurity, and more. I’m proud to say I’ve overcome many of these struggles, and I’ve learned a lot about myself throughout the process! I want to share some of the wisdom I’ve gained from this arduous time in my life. <img width="1836" height="1836" width_o="1836" height_o="1836" data-src="https://freight.cargo.site/t/original/i/508d3537bdc5484b1638235bba8e1e1ed3fa02a2caa2bd4ea4f13bdf38b3ffd4/PXL_20230909_211642294.jpg" data-mid="207081303" border="0" src="https://freight.cargo.site/w/1000/i/508d3537bdc5484b1638235bba8e1e1ed3fa02a2caa2bd4ea4f13bdf38b3ffd4/PXL_20230909_211642294.jpg" /> Since the beginning of 2020 I’ve experienced hardships that (fortunately) not many people have ever experienced in their lives. Through these difficult times, I’ve learned and grown stronger as a human.&nbsp; I’ve worked with therapists, and I’ve explored for further knowledge on emotional regulation techiques. I’m fascinated by the human brain, and how people interface with technology. Learning how my brain works and how I handle difficult problems in real life, has brought me much closer to my sense of inner spirituality. I think an often overlooked aspect of life is how our bodies are the sacred ‘vessel’ that gives us life. I also believe in the power behind ‘labeling’. Our self-image plays a huge role in who we are, and as a result, dictates our behaviors and decision making. If you have a negative behavior, find the part of that behavior associated with your identity, and question it! Think about it this way; Do you REALLY want to be somebody who smokes cigarettes? Want to stop over-eating? Label yourself mentally as a ‘non-smoker’ or ‘someone who doesn’t eat much’ and see what changes. I think there’s a very strong power connected to our language and that includes the labels we give ourselves. Becoming self-aware of that power is the first step towards improving our self image! Processing grief &amp; emotions Something I had to learn was how to process grief. I believe in the 5 stages of grief, and I try to process my feelings as responsibly and effectively as possible. <img width="750" height="500" width_o="750" height_o="500" data-src="https://freight.cargo.site/t/original/i/d26492ab9b9fe568224517d7d28ebb361397d7a84766d5f8cc8e10268f6f4a38/4175361_color1-5c3b9069c9e77c0001c6c85f.png" data-mid="207081335" border="0" data-scale="50" data-no-zoom src="https://freight.cargo.site/w/750/i/d26492ab9b9fe568224517d7d28ebb361397d7a84766d5f8cc8e10268f6f4a38/4175361_color1-5c3b9069c9e77c0001c6c85f.png" /> (Credit: VeryWellMind.com) DenialDenial is a phase I don’t typically find myself struggling with. As a “realistic optimist” that loves finding silver linings within bad events, I find it relatively easy to accept the reality of a situation, rather than denying the reality of a situation. Anger Anger is an emotion I have become very familiar with. I recognize it’s effects on me and people around me, so I usually hold onto my anger until I’m alone and/or in a safe environment to let my anger out. I typically let my anger out in constructive ways! I like problem solving, so if my anger stems from a “problem”, my brain jumps into problem solving mode. Bargaining Barganing is a phase I process completely internally. Sometimes I will bargain with myself by asking myself (my ego) “a loss has occurred, how do you proceed?” and the other part of my brain (the thoughtful part) will usually respond with something along the lines of “where are we now, and what life changes does this loss bring with it?” Depression I’m happy to say I feel like I’ve conquered my depression! I exercise regularly, eat mindfully, get plenty of sun and outdoor exposure, and I have some very efficient emotional regulation techiniques! In the past, depression has made thinking-ahead feel impossible, but that’s simply my brain building itself a cage to feel safe inside. Acceptance The final stage Acceptance is a stage that I feel I struggle with the most, funny enough. I struggle after I gain an understanding that a loss has occured, while I also realize I can’t do anything to “go back” or “hit undo”. It puts me in a state of “okay, so now what do we do?” where my next decisions tend to have more significance than previous ones. Dealing with hindsight, expectations, and more wisdom... Handling strong emotions &amp; grief can be one of the toughest aspects of life for many people. Emotional and mental pain can be just as damaging and taxing on us as physical pain. A lot of people overlook the severity of trauma, and how it can affect the rest of our lives. I often find myself struggling to cope with hindsight in some past instances. Self talk along the lines of “Had I paid more attention to x or y, z would have never happened in the first place”. This is classic denial, and recognizing it as such allows me to move on past it, thankfully... Expectations are a tricker one... society has expectations of us that, when not met, can lead to lots of suffering. We sadly live in a pay-to-live world right now, and existing isn’t free. That’s an expectation I struggle with often, since a lot of my hobbies and passions don’t make me money currently. I’m working on changing that, though! <img width="1080" height="675" width_o="1080" height_o="675" data-src="https://freight.cargo.site/t/original/i/551684d94e5ef16008b40ecda6715f24496e67bf77063aa4fe5ada4d2dc1a6e3/image_2024-03-18_150449583.png" data-mid="207082210" border="0" src="https://freight.cargo.site/w/1000/i/551684d94e5ef16008b40ecda6715f24496e67bf77063aa4fe5ada4d2dc1a6e3/image_2024-03-18_150449583.png" /> (Credit: NirAndFar) &nbsp; So, what’re you doing now? Since recovering from great family loss, personal loss, and housing insecurity, I’ve begun blossoming as a person! I started learning 3d modeling in Blender once I realized my fear of learning/tutorials was baseless, and I’ve since begun game production for some videogames I’ve always wanted to create! I want to create multiple videogames, so I’m designing a “game production framework” to allow me to do exactly that, solo! I don’t see confusion as a source of frustration anymore, and I now view confusion as a tool to push me closer to understanding, instead! If I get confused regarding how to complete a specific task in Blender, instead of becoming frustrating, I become more and more curious... I think this mental approach has been doing me wonders, perhaps you can implement this technique into your own life! Thank you all for reading this far, and I’m excited to share more about my journey now that things are settling down and my survival necessities aren’t at risk anymore. Look forward to many more posts &amp; projects from me moving forward! https://izzydesigns.cargo.site/My-first-UI-Art-test Sun, 13 Nov 2022 16:58:09 +0000 Izzy-Designs https://izzydesigns.cargo.site/My-first-UI-Art-test My first UI Art test(Posted on Apr 29th 2023) I want to share my experience completing a quick art test I was given while interviewing for a UI Designer role at Amazon Games for their live service game “New World”. This test was not covered under any form of NDA, so today I’m going to explain the prompt that was given to me, detail my entire thought process from start to finish, and share my results with you all! <img width="1067" height="1603" width_o="1067" height_o="1603" data-src="https://freight.cargo.site/t/original/i/9c6c09673a1cac1d373fcc21f76c47676f43207c292bbe98e7499a2dfd1007dc/Achievement-Icon-Style-Guide.jpg" data-mid="178553938" border="0" data-scale="70" alt="New World icon style guide" data-caption="New World icon style guide" src="https://freight.cargo.site/w/1000/i/9c6c09673a1cac1d373fcc21f76c47676f43207c292bbe98e7499a2dfd1007dc/Achievement-Icon-Style-Guide.jpg" /> First of all, for me to begin I need to understand the deliverables. The assignment asked me to do the following:Create at least one screen mock of HUD element for ‘Achievement unlocked’ celebrationDesign an achievement icon and UI elements (use given icon &amp; create new)Create animated Figma preview“1920x1080, 72ppi PNG or JPG” (not a task but a guideline to abide by) Now, understanding that I am being asked to complete 3 individual tasks I begin by first getting a solid understanding of the game’s existing UI and UX design. How do I do that? Well simple, through playing the game yourself and/or reviewing gameplay screenshots and videos! Understanding the product Some design situations require us designers to build something from the ground up or completely reinvision an existing product, however in this case I am being asked to build upon an existing, already established design framework. I’m being asked to create a new icon from scratch but that’s one simple asset and won’t take long at all. I’m also supposed to create an “Achievement unlocked” HUD popup too however, so I take plenty of time to take in the game’s pre-existing design direction in order to maintain visual consistency throughout the rest of the game’s UI when designing a new element. I did this by skimming through a 7 hour long gameplay clip which conveniently showcased lots of various UI’s and HUD’s the player could encounter while playing. I screenshotted each new/unique UI menu I came across until I essentually ended up with one big collage full of various unique UI elements, specifically screenshotting various HUD popups since that’ll be one of the things I’m designing for this test. <img width="1400" height="2452" width_o="1400" height_o="2452" data-src="https://freight.cargo.site/t/original/i/b7a5660025fb23752638077bc3b300ebe8ae8e70d6207f52c1485a5c3242b86d/reference-screens.png" data-mid="178558723" border="0" alt="Screenshots of various pop-ups ingame" data-caption="Screenshots of various pop-ups ingame" src="https://freight.cargo.site/w/1000/i/b7a5660025fb23752638077bc3b300ebe8ae8e70d6207f52c1485a5c3242b86d/reference-screens.png" /> Creating the iconNow that I’ve gained a solid understanding of the game’s design direction and core visual philosophies, I start by designing a new achievement icon in Adobe Illustrator.There’s not much to say about it since I’m following pretty straight forward guidelines in regards to this new icon’s design, so here’s the final result: <img width="293" height="296" width_o="293" height_o="296" data-src="https://freight.cargo.site/t/original/i/eff476e4ac3761349846b70041f03f88beb7082d2e4d43f42f59b93b335c0d40/Untitled.png" data-mid="178554496" border="0" alt="Original icon provided" data-caption="Original icon provided" src="https://freight.cargo.site/w/293/i/eff476e4ac3761349846b70041f03f88beb7082d2e4d43f42f59b93b335c0d40/Untitled.png" /> <img width="600" height="600" width_o="600" height_o="600" data-src="https://freight.cargo.site/t/original/i/930209c07cddd73771045b29aca0fec8ba02fc00e80221d3510a2a593d3ece56/new-turkey-icon.png" data-mid="178554445" border="0" alt="New icon design" data-caption="New icon design" src="https://freight.cargo.site/w/600/i/930209c07cddd73771045b29aca0fec8ba02fc00e80221d3510a2a593d3ece56/new-turkey-icon.png" /> Creating the HUD pop-up Now that I have a new icon that matches the style of every other icon in the game, I continue to my next step which is to create the HUD pop-up (also known as a “toast” notification). For this step I was already given a wireframe example with guidelines placed in the exact boundaries for this pop-up on the screen, so I use that as my starting point, and from there I simply start to recreate the pre-existing HUD design for achievement pop-ups (since they already existed in the game). I did notice that there was an achievement pop-up already in the game while doing my visual design research, however that pre-existing pop-up for achievements specifically appears in the top right corner of the screen and the wireframe guideline they provided has it positioned in the center horizontally instead. For my first design iteration I simply recreated the design for the existing achievement pop-up that users are used to already, but centering it to fit the wireframe. Here are my final results: <img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/d845cd1658a758a3440fabb324ad61794e8ece74bfcbd916efc713c7aeac6e49/Mockup.png" data-mid="178555739" border="0" data-scale="50" src="https://freight.cargo.site/w/1000/i/d845cd1658a758a3440fabb324ad61794e8ece74bfcbd916efc713c7aeac6e49/Mockup.png" />Since it did say “create at least one”, I’ve created another revision, and this time I tried to take a newer approach by emulating the visual style of other HUD pop-ups. For this revision I took inspiration from the “territorial triumph” pop-up specifically since it looked more visually striking to me:&nbsp; <img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/7d33e2e3f0b34954205b4a43196dccaf07ffb29510f0d1e99aae562c3ffea7e7/Mockup.png" data-mid="178555961" border="0" src="https://freight.cargo.site/w/1000/i/7d33e2e3f0b34954205b4a43196dccaf07ffb29510f0d1e99aae562c3ffea7e7/Mockup.png" /> <img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/7ef61493b29946bc0b5bf685d59ed49bea71a1eebafa928fcb40717be8069953/Mockup-buttons.png" data-mid="178555960" border="0" src="https://freight.cargo.site/w/1000/i/7ef61493b29946bc0b5bf685d59ed49bea71a1eebafa928fcb40717be8069953/Mockup-buttons.png" /> And finally for good measure, I created a 3rd revision and did my best to combine the first revision with the layout of the “territory claimed” pop-up since they’re both comprised of similar visual elements, and doing so gave me this final result: <img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/f89f6fafb4fc91d00af394eafd509f26edd2f37dc59b447415f7a9553e5d6622/Mockup-buttons.png" data-mid="178556430" border="0" src="https://freight.cargo.site/w/1000/i/f89f6fafb4fc91d00af394eafd509f26edd2f37dc59b447415f7a9553e5d6622/Mockup-buttons.png" /> <img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/84cc0310e3359ab8085dda495dbb7f4cbe0d822181d7e129f03774b2a5389418/Mockup.png" data-mid="178556433" border="0" src="https://freight.cargo.site/w/1000/i/84cc0310e3359ab8085dda495dbb7f4cbe0d822181d7e129f03774b2a5389418/Mockup.png" /> Final touches &amp; thoughtsLastly, the prompt asked me to “create an animated Figma preview” of my design(s), so I did exactly that! I added some very simple animations and a couple buttons on the screen to cycle through each design I created. There’s not a very simple way for me to show you how that turned out through images since it’s literally the same images as above, but with sliding and fade-in-out effects added. That’s honestly about it! I didn’t do anything insane with the Figma demo since it doesn’t need to do anything other than give you a better idea of what it would look and feel like ingame, so rather than including pictures of the final demo, why not just share the link? Here’s a link to the interactive demo so you can try it out for yourself! Once I completed this final step and finished writing down all of my notes for my “Design Process.docx” file, I zipped everything up and sent it off! I had a lot of fun working on this, and I’ve even completed another separate art test for Bungie! That art test however, was under an NDA so unfortunately I can’t really share anything meaningful about that experience with all of you... Thank you for reading, and I hope this gives you a clearer understanding of my approach to a design challenge! I’m eager to go out of my way and overachieve when it comes to proving my capabilities as a designer. Art tests are one of my favorite things to work on since they’re essentially created to give us designers a chance to stand out from the rest and show people what we’re truly capable of! https://izzydesigns.cargo.site/Style-Guidelines-Brand-Identity Thu, 10 Nov 2022 14:50:29 +0000 Izzy-Designs https://izzydesigns.cargo.site/Style-Guidelines-Brand-Identity Style Guidelines &amp; Brand Identity(Posted on Nov 20th 2022) What are style guidelines, UI palettes, and what does brand identity mean? I look forward to answering those questions in this post! When doing UI design, you’re going to want a “toolbox” of different UI elements that are frequently reused. This includes things like buttons, sliders, and text boxes, but can also include specified standards for font sizes and colors too. <img width="1100" height="500" width_o="1100" height_o="500" data-src="https://freight.cargo.site/t/original/i/b71d8e555e86e603a094f4bba1be8bf25dca2a810c1a0395c51917d1133f2b34/UI_and_Color_Palette_0.8.6_update.png" data-mid="158617760" border="0" src="https://freight.cargo.site/w/1000/i/b71d8e555e86e603a094f4bba1be8bf25dca2a810c1a0395c51917d1133f2b34/UI_and_Color_Palette_0.8.6_update.png" /> Here’s an example of a UI palette I created for the game Momentum Mod. It’s not what I decided to go with in the end, but it still gives you a good idea of what it looks like to specify style guidelines. These help visualize the design direction you’re wanting to go towards, and can give your colleagues a better understanding of the overall aesthetic desired. Any titling uses Bebas Neue, the default font is Noto Sans, and the console specifically uses Source Code Pro. All colors are pre-determined and clarified. It also visually demonstrates how the buttons will work, clarifying the appearance for neutral, hovering, pressed, and disabled statuses. I usually include a list of standard font sizes, however it appears I didn’t for this specific example. All of these guidelines are important for a UI designer to follow in order to maintain visual consistency. What’s Brand Identity? When we think of a brand, things like our experience with the brand and it’s visual identity come into play. When you’re designing for a company or brand, you’ll want to tie the brand’s identity into the visual aspect of your design. What does brand identity mean though? Brand identity encompasses things like the company’s colors, patterns, icons, logos, and typography. Establishing a solid brand identity is important for helping brands stand out from the rest. If you’re creating a brand identity design, you’re going to want to do research first. You’ll want to find out what color schemes and design themes are shared amongst similar products to the one you’re designing for. If you’re creating an online storefront for women’s fitness for example, it’s best to take a look at existing brands and see how they chose to represent themselves visually speaking. A logo from a brand’s perspective is essentially equivilent to it’s name. When people see the logo, they think of the brand. How a brand’s logo appears visually can say a lot about the company without saying anything at all. Designing a logo using principles like shape language and color theory can help influence users to feel a specific intended feeling too! Companies like Coca-cola and Facebook use research and scientific studies to determine which colors evoke the right feeling towards the brand, and it’s honestly a fascinating realm of psychology that ties directly in with design. Why do these things matter so much? Whether you’re a UI or UX designer, your role plays a significant part in how users feel and interact with a product. Products being created by large studios or individual brands rely on their users having a positive experience. Here’s some statistics that help explain why having a good brand identity is important:“88% of online consumers are less likely to return to a site after a bad experience““Judgments on website credibility are 75% based on a website’s overall aesthetics““38% of people will stop engaging with a website if the content/layout is unattractive“ Credit to in.nau.edu These sentements echo a familiar note to many of us, as I’m sure we’ve all had poor user experiences with a product at some point. These statistics point to the aesthetics of a website being extremely important for brand image and user retention, things brands care deeply about. If your design goes against previous established guidelines, users can easily become confused and even frustrated. A user’s experience with a brand’s product directly impacts how the user views the brand as a whole, so roles like UX and UI design are very important in helping brands accomplish their goals. Hopefully this article has helped shed some light on these two subjects. Style Guidelines are important for establishing a consistent visual identity, and brand identity itself is something us as designers attempt to shape through design. Positive brand image comes from a solid brand identity, and a good user experience. Thank you for reading! https://izzydesigns.cargo.site/Design-Where-do-I-start Wed, 09 Nov 2022 18:56:32 +0000 Izzy-Designs https://izzydesigns.cargo.site/Design-Where-do-I-start Design: Where do I start?(Posted on Nov 10th 2022) Design, whether that’s UX, UI, motion, interaction, or sound design... what does it mean to be a designer, and what’s the difference between an artist and a designer? How do I decide which design field I want to get into? In this post I’ll explain the difference between different design roles, as well as share my personal experience throughout my design journey. <img width="1000" height="619" width_o="1000" height_o="619" data-src="https://freight.cargo.site/t/original/i/9f55ababdeb2487aeef0922c0250eff0122ef584d08f8b1285ee1c50601f00a6/Designer-vs-Artist.png" data-mid="158540404" border="0" src="https://freight.cargo.site/w/1000/i/9f55ababdeb2487aeef0922c0250eff0122ef584d08f8b1285ee1c50601f00a6/Designer-vs-Artist.png" /> Illustration by Dionna Hayden I’m no artist, how could I become a designer? Firstly I’ll start by differentiating between Artists and Designers. An artist is someone who (unsurprisingly) can create visual art, usually from scratch. Their main purpose is to convey a specific emotion or intent through purely artistic/visual means. Now listening to that, I’m sure you’re hearing plenty of overlap with things designers do, which is true! Designers usually take a different approach when designing something however... Designers can either create art (or “assets” as they’re usually called) for specific elements of a product’s design, or take pre-existing assets created by graphics designers and other artists and assemble them into a larger, coherent, functional piece. I’m being vague about design because it can be applied to a lot of different things such as videogames, websites, apps, or even physical products! UX Designers specifically seek to understand the user’s intentions and emotions throughout their product journey. Both designers and artists attempt to convey a specific intention through their work. They also often collaborate with one another (assuming they’re not both handled by one person). When talking about videogame design specifically, someone who does UX design can end up working closely with graphics designers, UI designers, level designers, and even sound designers! Okay, but what about UX/UI designers?This topic ties back into the start of the last paragraph where I say “assuming they’re not both handled by one person”, because that’s typically what people in this specific role do. A UX/UI Designer is in charge of the visual elements of a product, as well as the overall experience being delivered to the user. This role is often delegated to more seasoned designers who have experience in multiple areas of design, and it often prioritizes the UX side of things.I could write an entire article on how confusing and unwelcoming the hiring industry is when it comes to design roles, but that’s for another day. It’s unfortunately very common for companies to ask a single designer to handle many significant areas of design. When you’re approaching the UX field, you’ll find job listing after job listing that lists requirements that are far beyond user experience design, and if you land a UX role, you’re likely to end up having other design responsibilities outside of UX. How do I know which field I want to go into?Allow me to list a handful of specialized design fields and give you an idea of each of their responsibilities. Once you have a better understanding on what purpose each of these roles serve, perhaps you’ll find yourself becoming more interested in one area than another! This is just a few of the major design roles you’ll find in the wild, but there are many more design-related fields out there. UX Designer - Responsible for helping deliver an enjoyable, equitible, useful, and usable experience to the users. They often work closely with many other designers and artists, and can help completely transform how a user sees, feels, and interacts with a product. UI Designer/Artist - Delivers a visually interesting and engaging experience to the users, often in charge of helping visually shaping the design of a product. They can be responsible for designing anything from a videogame’s individual screens and HUDs, to a website’s login screen. Motion Designer - Helps with the user’s journey through different areas of the product, ensuring the path to each aspect of a product is simple and efficient. They help make sure transitions between screens and interfaces flows intuitively. Interaction Designer - This role often overlaps with UX design, making sure all elements of a screen or menu operate in ways that are efficient at accomplishing a user’s goals. They can end up working with IOT devices, physical products, or digital products. Sound Designer - In charge of delivering an immersive and responsive experience, utilizing things such as music, auditory narration, and/or sound effects. They can really help bring a product to life, on top of being able to deliver an entirely unique experience to the users. Visual Designer - This role is more of a generalized role encompassing UX, UI, and Interaction design, and depend greatly on what product is being designed. With physical products, a visual designer’s job can be to help tie brand identity to the product. Digitally, they can help solve visual design problems users may have. Level Designer - A role specific to game design that focuses on delivering an impactful, memorable experience to the users. Through level design, a designer can craft extremely engaging experiences, and when done well, can help a user feel fully immersed in an experience. Of these roles though, which one(s) stood out to you most? Are you a problem solver? Perhaps UI or Interaction design would interest you. Passionate about creating an enjoyable user experience? UX design and level design can both help accomplish that! No matter your interests, if you have a desire to create, there’s a design role out there suited for you. &nbsp; How can I learn more?There’s tons of resources on the internet to further your knowledge! If you’re looking to formalize your knowledge for example, try looking into sites like Coursera and find a certification program for the field you’re passionate about. If you’re just trying to get a better understanding of design as a whole, there are tons of wonderful designers who are also Youtubers, and watching “a day in the life” videos can really help you get a better grasp of all responsibilities involved. For videogame design specifically, I love listening to older Game Developer Conference (GDC) talks, and I highly recommend checking some out.The internet is a limitless body of knowledge, and all it takes is a spark of curiosity to begin your journey. If you end up diving head first into a field you end up deciding you’re not fond of, don’t get discouraged! As mentioned previously, many jobs these days require you to have at least some knowledge of various different design fields. Try reaching out and networking with other designers as well on sites like Linkedin! Freelance work can also be a huge help when first building your design portfolio and helping you showcase your capabilities.Design is a very large, virtually all-encompassing field and it’s understandable to feel overwhelmed in the beginning, but once you’ve started to gravitate towards a specific area of design, it can help that overwhelming feeling disappear over time. You’ve got this!!!