Superman and Lois FUI Screen Design

These Fictional User Interface screens were designed and animated for the television show Superman and Lois. I started out with reviewing the script to see what is needed, collect some reference for my mood board then began to sketch the layout and details. I then converted that sketches to vector design in Adobe illustrator and animated it in After Effects. The 3D elements were created in Maxon Cinema 4D

Many of the UI screens were animated to be loop-able so they can be extended to any time duration needed.

Some of the graph elements below were created in Cinema 4D but rendered in a 2D style. I chose to create them in Cinema 4D because Cinema 4D gives much more control over style and functionality and saved me lots of time.

The center window below was created in 3D using a 3D plugin called X particles, it's an advanced particle system generator.

↑Back to Top