Role

Design Lead

Year

2025

Type

Responsive Web App, PWA

Deepening Insights into Crypto Projects

Deepening Insights into Crypto Projects

Deepening Insights into Crypto Projects

I led the design of our Project Page revamp, enhancing discoverability, presenting visually digestible data, and integrating AI-driven insights.

I led the design of our Project Page revamp, enhancing discoverability, presenting visually digestible data, and integrating AI-driven insights.

I led the design of our Project Page revamp, enhancing discoverability, presenting visually digestible data, and integrating AI-driven insights.

Messari hosts one of the most comprehensive crypto databases in the world, but its depth isn’t immediately apparent to casual users.

Each project spans multiple subpages—an overview, exchanges, fundraising, token unlocks, network metrics, and more—leading to a cluttered, confusing navigation that buries key insights

Screenshots of the Uniswap project pages before the overhaul, quotes from user interviews

In addition:

  • 40% of our users access the project pages on mobile, yet the mobile experience lacked proper responsiveness.

  • With the launch of Copilot, our AI tool, I had an opportunity to integrate it into the Project Pages, further enhancing insights.

Screenshots of the Uniswap project pages after the overhaul

The Process

Through team alignment workshops, rapid iteration, analysis of analytics, and close designer-PM collaboration, I arrived at the final design.

Through team alignment workshops, rapid iteration, analysis of analytics, and close designer-PM collaboration, I arrived at the final design.

Through team alignment workshops, rapid iteration, analysis of analytics, and close designer-PM collaboration, I arrived at the final design.

Because this was a high-touchpoint project with diverse stakeholder opinions, I began with workshops to align the product team on scope. This was followed by discussions on layout options, data set prioritization, and visually summarizing key information.

An interactive workshop I led on page layout

Some of the options I created in low-fidelity after the workshop

After several iterations, I led prototype testing, conducting six user sessions with the lead PM to identify user needs and pain points, then refined the designs based on the feedback.

The Solution

A clear, grouped navigation structure with a compact layout, new AI insights, social indicators, and a metrics-driven information hierarchy.

A clear, grouped navigation structure with a compact layout, new AI insights, social indicators, and a metrics-driven information hierarchy.

A clear, grouped navigation structure with a compact layout, new AI insights, social indicators, and a metrics-driven information hierarchy.

This project also laid the foundation for design system updates. I led the design team in updating the system with stronger contrast, a more compact layout, a new typescale, and refreshed components and colors.

Along with redesigning the project page overview and navigation, I ensured all subpages aligned with the new structure and style.

This project also laid the foundation for design system updates. I led the design team in updating the system with stronger contrast, a more compact layout, a new typescale, and refreshed components and colors.

Along with redesigning the project page overview and navigation, I ensured all subpages aligned with the new structure and style.

The first milestone of this project is set to launch in February 2025

Next Case Study ->