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/48658fc7-9d92-4f5f-bd7c-ef8c218af866_rw_1200.gif?h=94b74f8d0241a3a4fcfee904648d3429)
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/56097c80-f4aa-4edb-847c-222e28aacfc4_rw_3840.jpg?h=36dee2a96ff3e04f488efa406aa41b7c)
![](https://cdn.myportfolio.com/dd15ed38d04334c6c6203d928d3c304c/fb0229fb-ec60-453d-b785-59eb320a44ed_rw_3840.jpg?h=c2b5ddaf4f2bdc3cb7cedfbdb39929b5)
![](https://cdn.myportfolio.com/dd15ed38d04334c6c6203d928d3c304c/bc2e4898-f4d4-492c-9bf2-239cb7299ee1_rw_1200.png?h=b4b4f31e491e193c2b73b122c541a390)
Icons and assets up close
![](https://cdn.myportfolio.com/dd15ed38d04334c6c6203d928d3c304c/4078e1fd-3bec-43e0-adc9-08c8fdd36f6e_rw_600.png?h=9ebe16b6ca5c0f6e5b5bbcc41b7a48c7)
![](https://cdn.myportfolio.com/dd15ed38d04334c6c6203d928d3c304c/bf4c2e63-275b-4859-8357-56430f7e9d86_rw_1200.gif?h=fd4eb925173c7dc73d66604abafb84bb)
![](https://cdn.myportfolio.com/dd15ed38d04334c6c6203d928d3c304c/f552b9a3-8cad-4e02-acdf-fa4e441e211e_rw_1200.gif?h=f7cf61dd052d829ef9001bc0be4dda61)
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/0b96d1e5-ffed-4f0e-b806-db560b7ac135_rw_1920.jpg?h=4b6048e46828baa9c73de4797438fbf7)
![](https://cdn.myportfolio.com/dd15ed38d04334c6c6203d928d3c304c/1e73b8b1-7f3c-499d-878b-9933730a509c_rw_1920.png?h=97ecf703b63a46a023a0e5671ee3184f)
Sketches for the environment and initial color
![](https://cdn.myportfolio.com/dd15ed38d04334c6c6203d928d3c304c/4bd6fa8c-2c9d-447e-a57a-c9e802b10290_rw_1920.jpg?h=a7790e9ff8a92d874687723c03aebd30)
![](https://cdn.myportfolio.com/dd15ed38d04334c6c6203d928d3c304c/dae12209-2a5f-4886-85fa-78f7c942e49c_rw_1920.jpg?h=efddb121a9e4918bb78956b9d8bce283)
![](https://cdn.myportfolio.com/dd15ed38d04334c6c6203d928d3c304c/f3784dbc-9608-4d70-84e5-2b79934866a9_rw_1920.jpg?h=e871555dc6272dd54372e1acc1fa9f63)
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/89177bad-00b6-4793-b217-2ecc6d8aac08_rw_1200.gif?h=b4cc500069c030e933296d0f63ad5ee0)
Silhouettes and color variations
![](https://cdn.myportfolio.com/dd15ed38d04334c6c6203d928d3c304c/9cdbec54-9f94-4e23-931a-d45612743627_rw_3840.jpg?h=d4ee0484ef896c84c82a539d32f3a08a)
![](https://cdn.myportfolio.com/dd15ed38d04334c6c6203d928d3c304c/7c1c65c2-9622-459a-948d-b637587352b6_rw_1920.jpg?h=aaf4403f17877a0b153c2dbe4b467884)
![](https://cdn.myportfolio.com/dd15ed38d04334c6c6203d928d3c304c/45c17261-4469-49d9-a179-184e91838544_rw_1200.png?h=6e9aff431604672e25323f9a29038e03)
![](https://cdn.myportfolio.com/dd15ed38d04334c6c6203d928d3c304c/9a913a97-6107-406c-9ed3-0ac40fad1bb1_rw_1200.jpg?h=831fe428d5888542a5d3c4a2eeb15e01)
![](https://cdn.myportfolio.com/dd15ed38d04334c6c6203d928d3c304c/7eb41ecf-38d3-4043-8b75-d32ac65b48d1_rw_1200.jpg?h=cd8d205b86243c60742a8867d297dfbd)
![](https://cdn.myportfolio.com/dd15ed38d04334c6c6203d928d3c304c/e1ca1d82-7d2f-4b42-b210-d4a71235b19a_rw_1200.jpg?h=b4d250d7aa2dde2fffb611876be7f94a)
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/78a1f7b1-fffe-4651-bf95-9a0b7ef2b1fa_rw_1200.png?h=77ead26460b16fb78854ba9767841170)
![](https://cdn.myportfolio.com/dd15ed38d04334c6c6203d928d3c304c/07f0ca07-2aaf-43e4-95c9-e792ab863f97_rw_1200.gif?h=114b4d5b67898f7a5320a7a048a1bded)
Silhouettes and Sketches
![](https://cdn.myportfolio.com/dd15ed38d04334c6c6203d928d3c304c/8a20321d-dde7-4d5c-bd35-393784c008e5_rw_1920.jpg?h=37b563472212c77b5e120c0042813cef)
![](https://cdn.myportfolio.com/dd15ed38d04334c6c6203d928d3c304c/b705d5c7-f7b9-4554-aeda-3c0d387fde9d_rw_3840.jpg?h=d7d49aa2ea27dea7e497fd8bb0a5e4fb)
![](https://cdn.myportfolio.com/dd15ed38d04334c6c6203d928d3c304c/855459f7-3bb4-4c19-9001-6494e026de30_rw_1920.jpg?h=292000875ac879c94d8dbc1ed9351d37)
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/f44c3eb3-24ee-4e65-81d5-4475abca9d2e_rw_1920.png?h=36980215df9f2c59e01c0775aba500c4)
Sketches and Influence
![](https://cdn.myportfolio.com/dd15ed38d04334c6c6203d928d3c304c/6bff307a-f147-4893-87c3-bd8f54006dfc_rw_1920.jpg?h=0389136555e1e1cfc4f8fcc5dc386472)
![](https://cdn.myportfolio.com/dd15ed38d04334c6c6203d928d3c304c/07e7ad08-e86e-46d2-8c2e-0cebbf3794cb_rw_1920.jpg?h=bc10be6f393a1239a13d6d7983db4afe)
![](https://cdn.myportfolio.com/dd15ed38d04334c6c6203d928d3c304c/0ad36b6e-0d3e-480d-a9bf-e39b4d91f4f7_rw_1200.png?h=9dd4a80fdb90c654a34e3caff58fdd75)
![](https://cdn.myportfolio.com/dd15ed38d04334c6c6203d928d3c304c/50acb601-0910-4446-9b6b-d99074d9c317_rw_1920.jpg?h=83fbf480ed94da068f63a78000237932)
![](https://cdn.myportfolio.com/dd15ed38d04334c6c6203d928d3c304c/027c26ae-1bd5-4535-b485-7dfe8cdd267a_rw_1920.png?h=a01c959811a159556bf280f745662ede)
![](https://cdn.myportfolio.com/dd15ed38d04334c6c6203d928d3c304c/02685f1e-55cc-43a1-b042-c0a222e55355_rw_3840.png?h=0b8201042029cc83afcc9fd3820c7060)
![](https://cdn.myportfolio.com/dd15ed38d04334c6c6203d928d3c304c/44a93774-7f17-4abe-af3f-fc75045c0aca_rw_1920.png?h=51e47763cf01a60186f83ecc38614237)
![](https://cdn.myportfolio.com/dd15ed38d04334c6c6203d928d3c304c/cd942368-e727-48cc-85a3-b21329e253c1_rw_1920.jpg?h=6d0cb8248882d7479c6802ae2175b219)
![](https://cdn.myportfolio.com/dd15ed38d04334c6c6203d928d3c304c/728e4f3a-b9b7-4e2a-8552-b03fba90d563_rw_1200.gif?h=53f73e853fe1560ea3ccbd4c23f7f5eb)