PLEASE ALLOW MIC ACCESS FOR FULL EXPERIENCE

S.H.I.E.L.D. Biometric
Role: UX/UI Designer, FUI/UI Motion Designer

Tools: Rive, Javascript (AI assited)

A FUI biometric lock for S.H.I.E.L.D. headquarters, the Triskelion, set in the MCU. Exploring the possibilities of what security access can be, while keeping it accessible to personnel. I wanted this design not to feel too far off in the future, maintaining a visual language that could be used in the present. The concept of a liquid surface was settled on. Incorporating design stylings of glassmorphism and neumorphism, while being minimalist.

Technically this uses Rives vector feathering for blurs, glows and shadows while being performant for realtime animation over the web or other runtimes. Random exit states were used in Rive’s state machine to make this a gamified experience. Furthermore, with the assistance of Claude Sonnet, I utilized Javascript for a mic input waveform visualizer, that responds to your voice. Lastly, JS is used to access a computers internal clock to display the current time.