武之昊 Zhihao Wu

We built the marketing site of Affirm by creating a suite of customizable and extensible sections. It is integrated with Contentful CMS. All interactive components are built with accessibility in mind.

We created a marketing website for Afresh using Webflow. We created a style guide and a widget library in the Webflow project, which gave the marketing team at Afresh full control over the website’s appearance and content, while maintaining the design integrity.

The Crumbskees is a multiplayer web and mobile experiment. You can play as a single 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 added some original couch potato characters and added psychedelic colorful animation styles inspired by our love of Adult Swim cartoons. And, in the process, we also captured something about the surreal COVID-19 experience.

The Stanford d.school - or 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 people at the d.school to design and build their website.

We created the static marketing site of Hummingbird by building a library of components and sections, which allows the in-house dev team to take over and build new pages. We focused on many interactive details on this project, including variable fonts, scroll based triggers, custom shadows with patterns, and pixelated image affect.

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 of The Current. 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’ve had the most fun on this project, helping to build and edit 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 in this project because we wanted to make sure that our website was accessible to everyone, including people who may not be the most tech-savvy or who may need help navigating the internet. We ensured that the entire site, including the interactive quiz module, is accessible to users who use assistive technology such as a screen reader. The site is scalable for people who struggle to read smaller print, and the content is well-organized so that it works well with older browsers or reader mode. We also added beautifully written alt text for all illustrations.

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 how and what we can do about it.

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

The 2023 redesign of our website.