https://haewonnam.com Haewon Nam Mon, 10 Mar 2025 22:36:37 +0000 https://haewonnam.com en https://haewonnam.com/The-Dragon-Prince-Xadia Mon, 10 Mar 2025 22:36:37 +0000 Haewon Nam https://haewonnam.com/The-Dragon-Prince-Xadia <img width="1899" height="1018" width_o="1899" height_o="1018" data-src="https://freight.cargo.site/t/original/i/6dea4b775d5a450a137a5c0f5201799c5c882c6ac7c83b964eccf24444df9d98/HUD4-copy.jpg" data-mid="228019603" border="0" data-scale="81" src="https://freight.cargo.site/w/1000/i/6dea4b775d5a450a137a5c0f5201799c5c882c6ac7c83b964eccf24444df9d98/HUD4-copy.jpg" /> The Dragon Prince : Xadia ios (iphone, ipad) Blind Squirrel, Inc Role: User interface art The Dragon Prince : Xadia is an action RPG based on the animation series The Dragon Prince on Netflix. The game released in 2024.&nbsp; • My core responsibility was Implementing mobile UI assets along with creating User Widget Blueprints, Materials, and UI animation for 'The Dragon Prince' game in Unreal Engine&nbsp; ( The senior UI artist, Kaori , developed the look and feel of the UI) • Optimized the UI assets for the mobile platform ︎ HUD, Loadout , Progression, Regional Artifacts ︎ <img width="1920" height="1035" width_o="1920" height_o="1035" data-src="https://freight.cargo.site/t/original/i/d15d400e0762d68e14e9c0f2caeda0d142e313f0f0196860c032c95f39059a3f/0_lobby.jpg" data-mid="228020001" border="0" src="https://freight.cargo.site/w/1000/i/d15d400e0762d68e14e9c0f2caeda0d142e313f0f0196860c032c95f39059a3f/0_lobby.jpg" /> <img width="1899" height="1018" width_o="1899" height_o="1018" data-src="https://freight.cargo.site/t/original/i/62236a0a87c59228098ce15db624da2770e3096ef684d96a815094a15f2efd30/HUD3-copy.jpg" data-mid="228020420" border="0" src="https://freight.cargo.site/w/1000/i/62236a0a87c59228098ce15db624da2770e3096ef684d96a815094a15f2efd30/HUD3-copy.jpg" /> <img width="1899" height="1018" width_o="1899" height_o="1018" data-src="https://freight.cargo.site/t/original/i/60ff4eade6765ace55d23bff810b3392f47eb6d2b9c850126c28fad853d0fba9/0_hud5.jpg" data-mid="228020416" border="0" src="https://freight.cargo.site/w/1000/i/60ff4eade6765ace55d23bff810b3392f47eb6d2b9c850126c28fad853d0fba9/0_hud5.jpg" /> <img width="1902" height="990" width_o="1902" height_o="990" data-src="https://freight.cargo.site/t/original/i/0fb9b6352a723cc4610fdb9f1d46f5c15eccd0bc7a917c478c4da3144a2fcf98/0_Loadout_04.jpg" data-mid="228019998" border="0" src="https://freight.cargo.site/w/1000/i/0fb9b6352a723cc4610fdb9f1d46f5c15eccd0bc7a917c478c4da3144a2fcf98/0_Loadout_04.jpg" /> <img width="1903" height="1000" width_o="1903" height_o="1000" data-src="https://freight.cargo.site/t/original/i/3446926166e38e4f9bae87553d8e74295f2cbf495cbded24a1dcd5f1c0466666/0_artifact3.jpg" data-mid="228020354" border="0" src="https://freight.cargo.site/w/1000/i/3446926166e38e4f9bae87553d8e74295f2cbf495cbded24a1dcd5f1c0466666/0_artifact3.jpg" /> <img width="1902" height="990" width_o="1902" height_o="990" data-src="https://freight.cargo.site/t/original/i/20e6076842a0831d7667eb2aa973b3437b45c5959f092c8071a3cfb2992d1fa4/0_progress.jpg" data-mid="228020414" border="0" src="https://freight.cargo.site/w/1000/i/20e6076842a0831d7667eb2aa973b3437b45c5959f092c8071a3cfb2992d1fa4/0_progress.jpg" /> <img width="1902" height="990" width_o="1902" height_o="990" data-src="https://freight.cargo.site/t/original/i/8c3dc217e87fd56b1e07186c34de00fbf1c729f45ab070d30a29a580e37ae399/0_skin.jpg" data-mid="228020413" border="0" src="https://freight.cargo.site/w/1000/i/8c3dc217e87fd56b1e07186c34de00fbf1c729f45ab070d30a29a580e37ae399/0_skin.jpg" /> <img width="1902" height="990" width_o="1902" height_o="990" data-src="https://freight.cargo.site/t/original/i/f9746bb46a476aa868fc38fa223689c9bc44daf6baa96478bc1b3f1c35fc9ab2/0_artifacts.jpg" data-mid="228020003" border="0" src="https://freight.cargo.site/w/1000/i/f9746bb46a476aa868fc38fa223689c9bc44daf6baa96478bc1b3f1c35fc9ab2/0_artifacts.jpg" /> <img width="1927" height="1094" width_o="1927" height_o="1094" data-src="https://freight.cargo.site/t/original/i/a74149dca5c78e1ffba286e4881dec3015e518081d72c492e1c797980b8c0f28/HUD_02.JPG" data-mid="228020494" border="0" src="https://freight.cargo.site/w/1000/i/a74149dca5c78e1ffba286e4881dec3015e518081d72c492e1c797980b8c0f28/HUD_02.JPG" /> https://haewonnam.com/Dreadnought Sun, 28 Apr 2019 20:02:59 +0000 Haewon Nam https://haewonnam.com/Dreadnought <img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/6a6bbfaa60f5d24ab2013344fc09f0fe5d1c8d0da292cc6f012bd853da0835ff/DASHBOARD_Normal_Elite-Status.jpg" data-mid="44084865" border="0" src="https://freight.cargo.site/w/1000/i/6a6bbfaa60f5d24ab2013344fc09f0fe5d1c8d0da292cc6f012bd853da0835ff/DASHBOARD_Normal_Elite-Status.jpg" /> DREADNOUGHT Playstation4Iron Galaxy Studio Role: User interface artDreadnought is a combat flight simulation game launched on PS4. The world of Dreadnought is in Sci-Fi future. We used clean, thin lines, dots and bracket with glow effects to match the mood of the game.&nbsp; Since it is a team-based arena battle game, communication between teammates while playing is important. I designed in-game&nbsp; interface to enhance team communication. Clean and intuitive lobby was designed for easy access to create custom games.&nbsp; <img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/c3ca5a5a4eab1728d5ab93eb005a77c8ca5de9bf2a272448f073ae82b3ce789e/Reward_anim.gif" data-mid="44088789" border="0" src="https://freight.cargo.site/w/1000/i/c3ca5a5a4eab1728d5ab93eb005a77c8ca5de9bf2a272448f073ae82b3ce789e/Reward_anim.gif" /><img width="960" height="1080" width_o="960" height_o="1080" data-src="https://freight.cargo.site/t/original/i/29be15ccd6a9c9b1ea81542d80048ff8b355e3907e7fdd86ff9906043920e3ba/PlayCrawling.gif" data-mid="44089378" border="0" src="https://freight.cargo.site/w/960/i/29be15ccd6a9c9b1ea81542d80048ff8b355e3907e7fdd86ff9906043920e3ba/PlayCrawling.gif" /> <img width="1916" height="1080" width_o="1916" height_o="1080" data-src="https://freight.cargo.site/t/original/i/c69fd5ce2c1dc11b52aa1bc96e3ddd40ff61de683382bd78e07527e99cffb4dc/Battle-Bonus-Activated.jpg" data-mid="44084862" border="0" src="https://freight.cargo.site/w/1000/i/c69fd5ce2c1dc11b52aa1bc96e3ddd40ff61de683382bd78e07527e99cffb4dc/Battle-Bonus-Activated.jpg" /> <img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/9c27d91db4affd4ea35a8f7f14e09db603e0303a54823106ab350f6ceb902ab9/Manu-Ship-Tech-Tree-Research-Complete.jpg" data-mid="44084871" border="0" src="https://freight.cargo.site/w/1000/i/9c27d91db4affd4ea35a8f7f14e09db603e0303a54823106ab350f6ceb902ab9/Manu-Ship-Tech-Tree-Research-Complete.jpg" /> <img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/00d96e9fbde400d44c668c4e81a906f14b7681415373fce60e8a405efe3145cd/End-of-Match---Earnings.png" data-mid="44084866" border="0" src="https://freight.cargo.site/w/1000/i/00d96e9fbde400d44c668c4e81a906f14b7681415373fce60e8a405efe3145cd/End-of-Match---Earnings.png" /> <img width="1910" height="1066" width_o="1910" height_o="1066" data-src="https://freight.cargo.site/t/original/i/79c95a67aa33a17a65bde080c0de098ca72072e97742a1060c1ad1f389b28afc/Voice-Icons-on-Ships-and-Arrows.png" data-mid="44085455" border="0" src="https://freight.cargo.site/w/1000/i/79c95a67aa33a17a65bde080c0de098ca72072e97742a1060c1ad1f389b28afc/Voice-Icons-on-Ships-and-Arrows.png" /> <img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/27248e1b387d5e52e60d1db18c94a2a09034d9a58e203679498edcebb8c92759/Character-Creation.jpg" data-mid="44084864" border="0" src="https://freight.cargo.site/w/1000/i/27248e1b387d5e52e60d1db18c94a2a09034d9a58e203679498edcebb8c92759/Character-Creation.jpg" /> <img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/9c27d91db4affd4ea35a8f7f14e09db603e0303a54823106ab350f6ceb902ab9/Manu-Ship-Tech-Tree-Research-Complete.jpg" data-mid="44084871" border="0" src="https://freight.cargo.site/w/1000/i/9c27d91db4affd4ea35a8f7f14e09db603e0303a54823106ab350f6ceb902ab9/Manu-Ship-Tech-Tree-Research-Complete.jpg" /> <img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/c07c8e1af8d17283ee0084e853b16c4cf7d67b10d29953606bf22b1e3e07d8ef/End-of-Match_Scoreboard.png" data-mid="44084867" border="0" src="https://freight.cargo.site/w/1000/i/c07c8e1af8d17283ee0084e853b16c4cf7d67b10d29953606bf22b1e3e07d8ef/End-of-Match_Scoreboard.png" /> <img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/ebf87532c64286aa0e9b5a0797ecf06567bf97f95013d56ec40bb6677f99db01/Voice-Chat-indicators-during-Orbit.png" data-mid="44084875" border="0" src="https://freight.cargo.site/w/1000/i/ebf87532c64286aa0e9b5a0797ecf06567bf97f95013d56ec40bb6677f99db01/Voice-Chat-indicators-during-Orbit.png" /> ︎ Trophy Design ︎ <img width="2043" height="1149" width_o="2043" height_o="1149" data-src="https://freight.cargo.site/t/original/i/f2a08b1180c518ccea0af0b71c3f3b4fc2e7d4fdddf5b3e580bd2daffeb54276/trophy_selected.jpg" data-mid="44088750" border="0" src="https://freight.cargo.site/w/1000/i/f2a08b1180c518ccea0af0b71c3f3b4fc2e7d4fdddf5b3e580bd2daffeb54276/trophy_selected.jpg" /> ︎ Downloadable items : Decals ︎ <img width="4674" height="2748" width_o="4674" height_o="2748" data-src="https://freight.cargo.site/t/original/i/2391a73b2befde4ffdcc177d2a36cb9006774c180c6759949868b6882d9b77cd/Decal_HighT.jpg" data-mid="178995258" border="0" src="https://freight.cargo.site/w/1000/i/2391a73b2befde4ffdcc177d2a36cb9006774c180c6759949868b6882d9b77cd/Decal_HighT.jpg" /> https://haewonnam.com/Concrete-Genie Sun, 28 Apr 2019 20:03:00 +0000 Haewon Nam https://haewonnam.com/Concrete-Genie CONCRETE GENIE Playstation4&nbsp; Sony Interactive EntertainmentRole : 3D Environment art and Early concept during Pre-production and Early production (2014 - 2016) Concrete Genie is an action-adventure game. Concrete Genie follows the heartwarming journey of a bullied teenager named Ash, who escapes his troubles by painting spectacular living landscapes and whimsical Genies throughout his abandoned hometown.&nbsp; I was involved from the beginning of the project to early production. My contributions to the project were &nbsp; 3D environment art and early concept art for the environment.&nbsp; ︎ Environment during Pre-production&nbsp;︎ <img width="1920" height="711" width_o="1920" height_o="711" data-src="https://freight.cargo.site/t/original/i/f1e8d7a28382096d7a1a939a0665cbae91d67daf23f2fdbccbcfe1216848ea94/LockerRoom_ArtPass_01.jpg" data-mid="148034739" border="0" src="https://freight.cargo.site/w/1000/i/f1e8d7a28382096d7a1a939a0665cbae91d67daf23f2fdbccbcfe1216848ea94/LockerRoom_ArtPass_01.jpg" /> <img width="1662" height="707" width_o="1662" height_o="707" data-src="https://freight.cargo.site/t/original/i/0b7b23b74ad6381d7a88372a802d9b5aecf3bf66e222f3464a611e9b0e8e487a/LockerRoom_ArtPass_04.jpg" data-mid="148034738" border="0" src="https://freight.cargo.site/w/1000/i/0b7b23b74ad6381d7a88372a802d9b5aecf3bf66e222f3464a611e9b0e8e487a/LockerRoom_ArtPass_04.jpg" /> <img width="1475" height="827" width_o="1475" height_o="827" data-src="https://freight.cargo.site/t/original/i/e9f5312c2603991ba94d39d6638ca7369159f151631fd10bb835baaa1866d419/LockerRoom_ArtPass_05.JPG" data-mid="148034740" border="0" src="https://freight.cargo.site/w/1000/i/e9f5312c2603991ba94d39d6638ca7369159f151631fd10bb835baaa1866d419/LockerRoom_ArtPass_05.JPG" /> <img width="5333" height="3217" width_o="5333" height_o="3217" data-src="https://freight.cargo.site/t/original/i/48f37cd5a03369f7da4bd7728e324546b119fbca7fc70939ec5a40cbf8925727/MapRoom.jpg" data-mid="148034736" border="0" alt="( newspapers paint over by artist Lancing Chen)" data-caption="( newspapers paint over by artist Lancing Chen)" src="https://freight.cargo.site/w/1000/i/48f37cd5a03369f7da4bd7728e324546b119fbca7fc70939ec5a40cbf8925727/MapRoom.jpg" /> ︎&nbsp;Early Concept art ︎ <img width="3500" height="2333" width_o="3500" height_o="2333" data-src="https://freight.cargo.site/t/original/i/faace89d0566824509dafc9fe2da43e8554e03a333ac2bf38b0b650e6f8e7303/maproom_01.jpg" data-mid="148035905" border="0" src="https://freight.cargo.site/w/1000/i/faace89d0566824509dafc9fe2da43e8554e03a333ac2bf38b0b650e6f8e7303/maproom_01.jpg" /><img width="1917" height="665" width_o="1917" height_o="665" data-src="https://freight.cargo.site/t/original/i/44f7c8ecd66e9397b43e021e16352cb05d7da290b69db6c80c7cac63ab0360f3/concept_00.jpg" data-mid="148035906" border="0" src="https://freight.cargo.site/w/1000/i/44f7c8ecd66e9397b43e021e16352cb05d7da290b69db6c80c7cac63ab0360f3/concept_00.jpg" /> <img width="1701" height="910" width_o="1701" height_o="910" data-src="https://freight.cargo.site/t/original/i/9281692c3780295aed87a979b6ba60324f30ae93776358acfd66b76271e6aa63/concept_01.jpg" data-mid="148036099" border="0" src="https://freight.cargo.site/w/1000/i/9281692c3780295aed87a979b6ba60324f30ae93776358acfd66b76271e6aa63/concept_01.jpg" /> <img width="7014" height="2250" width_o="7014" height_o="2250" data-src="https://freight.cargo.site/t/original/i/8d9e0898f669df65a24affcb7af11ef7c7acd87ec5547597b603cc61c45d14db/04.jpg" data-mid="180989472" border="0" src="https://freight.cargo.site/w/1000/i/8d9e0898f669df65a24affcb7af11ef7c7acd87ec5547597b603cc61c45d14db/04.jpg" /> <img width="1887" height="780" width_o="1887" height_o="780" data-src="https://freight.cargo.site/t/original/i/1cf700679d5d5e44adff08af338ad92a3e7d6e57a57fb27cdad667e5a4bab8de/concept_02.jpg" data-mid="148036098" border="0" src="https://freight.cargo.site/w/1000/i/1cf700679d5d5e44adff08af338ad92a3e7d6e57a57fb27cdad667e5a4bab8de/concept_02.jpg" /> <img width="1792" height="855" width_o="1792" height_o="855" data-src="https://freight.cargo.site/t/original/i/e25bb045e1ef01fa1dec6b4dced61bb634d176aecc7e87b9b5715e3068a36ec7/concept_03.jpg" data-mid="148036371" border="0" src="https://freight.cargo.site/w/1000/i/e25bb045e1ef01fa1dec6b4dced61bb634d176aecc7e87b9b5715e3068a36ec7/concept_03.jpg" /> <img width="735" height="894" width_o="735" height_o="894" data-src="https://freight.cargo.site/t/original/i/0ada8751d1d780687651438058208375f9f3afc99a2f2fb1999eebb52d15ed0f/concept_06.jpg" data-mid="148036403" border="0" src="https://freight.cargo.site/w/735/i/0ada8751d1d780687651438058208375f9f3afc99a2f2fb1999eebb52d15ed0f/concept_06.jpg" /> <img width="4600" height="2000" width_o="4600" height_o="2000" data-src="https://freight.cargo.site/t/original/i/fa9c4193a9e3dd56975face89793bf98c45eb184bf20747d897525c37cc25c54/carjunkYard.jpg" data-mid="178995642" border="0" src="https://freight.cargo.site/w/1000/i/fa9c4193a9e3dd56975face89793bf98c45eb184bf20747d897525c37cc25c54/carjunkYard.jpg" /> <img width="8208" height="2880" width_o="8208" height_o="2880" data-src="https://freight.cargo.site/t/original/i/21218b7cbd4f87248c9930ad9506d9770f21abc78d11981cbf21ebbde54c38d3/socialelement.jpg" data-mid="178996368" border="0" src="https://freight.cargo.site/w/1000/i/21218b7cbd4f87248c9930ad9506d9770f21abc78d11981cbf21ebbde54c38d3/socialelement.jpg" /> <img width="1689" height="951" width_o="1689" height_o="951" data-src="https://freight.cargo.site/t/original/i/757f2f529db7b1079460e2f8c2948515be6539394789edf63a260f11204d2ab9/concept_05.jpg" data-mid="148036372" border="0" src="https://freight.cargo.site/w/1000/i/757f2f529db7b1079460e2f8c2948515be6539394789edf63a260f11204d2ab9/concept_05.jpg" /> <img width="5920" height="3300" width_o="5920" height_o="3300" data-src="https://freight.cargo.site/t/original/i/2eaeec937a2981a9d29f7043f5208ade2d5d66030aefa9f6e837cf693fb13f27/clocktower_gearroom2.jpg" data-mid="178995649" border="0" src="https://freight.cargo.site/w/1000/i/2eaeec937a2981a9d29f7043f5208ade2d5d66030aefa9f6e837cf693fb13f27/clocktower_gearroom2.jpg" /> https://haewonnam.com/Entwined Thu, 13 Sep 2018 13:49:09 +0000 Haewon Nam https://haewonnam.com/Entwined ENTWINED&nbsp; PS4, PS3, PS vita, iOS, Android Sony Interactive Entertainment Role : 3D Environment Art, UI design - Featured in 15 Most Beautiful Games on Appstore 2015 Entwined is a vibrant, abstract action arcade game about two souls who are in love but can’t be together. These souls are represented by a bird and a fish, which you must learn to control simultaneously.&nbsp; I worked on environment art(modeling, texturing) and user interface design. &nbsp; You can find behind the scene of the Entwined development process here.Entwined: An Introspective Look Back at Pixelopus’ Emotional Debut UI Design <img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/ee9becfd9ce46505d6a95360fa7e342e2dc302c1020ebe7aaa5f71483831b324/mainmenu.jpg" data-mid="41027359" border="0" src="https://freight.cargo.site/w/1000/i/ee9becfd9ce46505d6a95360fa7e342e2dc302c1020ebe7aaa5f71483831b324/mainmenu.jpg" /> <img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/c4ed4f8e8fe997c02a6e235a86ecbfcf7a835e3120b7cc1204b44636ed2df386/UISkined_mobile_01.jpg" data-mid="41027374" border="0" src="https://freight.cargo.site/w/1000/i/c4ed4f8e8fe997c02a6e235a86ecbfcf7a835e3120b7cc1204b44636ed2df386/UISkined_mobile_01.jpg" /> <img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/eb88784e4c643ff784dcfca273a41b104c8dd93c0dd549fbe3ce2a3401b2a15b/audio.jpg" data-mid="41027361" border="0" src="https://freight.cargo.site/w/1000/i/eb88784e4c643ff784dcfca273a41b104c8dd93c0dd549fbe3ce2a3401b2a15b/audio.jpg" /> <img width="1920" height="1038" width_o="1920" height_o="1038" data-src="https://freight.cargo.site/t/original/i/30a77a3d96896ded9f3833dda393cc8aa88729e41062e2bee78ebfefb996e182/challenge_menu0001.jpg" data-mid="148977479" border="0" src="https://freight.cargo.site/w/1000/i/30a77a3d96896ded9f3833dda393cc8aa88729e41062e2bee78ebfefb996e182/challenge_menu0001.jpg" /> <img width="1920" height="1042" width_o="1920" height_o="1042" data-src="https://freight.cargo.site/t/original/i/2c01c1828c0790fe4e48218f4f850fcd2c07692b5bcddbba4f3ad82432808bdf/IOS_Menu_Final_000.jpg" data-mid="148977581" border="0" src="https://freight.cargo.site/w/1000/i/2c01c1828c0790fe4e48218f4f850fcd2c07692b5bcddbba4f3ad82432808bdf/IOS_Menu_Final_000.jpg" /> <img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/2523ec6c33184c970c9f821a76441f7bc7787a6fc39d7fb22582e68769cdb6a0/ios_leaderboard_global.jpg" data-mid="41027364" border="0" src="https://freight.cargo.site/w/1000/i/2523ec6c33184c970c9f821a76441f7bc7787a6fc39d7fb22582e68769cdb6a0/ios_leaderboard_global.jpg" /> <img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/acd03865ca7dafaed0cb0837613b94e7504e1fb4fb233536a37eec4ee209b2e3/graphic_01.jpg" data-mid="41027377" border="0" src="https://freight.cargo.site/w/1000/i/acd03865ca7dafaed0cb0837613b94e7504e1fb4fb233536a37eec4ee209b2e3/graphic_01.jpg" /> <img width="1024" height="614" width_o="1024" height_o="614" data-src="https://freight.cargo.site/t/original/i/9b750d6c80a78350d6c0fd9ca6b4ff196364e6e7661c89a5cc7518181d115ce4/storyHud_01.jpg" data-mid="41027365" border="0" src="https://freight.cargo.site/w/1000/i/9b750d6c80a78350d6c0fd9ca6b4ff196364e6e7661c89a5cc7518181d115ce4/storyHud_01.jpg" /> <img width="1024" height="614" width_o="1024" height_o="614" data-src="https://freight.cargo.site/t/original/i/7293d590726bfbefb990e4f4762a7cadf8cd845bba1e6164f81634ec693dc123/storyHud_03.jpg" data-mid="41027366" border="0" src="https://freight.cargo.site/w/1000/i/7293d590726bfbefb990e4f4762a7cadf8cd845bba1e6164f81634ec693dc123/storyHud_03.jpg" /> <img width="1024" height="614" width_o="1024" height_o="614" data-src="https://freight.cargo.site/t/original/i/4a17629d012d95c0b4a3d485dee1fd2d3b18bc37b927b9752c3ba857686aa8de/storyHud_04.jpg" data-mid="41027367" border="0" src="https://freight.cargo.site/w/1000/i/4a17629d012d95c0b4a3d485dee1fd2d3b18bc37b927b9752c3ba857686aa8de/storyHud_04.jpg" /> <img width="3412" height="2028" width_o="3412" height_o="2028" data-src="https://freight.cargo.site/t/original/i/26cbd582775807159c3831423bd0360a75b3fcda2b3babbfb5e2aa3d36170663/MoodCurve.jpg" data-mid="44078096" border="0" src="https://freight.cargo.site/w/1000/i/26cbd582775807159c3831423bd0360a75b3fcda2b3babbfb5e2aa3d36170663/MoodCurve.jpg" />Environment Art&nbsp; Entwined was not about one specific character or historical background but about abstract and imaginary spaces that represent emotions. So, the mood curve was designed to recreate the feelings of a specific chapter. As an environment artist, I selected the colors for the first and built the sets around the metaphor of the mood we wanted to deliver. We believed that the rich colors and the mood could communicate the ups and downs of life better. For the last chapter we wanted to give a relaxed and nostalgic feeling, so we brought back little bits of every level with beautifully faded colors to make it feel like memories from the past. <img width="1024" height="572" width_o="1024" height_o="572" data-src="https://freight.cargo.site/t/original/i/eca92b397a38a3376dffde03d520f1402df54dd57775d64936e2686771036074/entwined-1-copy-6.png" data-mid="41027354" border="0" src="https://freight.cargo.site/w/1000/i/eca92b397a38a3376dffde03d520f1402df54dd57775d64936e2686771036074/entwined-1-copy-6.png" /> <img width="1024" height="572" width_o="1024" height_o="572" data-src="https://freight.cargo.site/t/original/i/f0079d1ec3761caafb5667717ab0b75c669c74f4803e47575cdb5f89c252b4d9/entwined-1-copy-7.png" data-mid="41027355" border="0" src="https://freight.cargo.site/w/1000/i/f0079d1ec3761caafb5667717ab0b75c669c74f4803e47575cdb5f89c252b4d9/entwined-1-copy-7.png" /> <img width="1024" height="572" width_o="1024" height_o="572" data-src="https://freight.cargo.site/t/original/i/fc46747c11446637d9a98a1b40afaace1a3f7ffec93adfd5b607aaea14096053/entwined-1-copy.jpg" data-mid="41027356" border="0" src="https://freight.cargo.site/w/1000/i/fc46747c11446637d9a98a1b40afaace1a3f7ffec93adfd5b607aaea14096053/entwined-1-copy.jpg" /> <img width="1024" height="572" width_o="1024" height_o="572" data-src="https://freight.cargo.site/t/original/i/4b0cf9c92475fa4f6470d21436678df004bc953963788c622ac17c4583c13bf3/entwined-1.png" data-mid="41027357" border="0" src="https://freight.cargo.site/w/1000/i/4b0cf9c92475fa4f6470d21436678df004bc953963788c622ac17c4583c13bf3/entwined-1.png" /> https://haewonnam.com/Ninja-Challenge Thu, 13 Sep 2018 13:49:10 +0000 Haewon Nam https://haewonnam.com/Ninja-Challenge NINJA CHALLENGE Kinect Contribution : Environment Art, UI designNinja Challenge is a Kinect game prototype while I worked on Carnegie Mellon University team with Microsoft as a Co-op project. Our team worked with Microsoft to create a cutting-edge prototype for Kinect Labs lineups. Our goal was to innovate specifically to do something new and different with the Kinect sensor. We used head tracking technology to create an immersive and unique experience in which the players dodge side to side and punch on coming ninja. <img width="1024" height="576" width_o="1024" height_o="576" data-src="https://freight.cargo.site/t/original/i/46d061ff12b2fc17b9c369ad80ade05a37ac00dbd160a181cfe7d792272f2a5a/ninja_art_00.jpg" data-mid="41027390" border="0" src="https://freight.cargo.site/w/1000/i/46d061ff12b2fc17b9c369ad80ade05a37ac00dbd160a181cfe7d792272f2a5a/ninja_art_00.jpg" /> <img width="1024" height="576" width_o="1024" height_o="576" data-src="https://freight.cargo.site/t/original/i/55be80f914fccc3f8ee37191018b11f6675eac71fccd6b2082417360a9e65b3b/Ninja_ui_3_2.jpg" data-mid="41027393" border="0" src="https://freight.cargo.site/w/1000/i/55be80f914fccc3f8ee37191018b11f6675eac71fccd6b2082417360a9e65b3b/Ninja_ui_3_2.jpg" /> <img width="1024" height="576" width_o="1024" height_o="576" data-src="https://freight.cargo.site/t/original/i/37babd74645af2468c0292b11716b1fee8d4aab88a9ad4a6a5550e26ee1b6883/ninja_ui_2.jpg" data-mid="41027381" border="0" src="https://freight.cargo.site/w/1000/i/37babd74645af2468c0292b11716b1fee8d4aab88a9ad4a6a5550e26ee1b6883/ninja_ui_2.jpg" /> <img width="1024" height="576" width_o="1024" height_o="576" data-src="https://freight.cargo.site/t/original/i/9109f15af7fecdc98109fbc87a8d268f52ed30e834501fb540cbe9f290940509/ninja_ui_5.jpg" data-mid="41027384" border="0" src="https://freight.cargo.site/w/1000/i/9109f15af7fecdc98109fbc87a8d268f52ed30e834501fb540cbe9f290940509/ninja_ui_5.jpg" /> <img width="1024" height="576" width_o="1024" height_o="576" data-src="https://freight.cargo.site/t/original/i/8bf48985dd9f4bdb19388f6d4f4335665e8c604d96738e5874b8da973bc00fc8/ninja_ui_8.jpg" data-mid="41027387" border="0" src="https://freight.cargo.site/w/1000/i/8bf48985dd9f4bdb19388f6d4f4335665e8c604d96738e5874b8da973bc00fc8/ninja_ui_8.jpg" /> <img width="1024" height="576" width_o="1024" height_o="576" data-src="https://freight.cargo.site/t/original/i/73a19e516db777887f97123220c01165ee46883492b9db161c4f6c16492757b6/ninjascreenshot_01.jpg" data-mid="41027392" border="0" src="https://freight.cargo.site/w/1000/i/73a19e516db777887f97123220c01165ee46883492b9db161c4f6c16492757b6/ninjascreenshot_01.jpg" /> <img width="1024" height="576" width_o="1024" height_o="576" data-src="https://freight.cargo.site/t/original/i/e3836714aa86c1152cdbd3bba03683a9bdb861b1a0243241334d626e1239da59/ninjascreenshot_00.jpg" data-mid="41027391" border="0" src="https://freight.cargo.site/w/1000/i/e3836714aa86c1152cdbd3bba03683a9bdb861b1a0243241334d626e1239da59/ninjascreenshot_00.jpg" /> <img width="1024" height="576" width_o="1024" height_o="576" data-src="https://freight.cargo.site/t/original/i/703ccb411695b5d93d3eca4455e25c6e0350b1a01f0f26031ee7f43f3af8aeab/ninja_ui_12.jpg" data-mid="41027388" border="0" src="https://freight.cargo.site/w/1000/i/703ccb411695b5d93d3eca4455e25c6e0350b1a01f0f26031ee7f43f3af8aeab/ninja_ui_12.jpg" /> https://haewonnam.com/Torch Thu, 13 Sep 2018 13:49:12 +0000 Haewon Nam https://haewonnam.com/Torch TORCH Smart TV and Android handheld devices Contribution: Environment Art Torch is a multi-player dungeon crawl game. Players use their local devices to see what’s nearby, and light torches to reveal the full dungeon on the TV screen. Carnegie Mellon University team working with Electronic Arts to create a connected living room play experience using smart TVs, phones, and tablets. We were exploring the viability of the multi-device platform for interactive game content and examining what it means to bring multi-screen gaming into the living room space. <img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/0b74e1dca8cc0bac65c7f3f95ce59c24826d229b8c4c6a140aa4570d8f0c55eb/TorchArt_00.jpg" data-mid="41027404" border="0" src="https://freight.cargo.site/w/1000/i/0b74e1dca8cc0bac65c7f3f95ce59c24826d229b8c4c6a140aa4570d8f0c55eb/TorchArt_00.jpg" /><img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/ae503e41f6e4c3e721557302d7b0d8e15cf43c6dd2414e43f2ce838cbd6b4097/TorchArt_01.jpg" data-mid="41027405" border="0" src="https://freight.cargo.site/w/1000/i/ae503e41f6e4c3e721557302d7b0d8e15cf43c6dd2414e43f2ce838cbd6b4097/TorchArt_01.jpg" /><img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/00407caed77dacb1b7f6e58e26922f96aeb160418333e5d5f2240b77ffcbbd6e/TorchArt_02.jpg" data-mid="41027406" border="0" src="https://freight.cargo.site/w/1000/i/00407caed77dacb1b7f6e58e26922f96aeb160418333e5d5f2240b77ffcbbd6e/TorchArt_02.jpg" /><img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/9eabb6773dbccc10da97b1010e7c4ab9bf8c3bf02add3d667cb02a4cb17c2c9a/TorchArt_03.jpg" data-mid="41027407" border="0" src="https://freight.cargo.site/w/1000/i/9eabb6773dbccc10da97b1010e7c4ab9bf8c3bf02add3d667cb02a4cb17c2c9a/TorchArt_03.jpg" /> <img width="1280" height="800" width_o="1280" height_o="800" data-src="https://freight.cargo.site/t/original/i/32b62eb1fca04effa76590945ea51404ffc729299933b01144896098f9b5f975/Screenshot_2012-11-26-14-00-59.png" data-mid="41027395" border="0" src="https://freight.cargo.site/w/1000/i/32b62eb1fca04effa76590945ea51404ffc729299933b01144896098f9b5f975/Screenshot_2012-11-26-14-00-59.png" /> <img width="1280" height="800" width_o="1280" height_o="800" data-src="https://freight.cargo.site/t/original/i/51cd1da3a5f190cc737796f73d47595a14847ad047116c51dee39682e30ccb9c/Screenshot_2012-11-26-14-01-19.png" data-mid="41027396" border="0" src="https://freight.cargo.site/w/1000/i/51cd1da3a5f190cc737796f73d47595a14847ad047116c51dee39682e30ccb9c/Screenshot_2012-11-26-14-01-19.png" /> <img width="1280" height="800" width_o="1280" height_o="800" data-src="https://freight.cargo.site/t/original/i/7cc281f47fd2eb43ac3f21a57f7c20056e2f84dd52845652bb44da96adfd1b2b/Screenshot_2012-11-26-14-01-42.png" data-mid="41027397" border="0" src="https://freight.cargo.site/w/1000/i/7cc281f47fd2eb43ac3f21a57f7c20056e2f84dd52845652bb44da96adfd1b2b/Screenshot_2012-11-26-14-01-42.png" /> <img width="1280" height="800" width_o="1280" height_o="800" data-src="https://freight.cargo.site/t/original/i/a874d615985636187d58704c513c9b7c5dac0694f8ab6a0fed2af2d3f2f200d4/Screenshot_2012-11-26-14-03-00.png" data-mid="41027398" border="0" src="https://freight.cargo.site/w/1000/i/a874d615985636187d58704c513c9b7c5dac0694f8ab6a0fed2af2d3f2f200d4/Screenshot_2012-11-26-14-03-00.png" /> <img width="1280" height="800" width_o="1280" height_o="800" data-src="https://freight.cargo.site/t/original/i/d23d0959916bd5e30a74d5dbcd419edff0f93e805cb7199f1b251c9710a5cc19/Screenshot_2012-11-26-14-03-24.png" data-mid="41027399" border="0" src="https://freight.cargo.site/w/1000/i/d23d0959916bd5e30a74d5dbcd419edff0f93e805cb7199f1b251c9710a5cc19/Screenshot_2012-11-26-14-03-24.png" /> <img width="1280" height="800" width_o="1280" height_o="800" data-src="https://freight.cargo.site/t/original/i/2ee617d2c760b40bed0980f905aebb11f376d167c1ebd6fbd0361ad76fc99e96/Screenshot_2012-11-26-14-04-01.png" data-mid="41027400" border="0" src="https://freight.cargo.site/w/1000/i/2ee617d2c760b40bed0980f905aebb11f376d167c1ebd6fbd0361ad76fc99e96/Screenshot_2012-11-26-14-04-01.png" /> <img width="1280" height="800" width_o="1280" height_o="800" data-src="https://freight.cargo.site/t/original/i/d0530efb51406f1665f894d33deca273cf75d398779099cc3e792b811a9da298/Screenshot_2012-11-26-14-04-31.png" data-mid="41027401" border="0" src="https://freight.cargo.site/w/1000/i/d0530efb51406f1665f894d33deca273cf75d398779099cc3e792b811a9da298/Screenshot_2012-11-26-14-04-31.png" /> <img width="1280" height="800" width_o="1280" height_o="800" data-src="https://freight.cargo.site/t/original/i/923c01c15e20e38d0323716b2c94ed5aede33ff6505f7ba8da3e20c76cb38c0b/Screenshot_2012-11-26-14-05-21.png" data-mid="41027402" border="0" src="https://freight.cargo.site/w/1000/i/923c01c15e20e38d0323716b2c94ed5aede33ff6505f7ba8da3e20c76cb38c0b/Screenshot_2012-11-26-14-05-21.png" /> <img width="1728" height="1080" width_o="1728" height_o="1080" data-src="https://freight.cargo.site/t/original/i/f9f8153af71be2121176a008635e3300eef46dea33c2a54ae333a65c2c292778/screen_01.jpg" data-mid="41027403" border="0" src="https://freight.cargo.site/w/1000/i/f9f8153af71be2121176a008635e3300eef46dea33c2a54ae333a65c2c292778/screen_01.jpg" /> https://haewonnam.com/Pico Thu, 13 Sep 2018 13:49:11 +0000 Haewon Nam https://haewonnam.com/Pico PICO PC Contribution : Background Art and UI designTeam : Digital Dream Quarter ( Eren Song, Haewon Nam, Josephine Tsay, and Romain Deciron) Graduates from Carnegie Mellon University - &nbsp;IndieCade 2013 Finalist - &nbsp;Microsoft Imagine Cup Top 50 Pico is an original, 2D puzzle adventure game. This initial version was developed for the Windows PC platform. The idea is to make a game where popups are actually relevant to the main gameplay and to make the experience fun. The player helps Pico to find his father in the mysterious world by re-arranging popups in a certain way to solve puzzles.&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <img width="1024" height="902" width_o="1024" height_o="902" data-src="https://freight.cargo.site/t/original/i/5021ced4e38017777998a0e7af7c74061e3fb28ccec2954a5802b04d019f3601/pico_art2.jpg" data-mid="41027394" border="0" src="https://freight.cargo.site/w/1000/i/5021ced4e38017777998a0e7af7c74061e3fb28ccec2954a5802b04d019f3601/pico_art2.jpg" /> https://haewonnam.com/Soomo-Publishing Thu, 13 Sep 2018 13:49:13 +0000 Haewon Nam https://haewonnam.com/Soomo-Publishing SOOMO PUBLISHING Role: UI Artist&nbsp; &nbsp; Soomo Publishing designs and publishes webtexts: interactive learning resources for college courses. I was approached to design wireframes and re-skin some of the old user interfaces. My particular contribution is designing several visual concepts and wireframes for the Table of Contents for “American Government” and the Web textbook: American Government. I also re-designed the Top Navigation and Chapter Opener.&nbsp; Several wireframes were designed for Student Analytic page. CHAPTER OPENER <img width="1024" height="879" width_o="1024" height_o="879" data-src="https://freight.cargo.site/t/original/i/f63e172aec9d632959ab17c1ca05816e440eab95f206f40b1f6a8a80579b76e4/opener1_1.jpg" data-mid="41027410" border="0" src="https://freight.cargo.site/w/1000/i/f63e172aec9d632959ab17c1ca05816e440eab95f206f40b1f6a8a80579b76e4/opener1_1.jpg" /><img width="1024" height="879" width_o="1024" height_o="879" data-src="https://freight.cargo.site/t/original/i/49c2b61e6c09ea704e24386bccf42990ee729cc3cf63a38a1c70de5ec40415ab/opener1_2.jpg" data-mid="41027411" border="0" src="https://freight.cargo.site/w/1000/i/49c2b61e6c09ea704e24386bccf42990ee729cc3cf63a38a1c70de5ec40415ab/opener1_2.jpg" /><img width="1024" height="879" width_o="1024" height_o="879" data-src="https://freight.cargo.site/t/original/i/4d26568fa623c6f95598a1eced98f6cfb27b5baa897914ed061fcb17172c989e/opener1_3.jpg" data-mid="41027412" border="0" src="https://freight.cargo.site/w/1000/i/4d26568fa623c6f95598a1eced98f6cfb27b5baa897914ed061fcb17172c989e/opener1_3.jpg" /><img width="1024" height="879" width_o="1024" height_o="879" data-src="https://freight.cargo.site/t/original/i/e3e214ad591c5393f93eb0e5f5f1f2a6e8c249ca801ad3ded8831bc543f2287d/opener1_4.jpg" data-mid="41027413" border="0" src="https://freight.cargo.site/w/1000/i/e3e214ad591c5393f93eb0e5f5f1f2a6e8c249ca801ad3ded8831bc543f2287d/opener1_4.jpg" /> CONCEPT SKETCH FOR ‘TABLE OF CONTENTS <img width="1024" height="2193" width_o="1024" height_o="2193" data-src="https://freight.cargo.site/t/original/i/3953287d5bf9fdb207ddb5ee2b551f96e2b8956a07dc4c9d71e4d420ba453532/soomo_concept.jpg" data-mid="41027409" border="0" src="https://freight.cargo.site/w/1000/i/3953287d5bf9fdb207ddb5ee2b551f96e2b8956a07dc4c9d71e4d420ba453532/soomo_concept.jpg" /> https://haewonnam.com/Homepage Sun, 28 Apr 2019 20:03:01 +0000 Haewon Nam https://haewonnam.com/Homepage