Icon of arrow left
Back to
Interlayer
Case Studies

Designing a Website for a Blockchain Data Indexing Tool

Branding
UI/UX Design
Client Name:
Interlayer
Principal Designer
Rashid Alowaisheer
CHALLENGES
Balancing Usability and Technical Depth
Specialized and Technical Field
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 non-technical small business owners, requiring a balance between technical depth and accessible design.
PROCESS
Interviews
Discovery Document
Market Research
1
Interviews
Conducted interviews with business stakeholders to understand their goals, user needs, and the broader blockchain space. These conversations helped identify key pain points and clarify the distinct needs of both experienced developers and non-technical small business owners.
2
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.
3
Market Research
The design process began with thorough market research into existing blockchain indexing tools to understand common patterns, strengths, and user expectations within the space. A solid, reliable foundation based on proven design conventions was used as a starting point. From there, the interface was expanded creatively to enhance functionality and explore new possibilities while maintaining clarity.
SOLUTIONS
Branding and Design System Setup
Scalable Design System
User-Friendly Subgraph Explorer
Intuitive Query Builder
Comprehensive API Documentation
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.
DESIGNS
Landing Page
Landing Page
No items found.
Subgraph Explorer
Subgraph Explorer
No items found.
Documentation
Documentation
No items found.