Stone Proof – UI/UX Design

Stone Proof is a blockchain-powered platform designed to improve transparency and trust in the mineral supply chain. My role was to design the UI/UX for the platform, ensuring it delivered clarity, usability, and a modern visual identity.

Key Objectives

  • Create a user-friendly interface to simplify complex blockchain interactions.

  • Enhance trust and transparency by making supply chain data easy to access and understand.

  • Build a clean, modern design system that aligns with the platform’s innovative mission.

  • Ensure accessibility and responsiveness across all devices for diverse users in the supply chain.

Live Site Preview

Live Site Preview

Client

Stone Proof Labs

Service Provided

UI/UX Design

User Experience Design

Focused on creating an intuitive and seamless flow for all stakeholders, including suppliers, regulators, and buyers. Every interaction was designed to make blockchain-based supply chain data easy to navigate, understand, and act upon, reducing the complexity typically associated with such systems.

1

Visual Communication

Developed a clean, professional, and cohesive design system that conveys trust and reliability. Clear data visualizations, minimal layouts, and a thoughtful color palette ensure that users can quickly interpret supply chain information while maintaining a visually appealing interface.

2

Transparency & Accessibility

Prioritized clarity, inclusiveness, and accessibility so that all users, regardless of technical expertise, can track minerals confidently. The platform is designed to be responsive across devices, providing a consistent and reliable experience whether on desktop, tablet, or mobile.

3

Recent Designs

See All Projects

See All Projects

thumbnail Image
thumbnail Image
thumbnail Image
thumbnail Image
thumbnail Image
thumbnail Image
thumbnail Image
thumbnail Image
thumbnail Image
thumbnail Image
thumbnail Image
thumbnail Image

Let's Connect

Let's Grow Together

Web Design

Starting from $1,999

Showcasing sleek, high-performance designs tailored for impact

Framer Development

Starting from $4,999

Building visually stunning, user-focused websites that elevate brands.

See All Projects

Contact Me Now

Image banner

Let's Connect

Let's Grow Together

Web Design

Starting from $1,999

Showcasing sleek, high-performance designs tailored for impact

Framer Development

Starting from $4,999

Building visually stunning, user-focused websites that elevate brands.

See All Projects

Contact Me Now

Image banner

Let's Connect

Let's Grow Together

Web Design

Starting from $1,999

Showcasing sleek, high-performance designs tailored for impact

Framer Development

Starting from $4,999

Building visually stunning, user-focused websites that elevate brands.

See All Projects

Contact Me Now

Image banner

Create a free website with Framer, the website builder loved by startups, designers and agencies.

// Framer Link Control Script // Paste this code into your Framer project's custom code section (Head or Body) (function() { 'use strict'; // Route mapping for your domain const MAIN_DOMAIN = 'https://ihirwe.art'; const FRAMER_DOMAIN = 'https://ihirweui.framer.website'; // Function to convert Framer URLs to your domain URLs function convertToMainDomain(url) { if (url.startsWith(FRAMER_DOMAIN)) { return url.replace(FRAMER_DOMAIN, MAIN_DOMAIN); } return url; } // Function to notify parent window of navigation function notifyParentNavigation(path) { if (window.parent && window.parent !== window) { window.parent.postMessage({ type: 'framer-navigation', path: path }, MAIN_DOMAIN); } } // Override all link clicks document.addEventListener('click', function(e) { const link = e.target.closest('a'); if (link && link.href) { // Check if it's an internal Framer link if (link.href.startsWith(FRAMER_DOMAIN) || link.href.startsWith('/')) { e.preventDefault(); let targetPath = link.href; if (targetPath.startsWith(FRAMER_DOMAIN)) { targetPath = targetPath.replace(FRAMER_DOMAIN, ''); } // Navigate within the iframe window.location.href = FRAMER_DOMAIN + targetPath; // Notify parent to update URL notifyParentNavigation(targetPath); } // Let external links work normally } }, true); // Disable right-click context menu on links to prevent "Open in new tab" document.addEventListener('contextmenu', function(e) { const link = e.target.closest('a'); if (link && (link.href.startsWith(FRAMER_DOMAIN) || link.href.startsWith('/'))) { e.preventDefault(); // Optional: Show custom context menu or notification console.log('Right-click disabled on internal links to maintain domain consistency'); } }); // Override middle-click (wheel click) on links document.addEventListener('mousedown', function(e) { if (e.button === 1) { // Middle mouse button const link = e.target.closest('a'); if (link && (link.href.startsWith(FRAMER_DOMAIN) || link.href.startsWith('/'))) { e.preventDefault(); // Navigate normally instead of opening new tab let targetPath = link.href; if (targetPath.startsWith(FRAMER_DOMAIN)) { targetPath = targetPath.replace(FRAMER_DOMAIN, ''); } window.location.href = FRAMER_DOMAIN + targetPath; notifyParentNavigation(targetPath); } } }); // Disable keyboard shortcuts that could open links in new tabs document.addEventListener('keydown', function(e) { const link = document.activeElement; if (link && link.tagName === 'A' && (link.href.startsWith(FRAMER_DOMAIN) || link.href.startsWith('/'))) { // Disable Ctrl+Click, Cmd+Click, Ctrl+Enter, etc. if ((e.ctrlKey || e.metaKey) && (e.key === 'Enter' || e.type === 'click')) { e.preventDefault(); let targetPath = link.href; if (targetPath.startsWith(FRAMER_DOMAIN)) { targetPath = targetPath.replace(FRAMER_DOMAIN, ''); } window.location.href = FRAMER_DOMAIN + targetPath; notifyParentNavigation(targetPath); } } }); // Notify parent of current page on load window.addEventListener('load', function() { const currentPath = window.location.pathname; notifyParentNavigation(currentPath); }); console.log('Framer Link Control: Initialized successfully'); })();