Designing a Website for a Blockchain Data Indexing Tool

Powerful data, for the few who could read it.
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.
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.
Research first.
Every Vitruvian project starts by understanding the people it serves. For Interlayer, we used 2 of our methods:
- 01Interviews
- 02Discovery Document
Interviews
Conducted interviews with the stakeholders to understand their goals, user needs, and the broader blockchain space.
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.
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.
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.
User Friendly Subgraph Explorer
Enabled easier access to blockchain data by creating an intuitive subgraph explorer for users with little or no technical background.
Intuitive Query Builder
Designed a query builder with real-time feedback and visual output, helping users create and test scalable queries with ease
Comprehensive API Documentation
Provided detailed API documentation to streamline integration and support a smooth developer experience.





