MetaMask

Aug 1, 2021
1 minutes read

MetaMask Case Study

MetaMask Menu Bar App
Year
2021
My Role
Designer
Industry
Web3, Fintech

Overview

This is a passion project, a personal exploration, not commissioned work, reimagining MetaMask as a non-intrusive menu bar app. 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.

Disclaimer: This is an independent design exploration and personal interpretation. This work was not commissioned by MetaMask, ConsenSys, or any affiliated entity. The MetaMask brand, trademarks, and intellectual property remain the exclusive property of their respective owners. This project represents solely the designer's creative vision and does not reflect, endorse, or represent the official brand values, strategic direction, or design philosophy of MetaMask or its parent company. All brand elements used are for conceptual demonstration purposes only.

Credits

Brief: Fictional case
Original Product: MetaMask