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,

A FUI biometric lock for the Avengers/S.H.I.E.L.D. headquarters, the Triskelion. Exploring the possibilities of what security access can be, while keeping it accessible to personnel that are not super-spies or superheroes. I wanted this to feel not too far off in the future, maintaining a visual language that could be used in the present. Incorporating design stylings of glassmorphism and neumorphism. Technically this uses Rives vector feathering for blurs, glows and shadows while being performant for realtime animation over the web. 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.