MetaMask

Graphic Design + Motion Design

[DISCLAIMER: Organizing this webpage is a work in progress. This includes graphics, writing, and overall organization.]

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.

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.

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.

More With MetaMask Campaign: Summer 2024 Design System

The design system is similar to the fall campaign featuring gradients, patterns, and frame outlines.

Gradients

Patterns

Frame Outlines

MetaMask Blog Posts

MetaMask blog post required a supporting image that was designed to be clean and aligned with the current MetaMask brand aesthetic. MetaMasks posts had different visuals for different topics and were meant to be designed quickly.

MetaMask Portfolio Illustration Work

(Should I remove this?)

These illustrations were used for social and mimicked Dave Arcade’s illustration work for the MetaMask Portfolio brand.