Token Lists

Branding, UI Design | 2020

Prototype

The client:

Token Lists is a community-led initiative launched by Uniswap, a decentralized protocol for automated liquidity provision on Ethereum. Token Lists allows individuals and organizations to create and discover ERC20 token lists in an effort to improve inclusivity, reputability, and transparency.

The ask:

Uniswap asked me to create a logo and minimalist visual design for the Token Lists site that reflected collection, curation, multiples, and tokens without being visually overpowering. Aside from the logo, they wanted the site to feel relatively brand-agnostic so not to conflict with the community-oriented ethos.

The result:

After exploring various motifs, the logo I landed on made the letter “L” out of circles, suggesting a collection of tokens nested in a stack of cards to evoke a collection of lists. I incorporated a gradient as a more abstract visual of something containing multitudes, as a list does.

Team:

Myself - Visual Designer
Developer


Tools:

Figma

Logo explorations

MakerDAO, Community Development (Comm-Dev)

Visual Design, Design System | 2020

Prototype Component library Contributor survey Style guide (V1)

The client:

MakerDAO is one of the most established projects in the crypto space, and Comm-Dev is its robust, decentralized, global network of contributors.

The ask:

Comm-Dev is working on relaunching its documentation portal, which is built, written, and maintained entirely by community contributors for community contributors. The problem with the original portal was that it was informationally dense, visually drab, and didn't reflect Comm-Dev's vibrant personality. Comm-Dev wanted a visual identity that set it apart from the core Maker brand (within reason) and showcased that personality — specifically something simple, friendly, fun, and anthropomorphic.

The result:

Brought onto the project late in the process, I had to scramble to catch up. I started with a contributor survey to assess desires for the portal to look and feel, then used a community call to propose three distinct visual themes and determine a consensus. Then, I honed a visual theme based on feedback (in both light and dark modes), applied it to the existing design system, and worked with a community illustrator to design characters and scenes to bring the Comm-Dev world to life.

Team:

Myself - Visual Designer
UX Designer (information architecture)
Lead Engineer
2 Project Managers
5-6 Content Writers
Illustrator


Tools:

Figma
Github
Theme UI
MDX

CKM Analytix

Branding, Visual Design, Design System | 2019 - 2020

Prototype

The client:

CKM Analytix is a small data analytics company that uses real-time operational data to improve business performance for their clients.

The ask:

CKM was founded in 2011, but never had a design system, so every team either reinvented the wheel with their deliverables or delivered unstyled content. As CKM began undergoing their transition from a consultancy (CKM Advisors) to a product company (CKM Analytix), the need for a design system — and a revamped website — became glaring.

The result:

When I started building CKM's design system, I was working there as a full-time recruiter. In true start-up fashion, CKM's design system began as a “side project” between me and a developer who championed my promotion to full-time UI design.

We used Brad Frost's Style Guide template to create an interactive codebase that I styled and documented. For CKM's new website, I used open source Figma templates and a modular library of illustrations from Growww Kit to ship the prototype, including a full rewrite of old website copy — in two weeks.

Team:

Myself - UI/UX Designer
Product Manager
CTO
6-8 Full-stack Developers
8-10 Data Scientists


Tools:

Figma
Balsamiq
HTML/CSS
Jekyll
Jira
Are.na