Frontier
About
I redesigned and added new features to Overwatch 2's Hero UI, Progression System, and Global UI to promote User Retention and Hero Attachment while improving efficiency.
For this project, I designed Flowcharts, Wireframes, and final UI Art and conducted User Studies.
This project was created as a part of ELVTR’s UX/UI in Gaming course, taught by Ivy Sang.
Skills
Details
UI/UX: Kevin Gerstner
Development: Kevin Gerstner
2019 - 2020
Project Length
4 Months
User Experience Design
This is an interactive demo of the app design in Figma. You can scroll and tap on buttons like you would on a mobile app. Creating an interactive product helps to analyze user interactions and assess successes and failures.
UX Research
After the prototype was developed, we performed three user studies. During each study, the participants were asked to perform several tasks such as "Create a New Journey" or "Find a Journey to do" and we observed their actions, noting points of difficulty or confusion. This process helped us improve on the user experience. Once we finished performing these tests, the high-fidelity prototype was created using Figma, which you can demo above.
Development
In 2020, I created a proof-of-concept app with React, Redux, and Material UI Frontend, and NodeJS, Express, and Firebase backend. The app has the following features:
- Login / Signup
- Create Post
- Comment
- Like
- Notifications
