Notabene

Product Design | Brand | Leadership

Overview

MetaMask is a cryptocurrency wallet used to interact with the Ethereum blockchain. It allows users to access their Ethereum wallet through a browser extension or mobile app, which can then be used to securely store Ethereum-based tokens as well as interact with decentralized applications (Dapps).


As the Founding Product Designer at MetaMask, I had the unique chance to create one of the earliest Web3 Ethereum wallets from the ground up. As the sole designer, I created the fox logo and brand language, designed the first version of the extension and the mobile app. I supported the team in many areas, including recruiting and training new designers and researchers, designing and developing all marketing materials, and strategizing. I also contributed to many web3 wallet standards used today.

Role & Responsibilities

  • Product Design Lead

  • User Research

  • Prototyping

  • Usability Testing

  • Visual Design

  • Brand

  • Design System

Extension

Extension Redesign

The founders of MetaMask decided to build a browser extension which made it easy to onboard and start using Web3 applications.

Research

The Challenge

Web3 Usage and Adoption

With the advent of blockchain technology, we are seeing many creative use cases being built today. Popular applications include trading NFTs, gaming, trading tokens, investing using DeFi protocols, and participating in DAO’s. In order to interact with these web-based applications, you need a web3 enabled crypto wallet. MetaMask is your all-in-one product for interacting with these new types of applications (also known as DAPPs).

Product Goals

SubTitle

[COPY]

Insights

[COPY]

User Journey

User Persona & Journey

[COPY]

User Flow

[COPY]

Ideate

Information Architecture

[COPY]

Explorations

A web browser extension

The founders of MetaMask decided to build a browser extension which made it easy to onboard and start using Web3 applications.

Prototype

Wireframe & Prototype

Subtitle

[COPY]

Test


Usability Test

Issue 1

[COPY]

Visual Design

UI Design

Subtitle

[COPY]

Final Design

UI Design

Subtitle

[COPY]