Spiderman Homecoming - FUI Design

Cantina’s VFX team, led by Venti Hristova and Stephen Lawes, worked with Production VFX Supervisor Janek Sirrs and Director Jon Watts to create over 200 shots for Spider-Man: Homecoming. In 3-1/2 months Cantina assembled a talented team of artists to produce a variety of HUD graphics, holograms and monitor designs. One of the most exciting challenges was creating a HUD for Spider-Man that could be both unique to the character and live within the MCU. Our approach combined the design aesthetics of the suit with a nod to Tony Stark tech. Our initial conversations with Jon and Janek led us to consider and incorporate Spider-Man's age into the HUD design. At the beginning of the film, Spider-Man’s v1.0 HUD echoed this decision and resulted in a more playful design overall. Once the 'training wheels' protocol was removed, the HUD transitioned into its more complex and sophisticated v2.0.  We faced similar challenges designing and animating Spider-Man’s tracking hologram, Vulture’s HUD, and a variety of screen graphics. These had to fit within the film’s design language and convey specific story points. CREDITS LIST Client: Columbia Pictures, Marvel Studios, Pascal Pictures VFX Executive Producer: Sean Cushing VFX Supervisor: Stephen Lawes Design Supervisor: Venti Hristova VFX Producer: Grace Hendley CG/Compositors: Julianne Dome, Jay Grunfeld, Jeff Olney, Brian Sales Design/Animation: Carly Cerquone, Jayse Hansen, Andrew Hawryluk, Aaron Eaton Matt Eaton, Sang Kim, Shawn Lee, Daniel Zhang © 2017 Marvel Studios

Here’s a look at the FUI from Spiderman Homecoming by the team at Cantina Creative (Furious 7, The Hunger Games Mocking Jay). Most of the work is related to Peter Parker's new Spiderman suit that was created by Tony Stark. There's a nice connection to the style and design treatment of the Iron Man interface (Iron Man 1, Iron Man 2, Iron Man 3) and Stark technology.

It was quite fun seeing Peter Parker discover the new Spiderman suit interface for the first time. You could relate to his feeling of being overwhelmed when first being introduced to it. It felt complex, and not intuitive, which helped emphasise the notion that he was in over his head. In that respect, the the UI design complimented the story very well.

What I really loved about the design is the animation. Just have a look at the animated GIFs below. Everything transitions so smoothly and there is a nice order and sequencing throughout. The animation leads the eye around the screen and is enhanced with the occasional splashes of red.

The team at Cantina have done a great job with the Spiderman HUD and I really enjoyed the movie too :) Definitely worth checking out!

HUD-low.gif
HUD-suit2.gif
HUD-suit-van.gif
HUD-suit-van-hands2.gif
HUD-boat.gif

Image gallery