
The upgraded Spider-Man suit, "Designed" by Tony Stark…

sc22
Peter Parker
06
Research
4705





- Rough Draft
I created a 50+ page user-guide for the new Spidey Suit.
This allowed the different holograms, HUDs and UI’s in the film to all function together as a Spidey Operating System.


Web-Lines
I’m always on the hunt for a signature that can drive and unify a design across many disparate devices, holos, HUDs and shots.

For Spidey’s UI, I found it in the beautiful gradients and specularity of web lines.
I would use this shape language across all of the UI designs to make them feel cohesive and part of a design system unique to Spider-Man



Iconography

The icon set was based on a mini version of the Spider-Grid. Their functions are based on suit-features from the comic books and the film script.

Anatomies
There are numerous hidden design decisions that go into what you see on screen.
I first did "anatomies", or, design breakdowns, for Joss Whedon (director) on Avengers for the Iron Man HUDs, since he was fascinated by all the suit functions.
But it actually served to get us all on the same page.
Production moves fast, so having clear language on what's a Reticle, Diagnostic, or Radar widget helps the editors, producers and directors all communicate more efficiently.
These tend to be favorites amongst directors and visual effects supervisors, so I've created them on every film since.
Below you might note that the 'window borders' are the spider legs from the film's Spidey logo.
Or that the old-school camera viewfinder on the lower right is a nod to Peter Parker being a Daily Bugle photographer in the comics and cartoons.






Int. 82
Stan Lee




sc22
Karen OS
06
Design Process
2025









()
Early drafts were done in VR using Gravity Sketch and Tilt Brush, along with pen, paper and Procreate. These were then finalized using Illustrator, Cinema 4d and After Effects.
06
Design Process
2025























Spider-Man Suit Blueprints

To design and model the underlaying Flex Armor, I referenced different types of flexible lattice structures.
For the lenses I referenced augmented reality glasses I've been involved in developing such as the Meta Pro, as well as augmediated audio devices for augmented hearing.











sc22
Tony Stark

sc22
Tony Stark






Art Direction/Lead UI HUD and Holo Design/3D : Jayse Hansen
Spidey UX Assistant to Jayse: Carolyn Farino
Slinger Breakdown Animation: Darby Faccinto
The good people I worked with
Production: Columbia Pictures, Marvel Studios, Pascal Pictures
Director: Jon Watts
VFX Supervisor: Janek Sirrs
Designed for: Cantina Creative
VFX Executive Producer: Sean Cushing
VFX Supervisor: Stephen Lawes
Design Supervisor: Venti Hristova
VFX Producer: Grace Hendley
Lead Spider-Man HUD and Hologram Design: Jayse Hansen
Design/Animation: Carly Cerquone, Andrew Hawryluk, Aaron Eaton Matt Eaton, Sang Kim, Shawn Lee, Daniel Zhan
CG/Compositors: Julianne Dome, Jay Grunfeld, Jeff Olney, Brian Sales

































