March 2018 - Sept 2018
Designed w/ Christian Jeria

Metamask is currently the most popular Ethereum wallet with over a million users. It allows users to create and use a single identity to log into any Ethereum based application. Metmamask also stores your Ether (the native currency of Ethereum), and sends and receives it the form of "transactions".

If you're interested in what they do, here is an article you can read

I was working on designing a new transaction flow with better hierarchy of information and clearer actionable items. A new user should feel safe and informed without being overwhelmed, and an experienced user should feel like they have all the minute control that they are used to.

Creating a Style Guide

I built a style guide in sketch capturing and standardizing the new elements for a more consistent UI.

Defining the problems

The older design had several usability issues. Most critically it didn't highlight the most important information, the transaction total, and left users feeling confused about whether or not they actually sent anything.


I sketched and iterated on potential solutions.
the final flow for confirming a transaction features clear headers, bold and large transaction totals on top, and signaling to let users know they successfully completed the flow.

Moving on

I worked on a few other projects with Metamask, like a new GUI for cancelling and retrying a transaction. Reach out to me if you'd like to see them 😄