HomeProjectsMetamask

MetaMask

Aug 1, 2021
2 minutes read

MetaMask Case Study

MetaMask Menu Bar App
Year
2021
My Role
Product, Brand, 3D
Industry
Web3, Fintech
Agency
Wonderstruck

Overview

Creating a non-intrusive menu bar app for MetaMask. The goal was to design a minimal macOS wallet with zero onboarding, functional for social payments (via ENS), avoiding complicated dashboards, and replacing keys with biometrics access.

The Challenge

Even though MetaMask is the most popular gateway for new crypto users on DeFi, its UI responds to their business strategic goals of monetizing swaps between several chains and coins. But not everybody is a power user nor needs advanced security layering. This project explores how crypto adoption could happen "under the hood," with borderless remittances and gated access through "invisible" credentials.

MetaMask Design System
Design system components and color palette

Design Approach

The redesign focused on three key areas:

  1. Simplified Experience: Creating a sufficiently minimal macOS wallet with zero onboarding
  2. Social Payments: Making ENS-based contacts work seamlessly for everyday transactions
  3. Enhanced Security: Replacing cryptographic keys with biometric access for everyday users
MetaMask UI Components
UI components and design patterns
MetaMask Transaction Flow
Simplified transaction flow with improved security checks

Key Features

MetaMask Features
Menu bar implementation providing quick access to wallet features
MetaMask Mobile Experience
Companion mobile experience maintaining the minimal approach

Concept

This redesign represents a personal perspective on crypto adoption rather than MetaMask's official brand goals. I believe that widespread crypto adoption will happen through invisible infrastructure that enables borderless remittances and credential-based access to content, without requiring users to understand the underlying technology.

Credits

Agency: Wonderstruck
Original Product: MetaMask
About··Say hi