Case study · Website & product

Designing a Website for a Blockchain Data Indexing Tool

UKBrandingUI/UX Design
Interlayer app
Scroll
The problem

Powerful data, for the few who could read it.

01Challenge 1 of 2

Specialized and Technical Field

Interlayer’s complexity as a blockchain developer tool required deep research to understand the field and translate technical workflows into an intuitive user experience.

02Challenge 2 of 2

Balancing Usability and Technical Depth

Interlayer needed to serve both experienced developers and small business owners with limited technical expertise, requiring a balance between depth and accessibility.

Vitruvian · Our methods

Research first.

Every Vitruvian project starts by understanding the people it serves. For Interlayer, we used 2 of our methods:

  1. 01Interviews
  2. 02Discovery Document
Method 01 · How we used it for Interlayer

Interviews

Conducted interviews with the stakeholders to understand their goals, user needs, and the broader blockchain space.

Method 02 · How we used it for Interlayer

Discovery Document

Created an overview and discovery document that outlined key aspects of the business to clarify goals and reduce unnecessary follow ups during the design phase.

01 / 05 · Solutions01Solution

Branding and Design System Setup

The branding was developed with visual elements such as the logo, typography, colors, and icons chosen to reflect the brand’s technical identity and goals. The design system was built to be robust and adaptable, supporting light and dark themes and ensuring scalability across different use cases.

02 / 05 · Solutions02Solution

Scalable Design System

Built a scalable and responsive design system that seamlessly adapts to various modes of use (e.g., marketing, prototyping, development) allowing for an optimal iterative design process.

03 / 05 · Solutions03Solution

User Friendly Subgraph Explorer

Enabled easier access to blockchain data by creating an intuitive subgraph explorer for users with little or no technical background.

04 / 05 · Solutions04Solution

Intuitive Query Builder

Designed a query builder with real-time feedback and visual output, helping users create and test scalable queries with ease

05 / 05 · Solutions05Solution

Comprehensive API Documentation

Provided detailed API documentation to streamline integration and support a smooth developer experience.

Outcome

What we built for Interlayer