Codex Protocol

User research, UX/UI design, web design, SaaS design, iconography, prototyping, illustration, usability testing

Sector
Date
Team

Art and Blockchain
2020
Drew Tozer, Sebastian Tory-Pratt

Check out website here
Codex helps collectors and sellers of art and collectibles to securely store information about the identity and ownership history of any asset. By securing this information on the blockchain, Codex simplifies many common tasks related to selling and collecting art.

We worked on projects to improve Codex Protocol’s software and digital product, the Codex Viewer. We specced out new features for the software in collaboration with the team’s developer; tested existing features with users for amelioration; built prototypes to communicate how potential partners could integrate Codex’s API; and rebuilt the marketing site.

The Codex Viewer

The Problem

All blockchain transactions happen through the Codex Viewer, so the interface needed to accommodate users of any technical knowledge to perform complex actions simply.

The Solution

We facilitated frequent usability testing with new features in order to test our assumptions about the software’s ease of use. We also employed various UX exercises to ensure we were setting attainable goals for users to accomplish.

Redesign of Codex Records

Case Study

The record started as sticky notes representing blocks of content and metadata, which allowed us to organize and prioritize each component on the page.

On the Codex Viewer, records are pages documenting a user’s individual collectible. It contains the item’s physical details, images, files, and chain of physical and digital ownership.

Next we moved to low-fi wireframes, where we could rapidly design variants of layouts using the content blocks. We started mobile first to design the record in its simplest form. This is where we also flushed out what actions could be done for different user permissions, and the state of the record as it gets used (from empty to ideal).

After we had organized the record’s content,  we developed our design system to support the actions needed on each feature for consistent usage. We created icons, buttons, forms, and other interactive components that followed the existing brand. Our final high-fidelity wireframes and prototypes were handed off to the developer.

The Codex Website

The Problem

Codex Protocol’s website was challenging to navigate. Usability testing showed that users had difficulties creating accounts, finding info on memberships, and discovering what Codex does as a company.

The Solution

We worked to restructure the navigation system and the content’s narrative on each page. We worked with a copywriter to help explain Codex’s services in more accessible language. We also created custom illustrations to aid in the overall comprehension of the concepts.