CertiK

PROJECT
DURATION
  • 2022.03-2023.02
CATEGORY
  • Full Time
ROLE
  • UI/UX Designer
TOOLS
  • Figma
TEAM
  • Designer: 3
  • PM: 2

Overview

About CertiK•Due Diligence Tools

CertiK also provides the suite of due diligence tools that supports user to access industry research and analysis on the latest crypto trends, so that understand the insights and risks in Web3.

What I did

As UI/UX designer, I took main responsible for designing wallet analyzer and project overlap tool.

Due Diligence Tools

Wallet Analyzer Tool

Even through watchlists provide a streamlined view of users' interests in one place, what if they want to dive deeper? What kind of details could truly guide them in making more informed decisions?

These questions drove me to explore the possibility of incorporating more useful tools, such as wallet analyzer, in the next phase of the design process.

Workflow

Communicated with PMs and designers, it facilitated me obtaining an understanding of the initial product requirements, workflow, as well as potential features that users might need.

There are 2 main entry points of wallet analyzer page:

  • One is searching through the wallet analyzer tool, the wallet analyzer page will be displayed as a search result,
  • The other is selecting an added wallet from the watchlist.
Desktop

Design

General Information
  • Understanding the total value of assets and the types of tokens held helps users quickly gather relevant insights about their financial standing within the wallet.
Token Portfolio
  • Knowing the value and composition of holdings enables users to make informed decisions about buying, selling, or holding assets.
Wallet Relationship
  • Knowing which other wallets frequently interact with the wallet allows users to analyze these connections and explore potentially related wallets, providing insights into potential risks or opportunities.
Token Trading Analysis
  • Understanding the historical performance of tokens allows users to see how their investments have grown or declined over time, helping them make strategic investment decisions based on market trends.
Recent Token Transfers
  • Tracking recent transactions helps users understand their activities and assess their investment performance.
Mobile

Design

To minimize excessive scrolling on a mobile phone, add a top navigation bar to help users quickly reach the desired section and display each section on a single screen for a better reading experience.

Due Diligence Tools

Project Overlap Tool

Another tool is called project overlap tool for users to compare 2 crypto projects, if they need to evaluate a range of factors between 2 projects (including token price, market cap, etc.) to make well-considered choices.

RESAECH

Insights

I began competitive research and discussed the findings with the PM to ensure that both user needs and product goals were incorporated into the design decisions. There are several aspects users might want to compare:

Basic

Knowing the basic info, such as token price, market cap etc., users can assess the investment potential and value stability of each project.

Ecosystem

A growing ecosystem indicates a project's popularity and support. This can signal robust user engagement and potential for future growth.

Security

Understanding a project's security helps users evaluate compliance risks and trustworthiness, thereby protecting their investment.

IDEATE

Wireframe
  • Use a two-column layout, with each column displaying data vertically for each project, to facilitate side-by-side comparisons.

ITERATION

Feedback

I conducted design reviews & usability testing, and synthesized the feedback to refine the design.

Users are more interested in analyzing historical trends because this helps them understand and predict project's performance, rather than merely viewing static data.

Listing many matrices vertically results in an excessively long page, making it harder to locate specific items quickly.

Desktop

Design

Through multiple attempts and careful consideration of feedback,I transformed the initial two-column layout to chart-based design. The reason is that charts are better equipped to illustrate fluctuations dynamically, helping users make more informed comparisons between the two projects.

Basic
  • Reorganize static data into a dedicated section (including ecosystem, badge, trust score)
Holder Overlap
  • Knowing the amount of holder overlap can help identify correlations between 2 projects.
Market Performance &
On-Chain Comparison
  • Display only one matrix at a time helps prevent users from feeling overwhelmed by excessive information. Users can switch different matrix by selecting the corresponding tabs.
  • Show the trends of two items using distinct red and blue colors on a line chart to make it easier for users to compare and distinguish between data points.
Mobile

Design

Concentrate information on mobile to enhance usability, sticking the search box at the top supports users easily modify search criteria of 2 projects at any time.

Previous Project

CertiK•Watchlists

Watchlists provides users with a dedicated space to save, track and monitor items of interest, including projects, wallets and influences with relevant information.

<< Back