Visa X NFL Bobblehead WebAR

As lead designer, I spearheaded an innovative augmented reality prototype. This project integrated real-time machine learning for on-field NFL logo recognition, seamlessly transitioning users into an immersive WebAR experience to redefine interactive sports viewing.

A sequence of digital screens showing a mobile app interface for purchasing tickets with VISA, featuring steps like launching, allowing camera access, scanning the VISA logo, selecting a team, and confirming the purchase.

UI/UX & Prototyping

My role drove the UI/UX and prototyping phase. I developed comprehensive wireframes for all user scenarios and extensively prototyped key UI elements, including a motion prototype for hand-to-scoring interactions, ensuring visual clarity and intuitive engagement.

Four digital banners promoting a sports team sponsorship by Visa, featuring football helmets and players, with messages encouraging joining teams and experiencing augmented reality.
Digital display showing 'Access granted' over a background of football NFL trophies, with a man taking a photo of NFL helmet logos on a wall, under a 'Select Team' sign, and Visa sponsorship branding.

Key Art

I also designed key art for the landing page and overall experience. I led client presentations to define user flows and secure approvals, guiding the project through critical design milestones.

Collection of digital graphics and interface elements featuring Visa and NFL branding, football helmets, and team logos, with buttons labeled 'Activate' and 'Change Team.'
A stage with multiple silver trophies or awards on orange and blue shelves, set against a blue background with NFL and Visa logos and the text 'proud sponsor.' The stage is framed by two vertical columns and the floor has a honeycomb pattern.
Logo for the NFL in the center atop a display of sports trophies, flanked by VISA logos on either side, with a bold amber and yellow aesthetic, set against a blue background.

Production

I managed all asset production and technical integration. This involved meticulously prepping UI assets, optimizing Lottie files for dynamic interfaces, stitching 360 panoramas for the immersive environment, and preparing 3D real-time assets. My focus was on delivering high-quality, performant visuals that seamlessly powered the interactive and animated AR experience.

Development & Refinement

I collaborated closely with developers, specifically on frontend implementation and 8th Wall integration of assets. My involvement ensured the final product's visual execution closely matched my design mockups and creative vision, maintaining fidelity to the intended user experience.

Design lead
Motion design
UI/UX
3D assets

Credits:

Next Project: T-Mobile

Digital illustration of a modern building showroom or office space with pink, white, and purple color accents, multiple people working or socializing, various furniture and display areas, and stairs connecting different levels.