Chainviz Web App

Chainviz Web App

Visualizing validator space with intuitive, responsive web app design

Work scope //

Motion design, 3D modelling, UI/UX

Tools Used //

Figma, Blender, AfterEffects

3d model

We dove into the validator space, creating a real-time, 3D visualization app tailored for Polkadot and Kusama ecosystems. Our app enables in-depth exploration of blockchain validator infrastructure.

Chainviz logo represents the vast interconnections within the validator space. It adapts dynamically to context, embodying the interdependence of elements in this ecosystem.

The visual system depicts validators as distinct entities, forming a vivid illustration of their interconnections. This harmonious design echoes the logo's motifs, ensuring visual consistency.

The graphics offer comprehensive, intuitive representations of validator networks. This unified style suits various data visualization scenarios, emphasizing network dynamics.

Image

Chainviz design spotlights the validator sphere, shifting focus from traditional narratives to infrastructure importance. It features responsive design and intuitive block information presentation across devices.

Image

Our design keeps validators central, effectively displaying block information on any device. It highlights active validators and accommodates variations like uncle blocks and parachain dynamics.

Image

We illustrate parachains as integral parts of a seamless digital ecosystem. This interconnected structure underscores the utility and efficiency of blockchains, fostering innovative applications.

Image

The sidebar in our app merges navigation, statistics, and blockchain visualization. It displays relay chain stats and parachain data, ensuring efficient information access.

Image

The three-step hover mechanism ensures precise validator selection, even under extreme conditions. It includes magnetic effects and cursor calibration for optimal user experience.

Image

Our design accommodates era changes in Polkadot and Kusama, reflecting shifts in validator sets, rewards, and staking operations. This impacts both relay chains and parachains, highlighting validator-collator dynamics.

The light version of our app offers a clean, minimalist aesthetic. It focuses on content, reducing visual fatigue and catering to user preferences and needs.

Image
  • LOGO: Sasha Kurilenko

  • UI/UX: Ksenia Leonteva

  • 3D: Lena Sivakova

  • DEVELOPMENT: Helikon Labs

  • PROJECT FINISHED: 07.07.2023

  • TOTAL WORKING DAYS: 107

Image

Other projects

Work with us

We are always ready to discuss the details of your new project.

Express design is a faster and cheaper alternative for small businesses to full-scale projects with one simple rule: no edits or comments. This way, we can cut out all the project management and focus just on the design processes. Fast execution without any quality compromises.

You will receive: Logo in .ai, .svg, .png formats + Brand naming with website domain suggestion + PDF presentation with colors, suggested fonts (and free alternative) and the example of how the social media profile would look like

Total: 899 EUR   //  
4 working days

Your application has been sent!

Wait for an email with instructions.

Animation in .mp4 format and .png sequence

Total: 1399 EUR   //  
7 working days

Your application has been sent!

Wait for an email with instructions.

3D model in .obj and .glb/.gltf format or image .png, .jpg

Total: 799 EUR   //  
5 working days

Your application has been sent!

Wait for an email with instructions.

You will receive: Design of a single page Design of 3-5 website pages in Figma

Total: 1799 EUR   //  
9 working days

Your application has been sent!

Wait for an email with instructions.