Art and Blockchain
Drew Tozer, Sebastian Tory-Pratt
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.
All blockchain transactions happen through the Codex Viewer, so the interface needed to accommodate users of any technical knowledge to perform complex actions simply.
Redesign of Codex Records
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.
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.