Promotional video I created in Blender and After Effects to raise investor funding for the product.
Screen Animations
I created the Navigator character, as well as these screen UI animations that work with the device’s features, change modes and settings, and bring a sense of personality and brand to the device.
Puff Sequence
Preheat
Find My Device
Passcode Login
Sketches
Device Screen Flow
The main items to focus on when designing the UI were:
- Creating a fun way to change modes, which alter how the device’s hardware functions.
- Continuing the branding and character animations into other settings, so the device has personality throughout all of its screens.
- Displaying the usage data in a way that’s relevant to the device, to give users different levels of insight into their usage.
Coordination with Engineering
Because this device does not have an OS, all functions and graphics were hard-coded into the screen itself.
The lack of an OS actually offered more freedom to be creative with functionality that normally would be restricted to the OS-level, when designing an app.
I needed to be very specific when handing off designs and assets to engineering, to ensure the UI was built to spec, and the animations and interactions were implemented in the MVC as intended.
