Neato Animations

Neato Robotics

Design and implementation of micro-animations and instructional videos throughout the MyNeato App. The requested elements included bottom navigation, play/pause buttons, deletion behaviors, scrolling behaviors, and mockups of movements to hand off to developers.

Tools

After Effects, Cinema 4D, Bodymovin, Lottie

Role

Lead Designer & Animator

(Hover or tap)

A GIF showing transition animation when a user clicks into a card for their robot. The card shows high level information like robot name and upgrades. When the user clicks in a list of information about the robot appears.

A GIF of the MyNeato Routines page to show the scrolling effect of the page.

A GIF showing the "select all" function, which brings up checkboxes for each notification to select and delete.

A GIF showing slide left to delete notifications