Liz Shinn Studio logo Home About

Web3 Website and Financial Dashboard

Keep product dashboard
Objective

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

Role
UI Lead
2019-2021
Web App
Design Systems
UX/UI
Content Design
Design Strategy
Illustration

Keep product dashboard

Key problems

  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.

Redesigning the Keep website

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

Design challenges

Design team of one

I embraced wearing many hats at Keep! 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).

Working with the community

In the Web3 ecosystem, a DAO (Decentralized Autonomous Organization) is a loose organization of fans and users of a crypto protocol that congregate on a platform, usually on Discord.

I saw the opportunity to leverage our community to help me build out the Keep design system. How would we handle feedback, accountability, and sourcing the right people from our community? I ran an ideation workshop to generate ideas.

I wrote a project brief and submitted it to our Discord, and was lucky to find several design volunteers.

At the end of the project, we had a full-fledged design system that was also a useful blueprint to other studio projects at Thesis (the parent company of Keep).

Brainstorm session
Keep design system
Keep design system