Liz Shinn Studio logo Home About

Case Study

Building a Web3 Website and Financial Dashboard

Web App
Design Systems
UX/UI
Content Design
Design Strategy
Illustration
Keep product dashboard

The Brief

I worked with Thesis on the Keep product to design a financial dashboard and website that empowered users to learn more about crypto.

Keep product dashboard

Challenges

  1. 1 Users were unfamiliar with crypto and Ethereum terminology.
  2. 2 A data heavy interface made it hard for users to tell when actions needed to be taken.
  3. 3 Users got lost when trying to stake when the dashboard didn't provide status updates to let them know what was happening in the background.
The solution

Working closely with engineering to understand the problem space, I redesigned the product's information architecture and abstracted away items that didn't help the user accomplish key tasks like staking and depositing.

Design Approach

With the launch of the new Keep financial dashboard, I worked together with an outside engineering agency to relaunch the Keep marketing website. I brought life into the site's landing page by using transitional animation with custom photo illustration to explain the key benefits of decentralization and why Keep's technology was important for asset security.

I extended our existing icon library and designed new icons for the site that leaned into the medieval theme of Keep's brand, such as a scroll and quill to represent documentation.

View Website
Keep product dashboard
Keep product dashboard

Key Observations

Design team of one

I embraced the startup mentality of all hands on deck. I designed the marketing website, collaborated with engineering to write the product's user documentation, and designed the web app. Since I had time constraints, I built out a skeleton component library for Keep product work.

Web3 is challenging for new users

Mental models and the user experience for web3 tools are still evolving. Interactions that are common to every web3 dashboard are foreign to the majority of users (for example, using and connecting a crypto wallet to a protocol).

The Impact

I facilitated a collaborative project with Keep's web3 community to build out the rest of the Keep design system.

By the end of the project, we had a full-fledged design system. It helped us to create consistent designs and was a useful blueprint to other studio projects at Thesis (the parent company of Keep).

Brainstorm session
Keep design system
Keep design system