PC-98 Puzzle Game Concept Art
I wanted to create a concept for a game that was both a visual novel and puzzle game. The story would follow a magical girl style plot set in a brutalist, communist environment and to kill baddies you would have to compete in a color matching puzzle game, like Puyo Puyo. I was heavily influenced by 90s raver fashion and PC-98 games.
![](https://cdn.myportfolio.com/dd15ed38d04334c6c6203d928d3c304c/d686c92a-031a-44f3-905a-c9f69e0c28f6_rw_1200.gif?h=ba2b18494d74cb1425ad55902026c64d)
UI/UX
I started with the UI to settle with a color palette and sense of the gameplay. The layout is meant to replicate the look of PC-98 games where the action would take place in a small part of the screen.
![](https://cdn.myportfolio.com/dd15ed38d04334c6c6203d928d3c304c/92e4ea10-af19-4749-9c21-5857299dbcb2_rw_3840.jpg?h=2a56432a7e4f416450355f403bcdcaa0)
![](https://cdn.myportfolio.com/dd15ed38d04334c6c6203d928d3c304c/8cc907fb-562b-429e-8386-a425766a078a_rw_3840.jpg?h=9f4639b8f99e6994a957513ff814fde4)
![](https://cdn.myportfolio.com/dd15ed38d04334c6c6203d928d3c304c/2230ce31-f0cd-4461-960d-03eed4ba8fae_rw_1200.png?h=c65261136c0450d77b779106cd2de4be)
Icons and assets up close
![](https://cdn.myportfolio.com/dd15ed38d04334c6c6203d928d3c304c/343c8d87-f093-4af0-b7a6-60cc079e1752_rw_600.png?h=3ff330a7b53fe11daa0d939073a28702)
![](https://cdn.myportfolio.com/dd15ed38d04334c6c6203d928d3c304c/474e1ee3-d786-4c9a-b5e9-63a274d1f4ba_rw_1200.gif?h=acdce6d4bfa17450426bd3a5f4a9f021)
![](https://cdn.myportfolio.com/dd15ed38d04334c6c6203d928d3c304c/cbc097b4-006d-4a0a-ab20-53dc1e2ac85f_rw_1200.gif?h=b9fcff31209fccdf57b50a4cdfc2ae97)
Environment Design
My initial critique said that the first color choices blended too much into the UI and the right was too baron. So after playing around with the colors I settled on the green/purple and added some more elements to break up the composition.
![](https://cdn.myportfolio.com/dd15ed38d04334c6c6203d928d3c304c/429c4757-4835-4883-87ee-480b0109a80f_rw_1920.jpg?h=125e5e7f0299a402c068b1c616fb59b2)
![](https://cdn.myportfolio.com/dd15ed38d04334c6c6203d928d3c304c/158909a4-f251-494e-8716-56f887b70135_rw_1920.png?h=981db42af5b1c434d5c314583bb3abb1)
Sketches for the environment and initial color
![](https://cdn.myportfolio.com/dd15ed38d04334c6c6203d928d3c304c/78735280-9153-4a4f-885b-6a2043e25e16_rw_1920.jpg?h=d43cfd318c0733b1fa712017f3181120)
![](https://cdn.myportfolio.com/dd15ed38d04334c6c6203d928d3c304c/d4d91dc1-ecef-4c86-8252-b4b7d61e32dd_rw_1920.jpg?h=2402710db82c785bda14fe92af7ee7c9)
![](https://cdn.myportfolio.com/dd15ed38d04334c6c6203d928d3c304c/ebd7894f-13f1-48b3-ae4d-8593db3a31a2_rw_1920.jpg?h=f31523782106568a356f0993a0fcd5c9)
Villain Character Design
The initial sketches of the enemy/villain the top arms were down so I raised em to make the silhouette stronger. The initial color did not fit the rest of the game. So I played around with color variations until I settled on the version below.
![](https://cdn.myportfolio.com/dd15ed38d04334c6c6203d928d3c304c/902b597d-ac41-46bb-b92c-1645a14bf811_rw_1200.gif?h=5fd1a20fb79a3b80f65e63f0c12c3760)
Silhouettes and color variations
![](https://cdn.myportfolio.com/dd15ed38d04334c6c6203d928d3c304c/0f29139d-8d80-4fe1-a6b1-57d84b26b032_rw_3840.jpg?h=c53cbdecd024b4261f1108fde94a27b7)
![](https://cdn.myportfolio.com/dd15ed38d04334c6c6203d928d3c304c/58bf036c-5d9a-4040-b0fa-e547a15f3516_rw_1920.jpg?h=097f14d92063e0743ae2d171962989e2)
![](https://cdn.myportfolio.com/dd15ed38d04334c6c6203d928d3c304c/6ca89383-03f6-4dcb-968b-de4e1ed44122_rw_1200.png?h=e6d29002cead952dd7a7bf31e674afd7)
![](https://cdn.myportfolio.com/dd15ed38d04334c6c6203d928d3c304c/ad5d249a-09eb-4735-898c-5a6287d5fe02_rw_1200.jpg?h=0e1c220f4c6a3ebb47c8e2054e827b54)
![](https://cdn.myportfolio.com/dd15ed38d04334c6c6203d928d3c304c/e6c069f8-8167-43e9-9ee5-a47da5a49624_rw_1200.jpg?h=4735899251538308c061fd4c4e80c22f)
![](https://cdn.myportfolio.com/dd15ed38d04334c6c6203d928d3c304c/21302825-10b4-43f2-b9ac-61c37b1683ab_rw_1200.jpg?h=b8f51234d36a6f403f3d38178d3390c0)
Main Character Design
I wanted to focus on the outfit of the character but I was told the poses were too boring. So for the final I worked on giving her a more dynamic pose that took my favorite elements from each of the designs.
![](https://cdn.myportfolio.com/dd15ed38d04334c6c6203d928d3c304c/3105e94a-69dd-4946-90b6-c0c5fa698b78_rw_1200.png?h=77ad47dce916c03b883d01d080f68232)
![](https://cdn.myportfolio.com/dd15ed38d04334c6c6203d928d3c304c/f85d18ec-16a4-41c9-8d76-c22aa41f84b8_rw_1200.gif?h=095bc3cabd14175259db4e61db090de0)
Silhouettes and Sketches
![](https://cdn.myportfolio.com/dd15ed38d04334c6c6203d928d3c304c/63738c52-9eef-48da-8ccf-3fadfe1c1b67_rw_1920.jpg?h=28cc688da5ef03b28edf61d5fd8499d5)
![](https://cdn.myportfolio.com/dd15ed38d04334c6c6203d928d3c304c/16d4397b-d147-4e74-9e8c-86671296cbad_rw_3840.jpg?h=212be89e047dd7f424d64d9407f6824f)
![](https://cdn.myportfolio.com/dd15ed38d04334c6c6203d928d3c304c/00a20302-4960-4c9c-9b33-98de696fd37c_rw_1920.jpg?h=7fc00bba91cafda1874cf5f9f377bac8)
Key Image
Meant to be used for the box art poster or social media header. Features the city and the main character crossing paths with her superhero self.
![](https://cdn.myportfolio.com/dd15ed38d04334c6c6203d928d3c304c/bc117c14-5f7b-404d-8c6c-1467430b667c_rw_1920.png?h=5fd8088edf79fcfa549a5bdefc0194aa)
Sketches and Influence
![](https://cdn.myportfolio.com/dd15ed38d04334c6c6203d928d3c304c/0f292129-1e5c-4f70-a2ab-247e667d6ec8_rw_1920.jpg?h=cbed41bfe2ea837b0de150ad0751a040)
![](https://cdn.myportfolio.com/dd15ed38d04334c6c6203d928d3c304c/56a6bccb-448b-455d-bb98-1c41aa7521ed_rw_1920.jpg?h=82100154c0dee0240360072d4dce8d05)
![](https://cdn.myportfolio.com/dd15ed38d04334c6c6203d928d3c304c/9ddefed0-ef90-44f8-b98b-30b88a243a3d_rw_1200.png?h=e09d4b3ccba7483d97efb6fa23315251)
![](https://cdn.myportfolio.com/dd15ed38d04334c6c6203d928d3c304c/3c099a5d-7c4a-417b-8194-bcdab594865d_rw_1920.jpg?h=88804902ff7c6db289d464fe02b7f3e4)
![](https://cdn.myportfolio.com/dd15ed38d04334c6c6203d928d3c304c/574ed46f-4521-48b6-8acf-d876a5ec048e_rw_1920.png?h=14360f2c6948d394d915dd5bc95e4aae)
![](https://cdn.myportfolio.com/dd15ed38d04334c6c6203d928d3c304c/24c90bf3-6a3e-4bc7-87e9-d868e00cfd1d_rw_3840.png?h=dd4c0e9675180ba0873b261e6eca28b8)
![](https://cdn.myportfolio.com/dd15ed38d04334c6c6203d928d3c304c/832bae8f-b8d6-4dab-aabc-748f2980ceed_rw_1920.png?h=196899bfe8f3eb9e487c88406421b376)
![](https://cdn.myportfolio.com/dd15ed38d04334c6c6203d928d3c304c/6be3d993-33a9-4b03-8eeb-93b94ec84e94_rw_1920.jpg?h=5a852497b150a4d42b33eec34f085b73)
![](https://cdn.myportfolio.com/dd15ed38d04334c6c6203d928d3c304c/1868ac48-8f88-4c79-afa4-609c09ac3d18_rw_1200.gif?h=f5233477b0528d1ca85ef8f70449ccec)