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/1d9aa015-e17e-4109-abab-e3ef6310c983_rw_1200.gif?h=4cb99f9b8366ed077a5c2b8edd58a362)
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/26d0a4ac-1c64-45fc-9548-06f33e2fa67e_rw_3840.jpg?h=1b51ce33cc005f4bde87a0e32e04bde1)
![](https://cdn.myportfolio.com/dd15ed38d04334c6c6203d928d3c304c/47d14ef8-9f04-4eb9-9776-ed46ef486c84_rw_3840.jpg?h=1505e3cda5294043e741c42249cd3d4e)
![](https://cdn.myportfolio.com/dd15ed38d04334c6c6203d928d3c304c/75093dc7-1089-4ba1-b8a7-6b650ab8446f_rw_1200.png?h=7948770b45f5d274e7596f1f386d5561)
Icons and assets up close
![](https://cdn.myportfolio.com/dd15ed38d04334c6c6203d928d3c304c/e93ce3eb-93d0-4fa3-8269-d8fa4deb3952_rw_600.png?h=3ad4bccdef452674e03c4b6460036f54)
![](https://cdn.myportfolio.com/dd15ed38d04334c6c6203d928d3c304c/131d8b3f-92e4-4db6-b52b-7535dea28da9_rw_1200.gif?h=e3504de600eb34f96a9fa6d6879ac09f)
![](https://cdn.myportfolio.com/dd15ed38d04334c6c6203d928d3c304c/f2ce688d-0fae-4073-bae3-ffeae4d5f4b2_rw_1200.gif?h=dab97e3852732b7ca2a53a2d1944f786)
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/f88bd7f1-31d0-4153-83be-bf109cf6b98b_rw_1920.jpg?h=9c80f14ff6d63226b7f3e74fd1908c61)
![](https://cdn.myportfolio.com/dd15ed38d04334c6c6203d928d3c304c/014b35a5-a8c2-4bd6-aa55-80c316a5846c_rw_1920.png?h=f08c81f307b1b1a03830861dfe2cb1e3)
Sketches for the environment and initial color
![](https://cdn.myportfolio.com/dd15ed38d04334c6c6203d928d3c304c/69e3f576-a942-4e4a-ad7c-201ce8991a5b_rw_1920.jpg?h=8c69636ce861f877cda89ae522add934)
![](https://cdn.myportfolio.com/dd15ed38d04334c6c6203d928d3c304c/253c0a9a-ca30-40e3-a2b1-fa25699a306b_rw_1920.jpg?h=748dfd0e7ca19aae0edf229f9bcdb60b)
![](https://cdn.myportfolio.com/dd15ed38d04334c6c6203d928d3c304c/00a42df3-c81e-425d-8b0a-0e6c406a037a_rw_1920.jpg?h=1c2d83a2fe16dd189465e131c7817248)
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/d09a6e9c-6972-49d1-accf-4b287fc3dcd9_rw_1200.gif?h=d4b771c1e08415d7a3f8190782ac9e43)
Silhouettes and color variations
![](https://cdn.myportfolio.com/dd15ed38d04334c6c6203d928d3c304c/fb07ba4f-70b7-4bbe-983a-a3c60ecb008e_rw_3840.jpg?h=dd14b16bd8a657c83d590ff9347a5e4a)
![](https://cdn.myportfolio.com/dd15ed38d04334c6c6203d928d3c304c/517a9b25-c6ee-4d0b-a162-9df7de30cf63_rw_1920.jpg?h=8dbf199442b8a792d6134b521f62a8cf)
![](https://cdn.myportfolio.com/dd15ed38d04334c6c6203d928d3c304c/666f1c7c-4b40-450a-ace7-ca8c2587e131_rw_1200.png?h=14ca60aac5c6e117b968793224fde44a)
![](https://cdn.myportfolio.com/dd15ed38d04334c6c6203d928d3c304c/36e47f8f-9b11-4f8b-ba83-21527e7404c1_rw_1200.jpg?h=3cb9d95c9fac33ff2710b9d01e0c54ff)
![](https://cdn.myportfolio.com/dd15ed38d04334c6c6203d928d3c304c/ea192e51-08e9-4856-bc05-5e17a699a35c_rw_1200.jpg?h=46abe6edd960d8a91443d5fde60bfe5b)
![](https://cdn.myportfolio.com/dd15ed38d04334c6c6203d928d3c304c/78195822-0ba7-41ad-8cc2-fe5908cafe2a_rw_1200.jpg?h=b868b315744cb38a0beb8ffacf989e36)
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/3f16a5e7-afae-4afb-a336-c160c37f0be9_rw_1200.png?h=0b86a21776ec8fc220a310af7bb1b661)
![](https://cdn.myportfolio.com/dd15ed38d04334c6c6203d928d3c304c/c0198f7b-d922-496c-aa5e-cf5a1d569e90_rw_1200.gif?h=bba83490bddc020f0d9d351b0d445495)
Silhouettes and Sketches
![](https://cdn.myportfolio.com/dd15ed38d04334c6c6203d928d3c304c/697e778f-3f3e-401e-ae46-ea1b81ba1181_rw_1920.jpg?h=65d78ccdc6f767983eb4d965c0a0347e)
![](https://cdn.myportfolio.com/dd15ed38d04334c6c6203d928d3c304c/fff6edce-1113-4f62-b492-5e138b68ff16_rw_3840.jpg?h=15acaf2eef18772e4fb66b6fa75230df)
![](https://cdn.myportfolio.com/dd15ed38d04334c6c6203d928d3c304c/e3326adb-0bc3-4035-974a-521d5309ef8d_rw_1920.jpg?h=20ef690933a9801dc37e78696bf5c53f)
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/785669d1-0416-47fd-a234-04b74bd3992e_rw_1920.png?h=b2913fc9c7ff4aec807bd458a11a530d)
Sketches and Influence
![](https://cdn.myportfolio.com/dd15ed38d04334c6c6203d928d3c304c/9e9a94ae-1e34-4f52-b121-2747550f5137_rw_1920.jpg?h=9cbf9f117094cfeecfcf1299f9eab327)
![](https://cdn.myportfolio.com/dd15ed38d04334c6c6203d928d3c304c/5eba9383-3514-431f-961b-6ecccd4f5d7f_rw_1920.jpg?h=67bc2d38bacdebad344b8dfca5fa4c58)
![](https://cdn.myportfolio.com/dd15ed38d04334c6c6203d928d3c304c/85414861-3fdf-4390-8249-e5acc5b55f12_rw_1200.png?h=5be0c3926134a3524cc30da490676cb1)
![](https://cdn.myportfolio.com/dd15ed38d04334c6c6203d928d3c304c/f874be11-3f0b-4fae-83f0-b69f8087d364_rw_1920.jpg?h=1abd2b72cb9f43741fcb5a11fd7cc77d)
![](https://cdn.myportfolio.com/dd15ed38d04334c6c6203d928d3c304c/d0dfe431-cb67-4bae-9257-ee4b6f5220a5_rw_1920.png?h=22d227ece06b987741916bc4b7c76b8a)
![](https://cdn.myportfolio.com/dd15ed38d04334c6c6203d928d3c304c/0299d89c-b6f6-4d75-a851-79368eb6760b_rw_3840.png?h=a21ba3fc14d1adc5b8ad2ea47d71abf4)
![](https://cdn.myportfolio.com/dd15ed38d04334c6c6203d928d3c304c/c4f18951-a228-49dd-9747-06befaf41fb5_rw_1920.png?h=4ab4412cedd9b158a0d7d079e125ffb4)
![](https://cdn.myportfolio.com/dd15ed38d04334c6c6203d928d3c304c/3bc435dd-b26c-4b3c-b2a6-07675d9950df_rw_1920.jpg?h=348c278dfee3bd607a750e4b9f11ae20)
![](https://cdn.myportfolio.com/dd15ed38d04334c6c6203d928d3c304c/5ac38891-9dba-498c-b576-e518ff94f61d_rw_1200.gif?h=87a2aef6afa461b1cb1ec0ba0d7c95d8)