UX Research
Before creating assets for the app, research must be conducted beforehand. First, I used statistical data gathered from my classmates in an online poll to create user personas. Afterward, I created a flowchart that reflected the user experience while highlighting key screens of the app and constructed high-fidelity wireframes in Illustrator, setting the foundation for various UI layouts in the later stages of development. Once these core elements were collected, I moved on onto the next step.
UI Development
Once proper user preference has been gathered, a flowchart conceptualized, and wireframes establishing a strong foundation for various screens, the development for the rest of the app begins. Before developing the UI on each screen, I created a style guide, complete with a color palette, logo, button functions, typography, and various icons developed through Illustrator for UI functionality.
With assets created, the next step is to simply put everything together. All screens were designed through Figma using layout dimensions of an iPhone 14. Over 50 screens were created for the prototype, highlighting basic screen-to-screen functionality. While the United States serves as the only functional "database" in the prototype and the games only have one category to select, their screens serve as a straightforward template for any future additions that can be added later.
