SCREEN DEVELOPMENT STEPS
Working from the request from design and UX, I produced sketches with a layout in mind including images. Then the images were rendered out, set up a composition in photoshop, and finally composed as the agreed layout in Unity.
Exploring visual and motion designs through mockups, slideshows, and tap-throughs means quick iteration. Flinto, After Effects, Photoshop, and Illustrator are the tools to make those edits.
Colors, iconography, scaling, and motion were how to represent the communication in how the message is conveyed.
These examples show how elements of the robot, Cozmo, repaired it's treads. By tapping the up and down buttons to match the pattern shown on the screen, result in Cozmo running smoothly.