This spy themed dialog game was made as a training course for American Express engineer employees. I used adobe software, Figma for low and high fidelity static design, and Protopie for the in depth prototyping with logic and animations. this greatly helped the clients, team, and engineers to see and understand the game visually and programmatically . Then, the final version of the game was created in Unity. There, I worked with the engineers to set up the ui scenes, prefabs, and other Unity tasks.
Give the UI/UX prototype below a try! I make this prototype in a tool called protopie. This helped the devs and clients understand the game give feedback on changes saving implementation from devs and the rest of the Filament game team. Later, the full version of the game was made in Unity game engine.
note below if it gets stuck on American express splash screen hit refresh in the prototype header.
Above is a video of the game I prototyped in a ui/ux software call protopie. speeds up development and more. this prototype has live testing with a url link which was given to clients and teams for user testing to interact and play with to get feedback and inspiration.
above is the awesome art work by the character artist Roma at Filament Games. I took the characters and animated them with looping animations so when they appear in the ui elements they are animated to give movement and life to the dialog game instead of static assets.
Above are different UI concepts, I designed to explore style, colors, an feel. the character in the ui mockups were just placeholder until the Concept Artist was able to create the real character for the game. Ultimately, I choose the top left. It Has a sci-fi feel but was clean, mature for the targeted age group. From there build the design out more to match the full requirements of the game.
Thanks for checking it out more updated soon!