UI Work for KatKit/BlueGames

This page shows some of the UI and graphic design work that I have done during my internship for KatKit/BlueGames.

Information Architecture

The bottom two images show the information architecture diagrams that I created for the company. I utilized one of the company’s existing games, as well as the popular mobile/PC game Genshin Impact to create these diagrams.

Character Page Prototype

As part of their project for a developing mobile game, I was assigned to create a mid-fidelity sketch/mockup of how the character page would look on a mobile UI during the beginning of the game. I utilized Adobe Photoshop, the tool that they recommended me to use for this assignment, to create this prototype. This prototype features headshots and fullbody images of the character splash arts, as well as basic in-game stats and equipped items.

Dimensions Assignment

In addition to the character page prototype assignment, I was also responsible for creating mockups of how one of KatKit/BlueGames’ current games would look if it were to be rescaled in dimensions. I was instructed to rescale the UI to the dimensions of a Samsung Galaxy S22 screen and a 16:9 screen dimensions. I utilized Figma and Adobe Photoshop to see how I would need to rescale my graphics, and adjusted them accordingly on Photoshop.