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/dd1e07fa-ede0-439a-84f0-a4a1e7631c75_rw_1200.gif?h=436a9108269dc9e50ec21ab48e74ccf7)
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/fb26cdb4-75d8-4dee-979d-f29c2aa787a0_rw_3840.jpg?h=b34a91783ec7da197622c7291c0e8b5f)
![](https://cdn.myportfolio.com/dd15ed38d04334c6c6203d928d3c304c/5a85dbed-57e2-45ed-8b58-f0a35bc58e8f_rw_3840.jpg?h=b87048c4c2d74ad0f66487628b2bcc23)
![](https://cdn.myportfolio.com/dd15ed38d04334c6c6203d928d3c304c/1021228e-d063-4ba4-8335-cd83d4612dad_rw_1200.png?h=125a723cde5f2652511d34473b8f6dc5)
Icons and assets up close
![](https://cdn.myportfolio.com/dd15ed38d04334c6c6203d928d3c304c/4c9899ae-3641-4c84-a7be-6342ee4d763d_rw_600.png?h=00e93b2d7e05c18464c20160ce11103a)
![](https://cdn.myportfolio.com/dd15ed38d04334c6c6203d928d3c304c/e78fdf9d-0ac8-4295-82e3-3bc04326a6c1_rw_1200.gif?h=c63a4c4bdabf1db5b8fa7480b4bf78f9)
![](https://cdn.myportfolio.com/dd15ed38d04334c6c6203d928d3c304c/eeb3a0ff-60b0-4441-b39b-65b5ebc561ed_rw_1200.gif?h=e408c430a404447301b3903cb53e1568)
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/0699d0e9-a3e2-415b-9f10-88c5ec3e5d55_rw_1920.jpg?h=19705b9279ff01e01d0da8c2aab83c15)
![](https://cdn.myportfolio.com/dd15ed38d04334c6c6203d928d3c304c/645dbafb-6097-4304-8f9f-c38648d77da7_rw_1920.png?h=64aa3b82e557ce3d3f3c976cc56cccc4)
Sketches for the environment and initial color
![](https://cdn.myportfolio.com/dd15ed38d04334c6c6203d928d3c304c/b61e042e-d83d-4190-ac5a-f280602eb32d_rw_1920.jpg?h=2f7c697fca7ff90a281413f92b8eeafc)
![](https://cdn.myportfolio.com/dd15ed38d04334c6c6203d928d3c304c/c5be8255-b9b7-4179-90f6-85c1ab0782ca_rw_1920.jpg?h=a5df4c1ca346eae67c15482fe210be2b)
![](https://cdn.myportfolio.com/dd15ed38d04334c6c6203d928d3c304c/943f020a-e3de-4fd9-80cc-65e3edcde143_rw_1920.jpg?h=928b4e4f18947218e2d9a85db68256cc)
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/4a58ce2f-aead-42dd-ba9a-30a7840795f3_rw_1200.gif?h=63d78fa5aa2e3eae295def7e9c8d542b)
Silhouettes and color variations
![](https://cdn.myportfolio.com/dd15ed38d04334c6c6203d928d3c304c/7560e766-2f4d-47a5-b87f-f6f9d2c21038_rw_3840.jpg?h=5e96ee7843201467e642d0c78d417791)
![](https://cdn.myportfolio.com/dd15ed38d04334c6c6203d928d3c304c/79e32701-4bd9-45b7-b587-c5c39d65dc6e_rw_1920.jpg?h=2856c4a0629ee6a5c6382e95161b0cc8)
![](https://cdn.myportfolio.com/dd15ed38d04334c6c6203d928d3c304c/c4005123-7a85-4709-b6aa-64eaf342cbf2_rw_1200.png?h=557bd9ea2f0e223a092198986a76beab)
![](https://cdn.myportfolio.com/dd15ed38d04334c6c6203d928d3c304c/0ccec839-fcf2-437b-aba4-748cf1300159_rw_1200.jpg?h=241b08da94f28c39d0b2298184e6a2c0)
![](https://cdn.myportfolio.com/dd15ed38d04334c6c6203d928d3c304c/50f3807c-cb22-412e-85f5-462b000c77fe_rw_1200.jpg?h=fc088d65d6f4e5cb1f2cf7d2f9219764)
![](https://cdn.myportfolio.com/dd15ed38d04334c6c6203d928d3c304c/9c006020-7ca4-46a8-8cf9-dd3c96a06967_rw_1200.jpg?h=0a96575d070f58afa26f497a4d3f105c)
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/98f4c01a-9dda-4dcd-85aa-e4f6b02e92c3_rw_1200.png?h=4df13a2b0abbfa0e2767fc0757acfa3d)
![](https://cdn.myportfolio.com/dd15ed38d04334c6c6203d928d3c304c/39f14f0e-19c6-4988-8d0d-20d0e3f994c9_rw_1200.gif?h=7da54f20c56b1b20f41299519a43db8c)
Silhouettes and Sketches
![](https://cdn.myportfolio.com/dd15ed38d04334c6c6203d928d3c304c/9c233f97-d91b-4538-85c9-5222c57586f9_rw_1920.jpg?h=8bb011eab918afd884369aa7e136932d)
![](https://cdn.myportfolio.com/dd15ed38d04334c6c6203d928d3c304c/285181e3-d82e-4314-89cd-be0c908be7f7_rw_3840.jpg?h=4a94f9554dfd47555683fdac102b113e)
![](https://cdn.myportfolio.com/dd15ed38d04334c6c6203d928d3c304c/29e2fad7-32f1-46b8-b574-ef6fe3b0a18f_rw_1920.jpg?h=7a1f06e27f235349c1db7c781a10d560)
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/137cf2db-1b67-4dc6-b873-a34ebea495d0_rw_1920.png?h=e5f0ef07f2a28c9b23d97e890a4fd458)
Sketches and Influence
![](https://cdn.myportfolio.com/dd15ed38d04334c6c6203d928d3c304c/e062b3a4-8307-446c-b9f4-26cb2dfc3d71_rw_1920.jpg?h=3d729aac7e5c87c94d1d318589a54b4c)
![](https://cdn.myportfolio.com/dd15ed38d04334c6c6203d928d3c304c/38a79942-7b70-48b3-a943-a059d7435f25_rw_1920.jpg?h=20f5ef59b87a8131f4e49d7863f1f812)
![](https://cdn.myportfolio.com/dd15ed38d04334c6c6203d928d3c304c/dacbeb9f-2dde-4078-86e0-0b55616ad9e7_rw_1200.png?h=1a56361faeef51fc3fa3c6813ef1171a)
![](https://cdn.myportfolio.com/dd15ed38d04334c6c6203d928d3c304c/07b15efd-34ed-4116-afd4-ce5f61253525_rw_1920.jpg?h=b0fe5dc7fbcad75f233426c6a3a557f0)
![](https://cdn.myportfolio.com/dd15ed38d04334c6c6203d928d3c304c/9117e3e5-73ca-4687-92d9-1648c37e352d_rw_1920.png?h=2d46b3dae6a419edb719897557ce6b17)
![](https://cdn.myportfolio.com/dd15ed38d04334c6c6203d928d3c304c/a1708106-22c0-419f-b0eb-6c58758f3509_rw_3840.png?h=d24cdfa3cb697c22b53929ad2f0a48a2)
![](https://cdn.myportfolio.com/dd15ed38d04334c6c6203d928d3c304c/e2e333bc-1cfe-4817-825e-908af4088590_rw_1920.png?h=353282a8b3869951dfa754b7560c2958)
![](https://cdn.myportfolio.com/dd15ed38d04334c6c6203d928d3c304c/5d112c36-00a7-43b0-9aa3-0cc14d493fdc_rw_1920.jpg?h=efe87e27b80eb1742a2ec5148a490545)
![](https://cdn.myportfolio.com/dd15ed38d04334c6c6203d928d3c304c/f2ff79bc-353f-4c37-b0b6-e410ddc0e0b7_rw_1200.gif?h=93c8006b1ba379baaf7b6768ebdbe6ce)