top of page
Ruins UI Design
Problem Statement
This is a game that we had to create for a Level Design Class and I had decided Create the UI for the game
​
Problems
How do you Incorporate UI in that it does not detract from the Gameplay?
​
Solution
Using thematic elements throughout the game
Team Size: 1
Duration: 3 Months
Roles: UX/UI Designer
![Ruins2.jpg](https://static.wixstatic.com/media/b07df2_d8082540f30e41e2b8693f8e72a18024~mv2.jpg/v1/fill/w_784,h_441,al_c,q_80,usm_0.66_1.00_0.01,enc_avif,quality_auto/Ruins2.jpg)
![Ruins3.jpg](https://static.wixstatic.com/media/b07df2_dcbd4ed1c087464abf1dca8cab271f11~mv2.jpg/v1/fill/w_783,h_444,al_c,q_80,usm_0.66_1.00_0.01,enc_avif,quality_auto/Ruins3.jpg)
![Ruins4.jpg](https://static.wixstatic.com/media/b07df2_87449b4f15064d9783c42b3d17a9a6cb~mv2.jpg/v1/fill/w_783,h_441,al_c,q_80,usm_0.66_1.00_0.01,enc_avif,quality_auto/Ruins4.jpg)
![Ruins6.jpg](https://static.wixstatic.com/media/b07df2_b841100d980b4886bbd5e81361ec7bc2~mv2.jpg/v1/fill/w_783,h_439,al_c,q_80,usm_0.66_1.00_0.01,enc_avif,quality_auto/Ruins6.jpg)
![Ruins7.jpg](https://static.wixstatic.com/media/b07df2_e4ebc0ed903048a598590a879f7b874c~mv2.jpg/v1/fill/w_783,h_438,al_c,q_80,usm_0.66_1.00_0.01,enc_avif,quality_auto/Ruins7.jpg)
![Ruins9.jpg](https://static.wixstatic.com/media/b07df2_b716eff7268044eeb4813779454f0774~mv2.jpg/v1/fill/w_783,h_438,al_c,q_80,usm_0.66_1.00_0.01,enc_avif,quality_auto/Ruins9.jpg)
![Ruins10.jpg](https://static.wixstatic.com/media/b07df2_3651bd69d7f04ddf8cf95c8ef046eb16~mv2.jpg/v1/fill/w_783,h_439,al_c,q_80,usm_0.66_1.00_0.01,enc_avif,quality_auto/Ruins10.jpg)
![Ruins11.jpg](https://static.wixstatic.com/media/b07df2_c9d7e2811c50446b94adce3d73a99298~mv2.jpg/v1/fill/w_783,h_438,al_c,q_80,usm_0.66_1.00_0.01,enc_avif,quality_auto/Ruins11.jpg)
![Ruins12.jpg](https://static.wixstatic.com/media/b07df2_4129dc06a9514a1fa10f44a56b7d3a19~mv2.jpg/v1/fill/w_783,h_440,al_c,q_80,usm_0.66_1.00_0.01,enc_avif,quality_auto/Ruins12.jpg)
![Ruins13.jpg](https://static.wixstatic.com/media/b07df2_e5e884446c2a4d15a0f2145b7278cba7~mv2.jpg/v1/fill/w_783,h_438,al_c,q_80,usm_0.66_1.00_0.01,enc_avif,quality_auto/Ruins13.jpg)
![Ruins15.jpg](https://static.wixstatic.com/media/b07df2_cf4295d0c2164c3cb1733bacea5f6c14~mv2.jpg/v1/fill/w_783,h_439,al_c,q_80,usm_0.66_1.00_0.01,enc_avif,quality_auto/Ruins15.jpg)
![Ruins16.jpg](https://static.wixstatic.com/media/b07df2_25b5baf04dca4e288d22c46a4bb39a2a~mv2.jpg/v1/fill/w_783,h_439,al_c,q_80,usm_0.66_1.00_0.01,enc_avif,quality_auto/Ruins16.jpg)
![Ruins16.jpg](https://static.wixstatic.com/media/b07df2_25b5baf04dca4e288d22c46a4bb39a2a~mv2.jpg/v1/fill/w_783,h_439,al_c,q_80,usm_0.66_1.00_0.01,enc_avif,quality_auto/Ruins16.jpg)
![Ruins17.jpg](https://static.wixstatic.com/media/b07df2_9b79d3d34b714442984683c8292c5205~mv2.jpg/v1/fill/w_783,h_437,al_c,q_80,usm_0.66_1.00_0.01,enc_avif,quality_auto/Ruins17.jpg)
![Ruins18.jpg](https://static.wixstatic.com/media/b07df2_8826788b20c8455fa99b13923c4cf3ec~mv2.jpg/v1/fill/w_783,h_438,al_c,q_80,usm_0.66_1.00_0.01,enc_avif,quality_auto/Ruins18.jpg)
bottom of page