Designing a Website for a Blockchain Data Indexing Tool
Branding
UI/UX Design
Client Name:
Interlayer
Principal Designer
Rashid Alowaisheer
Follow
CHALLENGES
Balancing Usability and Technical Depth
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.
Interlayer needed to serve both experienced developers and small business owners with limited technical expertise, requiring a balance between depth and accessibility.
PROCESS
Interviews
Discovery Document
Market Research
1
Interviews
Conducted interviews with the stakeholders to understand their goals, user needs, and the broader blockchain space.
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
Researched existing blockchain indexing tools to understand common patterns and user expectations. A solid foundation based on design conventions was used as a starting point. From there, the interface was expanded to explore new design possibilities without compromising 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.