ClosedX -UI/UX Design

ClosedX – UI/UX Design
ClosedX is a data security platform for enterprises, designed to help organizations safeguard sensitive information while maintaining usability. My role was to design the UI/UX, ensuring that complex security operations were presented in a clear, intuitive, and professional interface.

Key Objectives

  • Create a user-friendly interface for managing enterprise data security with minimal learning curve.

  • Visualize security alerts and reports in an intuitive, actionable way.

  • Build a modern, trustworthy design system reflecting reliability and professionalism.

  • Ensure responsiveness and accessibility across devices for all enterprise users.

Live Site Preview

Live Site Preview

Client

Opensource Project (No client)

Service Provided

UI/UX Design

thumbnail Image
thumbnail Image
thumbnail Image

User-Centered Security

Focused on designing an intuitive experience for enterprise users to manage sensitive data confidently. Complex security workflows were simplified to ensure users can perform tasks efficiently without confusion.

1

Image
Image

Visual Clarity & Feedback

Developed a clean, professional interface with clear alerts, color-coded indicators, and actionable dashboards. This helped users quickly interpret security statuses and respond to incidents effectively.

2

Image
Image

Accessibility & Responsiveness

Prioritized accessibility and cross-device usability to support diverse enterprise environments. The platform provides a seamless experience on desktops, tablets, and mobile devices while maintaining security integrity.

3

Image
Image

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

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'); })();