[UX/UI Design] Genshin Arena

Genshin Arena is a personal fan project where I reimagined Genshin Impact—the open-world RPG—into a mobile fighting game. As part of this concept, I designed the user flow, UX wireframes, and UI, created and modified in-game screenshots, redesigned some of the original icons, and designed a set of new ones to match the style and gameplay direction.

PLAY THE INTERACTIVE MOCKUP HERE:
https://www.figma.com/proto/jlzZ8t53t59Tc61kcYO3mc/Genshin-Arena?page-id=14394%3A55711&node-id=14394-65532&p=f&viewport=-677%2C476%2C0.06&t=i5kCEuniDblm438S-8&scaling=scale-down-width&content-scaling=fixed&starting-point-node-id=14394%3A65532&disable-default-keyboard-nav=1&hotspot-hints=0&hide-ui=1

My main inspirations for this project came from the visual design of Genshin Impact and Honkai: Star Rail, as well as Shadow Fight Arena, which heavily influenced the fighting game mechanics.

There were more ideas I wanted to refine within the scope of the project, but the piece grew so large that I had to set some concepts aside in favor of development speed. I initially began working on it a year ago and revisited it multiple times between my primary work and other side projects. At this point, I just wanted to publish it—regardless of the form—rather than let it sit unfinished.

Fun fact: This project wouldn't have turned out nearly as well without my wife’s help. I’m not a Genshin player myself, so as a hardcore Genshin enthusiast, she provided invaluable feedback and even shared some in-game screenshots. There are a few details in the project that only Genshin players are likely to notice and appreciate.

You can explore the UX wireframe stage of this project in more detail here: https://www.artstation.com/artwork/8B1e36

Icons I designed for the project: https://www.artstation.com/artwork/vbBoYY

Custom artwork I created for the project: https://www.artstation.com/artwork/lGa26o

Thank you for checking it out!