MetaMask1 — annette.hui

MetaMask

Graphic Design + Motion Design

MetaMask is a powerful, configurable, and secure wallet that empowers users to engage seamlessly with web3. Serving as a gateway to the decentralized web, it enables users to manage their digital assets, connect with decentralized applications (dapps), and make confident transactions across networks and devices. Unlike one-size-fits-all solutions, MetaMask integrates a variety of tools, offering users the flexibility to interact with web3 in ways that suit them best.

With the MetaMask rebrand postponed until 2025, it was essential to launch a fresh campaign reinforcing why MetaMask remains one of the top wallets in the market. Working on MetaMask, I had the opportunity to design graphics for the “More With MetaMask” campaign, as well as additional design assets.

More With MetaMask Campaign: Fall 2024

The “More With MetaMask” campaign was launched to remind existing users and attract new ones by highlighting MetaMask's key product strengths; it’s powerful, configurable, and secure.

Initially rolled out in summer 2024, the campaign received a fresh visual rebrand in the fall to keep the momentum going. I created graphics, animated GIFs, and videos showcasing MetaMask’s product features.

With a distinct visual identity from the current MetaMask brand, this campaign embodied a fun, groovy, and vibrant style.

Graphic above is designed by Alex Lumain.

More With MetaMask Campaign: Fall 2024 Design System

The design system is built around a curated, cohesive style, featuring swirly gradients, patterns, and morphed blocks. Having a strong system made it easy to make graphics quickly and consistently.

Swirly Gradients

Patterns

Morphed Blocks

More With MetaMask Campaign: Summer 2024

The “More With MetaMask” campaign in the summer shared a similar vibe to the fall rebrand, featuring the same patterns but with added outlines and gradients for extra depth and texture.