武之昊 Zhihao Wu

We built Affirm’s marketing site by creating a suite of customizable, extensible sections. The site integrates with Contentful CMS, and all interactive components were built with accessibility in mind.

We created Afresh’s marketing website in Webflow. Alongside the build, we developed a style guide and widget library that gave Afresh’s marketing team full control over the site’s appearance and content while maintaining design integrity.

Crumbskees is a multiplayer web and mobile experiment. You can play solo player using your mouse, or grab a friend, scan the QR codes, and use your phones as controllers. See who can find the most snacks!

Originally built as a demo for an in-person SF Design Week event at the Upperquad San Francisco studio in 2019, the Crumbskees started as an installation that allowed people to use their phones to play on a shared screen together.

From this working concept, Upperquad decided to make the game accessible to everyone on the web. We introduced original couch potato characters and a psychedelic, colorful animation style inspired by our love of Adult Swim cartoons. In the process, we also captured something about the surreal COVID-19 experience.

The Stanford d.school — the Hasso Plattner Institute of Design at Stanford University — is a place where students use design to develop their own creative potential. We had the opportunity to work closely with the d.school team to design and build their website.

We created Hummingbird’s static marketing site by building a library of components and sections that enabled the in-house dev team to take over and launch new pages. We focused on interactive details throughout, including variable fonts, scroll-based triggers, patterned custom shadows, and a pixelated image effect.

Jigsaw is a unit within Google that explores threats to open societies, and builds technology that inspires scalable solutions.

We worked with the Jigsaw team to develop a website and a publishing platform, The Current, including five issues. Each issue contains a unique set of custom interactive components, data visualizations, and design language.

Bears Ears National Monument is a 1.35 million-acre expanse in southeastern Utah and the inspiration for our first collaboration with Patagonia. Home to thousands of sacred Native American cultural sites, world-class rock climbing, mountain biking, trail running and more, Bears Ears is as beautiful as it is diverse.

This interactive experience is designed to celebrate the land and introduce the world to our newest National Monument.

Santa Tracker is an advent calendar-inspired town full of games to play, videos to watch, igloos to explore, and tidbits to learn. Each day of December unlocks new Easter eggs in the village — from reindeer flight school to the friendly waving walrus — so kids always have something new to discover.

I had a blast on this project, helping build and iterate on a few games, including Penguin Dash, Reindeer Runner, and Santa Search.

As the record-high scam reports keep coming, Cybercrime Support Network and Google worked together to help people identify scams before they fall victim to them through a new program called Scam Spotter.

We made accessibility a top priority to ensure the site worked for everyone, including people who aren’t tech-savvy or who need extra help navigating the internet. We ensured the entire site—including the interactive quiz module—works well with assistive technology like screen readers. The site supports text scaling for people who struggle with small print, and the content is organized to work well in older browsers and reader mode. We also wrote descriptive alt text for every illustration.

AI is poised to transform every major arena, from our societal institutions to human consciousness itself. The Age of AI is a book that explores what that means—and what we can do about it.

For this website, we built many interactive details, including backgrounds that react to mouse movement, a text-scramble effect, custom hover states on links and UI components, scroll-based SVG mask morphing, and an interactive spirograph used as part of the brand.

Upperquad’s 2023 website redesign.