https://liyabell.com Liya Bell Portfolio Mon, 29 Sep 2025 12:20:35 +0000 https://liyabell.com en https://liyabell.com/Walletallin-Intro Thu, 09 Jun 2022 06:59:50 +0000 Liya Bell Portfolio https://liyabell.com/Walletallin-Intro <img width="2000" height="1500" width_o="2000" height_o="1500" data-src="https://freight.cargo.site/t/original/i/ec4b816682a0742d4bdb642f6a59ac947afdc9dc1b39e0610dd58fa4c4034e5b/wai_logo.png" data-mid="238792472" border="0" src="https://freight.cargo.site/w/1000/i/ec4b816682a0742d4bdb642f6a59ac947afdc9dc1b39e0610dd58fa4c4034e5b/wai_logo.png" /> Walletallin Background&nbsp; Reducing AML process complexity and enhancing transparent crypto asset tracking Developed secure crypto white-label integration for neo banks, with workflows for web &amp; mobile wallets. Title Lead Designer PlatformiOS, Android, Web Time&nbsp; 2022 ProcessI introduced a structured yet flexible design process, starting with problem definition and grounding every solution in data, user insights, and competitive research. I partnered early with engineers to ensure feasibility and alignment with the app’s infrastructure. For collaboration, we relied on Monday.com for project management, Miro and FigJam for ideation, Hotjar and Maze for testing, and Slack for day-to-day communication. <img width="7776" height="2540" width_o="7776" height_o="2540" data-src="https://freight.cargo.site/t/original/i/ed6de36e895533ea4cb580863a5dd24dfc3e68348258aa05cc4e58e67ad897b2/process-wai.png" data-mid="219318333" border="0" src="https://freight.cargo.site/w/1000/i/ed6de36e895533ea4cb580863a5dd24dfc3e68348258aa05cc4e58e67ad897b2/process-wai.png" /> Products we’ve built I was spread thin between many projects, leading and building new features or iterating and refining already launched ones. Projects varied in scale and covered all mediums from mobile to web. https://liyabell.com/Mobile-Wallet-Flow-1 Sat, 11 Jun 2022 17:57:48 +0000 Liya Bell Portfolio https://liyabell.com/Mobile-Wallet-Flow-1 Mobile wallet app Swap Flow Licensed Cryptowallet for storing and operationg any transactions with FIAT currencies and cryptocurrencies in a secure digital space. Figma Make Prototype <img width="1693" height="3440" width_o="1693" height_o="3440" data-src="https://freight.cargo.site/t/original/i/21e843975d68e0c9edfe61cbbbde1f9491516d670c8ed76250efe390c3dd115c/exchange.png" data-mid="239018869" border="0" src="https://freight.cargo.site/w/1000/i/21e843975d68e0c9edfe61cbbbde1f9491516d670c8ed76250efe390c3dd115c/exchange.png" />Preview of currency swapping <img width="1693" height="3440" width_o="1693" height_o="3440" data-src="https://freight.cargo.site/t/original/i/7748e5a767f9ed9d40c1116db586e0f3649c3bab3e464416ca74c991d23de98f/exchange_coins.png" data-mid="239018856" border="0" src="https://freight.cargo.site/w/1000/i/7748e5a767f9ed9d40c1116db586e0f3649c3bab3e464416ca74c991d23de98f/exchange_coins.png" /> User chooses his currency <img width="1693" height="3441" width_o="1693" height_o="3441" data-src="https://freight.cargo.site/t/original/i/44d6af900c1ecc864e025fbd2dcec9b1694f8b91cbb51a69b76560e0f722d3b6/exchange-overlay.png" data-mid="239018868" border="0" src="https://freight.cargo.site/w/1000/i/44d6af900c1ecc864e025fbd2dcec9b1694f8b91cbb51a69b76560e0f722d3b6/exchange-overlay.png" />User taps on the actions button and chooses an action https://liyabell.com/Mobile-Wallet-Flow-2 Sat, 11 Jun 2022 18:18:11 +0000 Liya Bell Portfolio https://liyabell.com/Mobile-Wallet-Flow-2 Wallet Flow <img width="1920" height="2250" width_o="1920" height_o="2250" data-src="https://freight.cargo.site/t/original/i/239e661d37840a71a765bc2aa8f79ad1329b36bd4d7fb777259b88fc265f1893/wallet-flow.png" data-mid="238891970" border="0" src="https://freight.cargo.site/w/1000/i/239e661d37840a71a765bc2aa8f79ad1329b36bd4d7fb777259b88fc265f1893/wallet-flow.png" /> https://liyabell.com/Wallletallin-Admin Fri, 06 May 2022 07:05:12 +0000 Liya Bell Portfolio https://liyabell.com/Wallletallin-Admin Admin Panel&nbsp; A wallet is not a product.It’s a risk surface. I designed an AML/KYT system from scratch, turning fragmented admin flows into a decision engine under pressure. <img width="1626" height="1330" width_o="1626" height_o="1330" data-src="https://freight.cargo.site/t/original/i/3f54a337e48a72a66fd4473e1bd6feb2998bc83225a9206e80e1e6345238b1b4/Screenshot-2025-04-01-at-12.40.02.png" data-mid="229104226" border="0" src="https://freight.cargo.site/w/1000/i/3f54a337e48a72a66fd4473e1bd6feb2998bc83225a9206e80e1e6345238b1b4/Screenshot-2025-04-01-at-12.40.02.png" /><img width="4112" height="2920" width_o="4112" height_o="2920" data-src="https://freight.cargo.site/t/original/i/bdd8174d1297246a9f2fccee270df02ea0deb5e70611586f83d27bbb373488b9/admin-cover.png" data-mid="238671320" border="0" src="https://freight.cargo.site/w/1000/i/bdd8174d1297246a9f2fccee270df02ea0deb5e70611586f83d27bbb373488b9/admin-cover.png" /><img width="8000" height="6000" width_o="8000" height_o="6000" data-src="https://freight.cargo.site/t/original/i/2221cfb56fd99a42182647d021e76e6cdda6d114f0e5d0d9c54a7b16e4a7f65e/admin-tables.png" data-mid="238671321" border="0" src="https://freight.cargo.site/w/1000/i/2221cfb56fd99a42182647d021e76e6cdda6d114f0e5d0d9c54a7b16e4a7f65e/admin-tables.png" /> Highly functional Tables for the Admin Panel. Admin Operational Dashboard Widgets <img width="8000" height="6001" width_o="8000" height_o="6001" data-src="https://freight.cargo.site/t/original/i/ff577bbfd70b80c79cf6358342b9895e89f4871c028105803013ad388a9f988d/admin-controls.png" data-mid="238671364" border="0" src="https://freight.cargo.site/w/1000/i/ff577bbfd70b80c79cf6358342b9895e89f4871c028105803013ad388a9f988d/admin-controls.png" /> Controls and Widgets for the Admin Panel. https://liyabell.com/Wallet-Desktop Sat, 11 Jun 2022 18:39:24 +0000 Liya Bell Portfolio https://liyabell.com/Wallet-Desktop Desktop Wallet app Documents Update&nbsp; To perform transactions, you must upload a minimum set of documents and indicate potential partners for transactions and provide their papers. <img width="6032" height="3929" width_o="6032" height_o="3929" data-src="https://freight.cargo.site/t/original/i/c4219a14a52bf3a6addf91c70992c214769399b751c8f7339ddeeee7264ea0f1/profile-main.png" data-mid="145170243" border="0" src="https://freight.cargo.site/w/1000/i/c4219a14a52bf3a6addf91c70992c214769399b751c8f7339ddeeee7264ea0f1/profile-main.png" /> User updates Onboarding Details. <img width="6049" height="3929" width_o="6049" height_o="3929" data-src="https://freight.cargo.site/t/original/i/6c95da37436ebd478be8f03b4bde942d3e6c836d0479afc3714726eef8a74666/profile-documents.png" data-mid="145170242" border="0" src="https://freight.cargo.site/w/1000/i/6c95da37436ebd478be8f03b4bde942d3e6c836d0479afc3714726eef8a74666/profile-documents.png" /> The user accomplishes the KYC (Know Your Customer) process by uploading missing Documents https://liyabell.com/Mobile-Wallet-Exploration Sat, 11 Jun 2022 19:35:28 +0000 Liya Bell Portfolio https://liyabell.com/Mobile-Wallet-Exploration Identity Visual Exploration Several attempts as part of my work on rebranding. <img width="2812" height="1264" width_o="2812" height_o="1264" data-src="https://freight.cargo.site/t/original/i/c97aa46a376cf371106b1089ea10b9144e34e4347941a32e59f4cc72ea4d7ad5/li7.png" data-mid="145174618" border="0" src="https://freight.cargo.site/w/1000/i/c97aa46a376cf371106b1089ea10b9144e34e4347941a32e59f4cc72ea4d7ad5/li7.png" /> <img width="1406" height="1265" width_o="1406" height_o="1265" data-src="https://freight.cargo.site/t/original/i/ce797a1a720f34e165a9a44192a0d9055f97556645ae343f28c3e8b46a5ee9a4/li6.png" data-mid="145174471" border="0" src="https://freight.cargo.site/w/1000/i/ce797a1a720f34e165a9a44192a0d9055f97556645ae343f28c3e8b46a5ee9a4/li6.png" /> <img width="1406" height="1265" width_o="1406" height_o="1265" data-src="https://freight.cargo.site/t/original/i/5a6f01add391d50e2511338a1c9c2fb44791a7ae78d98e06ab69a0d7cd240dbc/li5.png" data-mid="145174470" border="0" src="https://freight.cargo.site/w/1000/i/5a6f01add391d50e2511338a1c9c2fb44791a7ae78d98e06ab69a0d7cd240dbc/li5.png" /> <img width="2812" height="1265" width_o="2812" height_o="1265" data-src="https://freight.cargo.site/t/original/i/4fbbe4f3db9797427793ae23db2d8e72a8af769a20226693047d4aa8c5ec397e/li1.png" data-mid="145174467" border="0" src="https://freight.cargo.site/w/1000/i/4fbbe4f3db9797427793ae23db2d8e72a8af769a20226693047d4aa8c5ec397e/li1.png" /> <img width="1406" height="1265" width_o="1406" height_o="1265" data-src="https://freight.cargo.site/t/original/i/79a04778df116d6a6bf0c1702bc8e620e9cd786293db07e8400b6bba065a1aa9/li3.png" data-mid="145174468" border="0" src="https://freight.cargo.site/w/1000/i/79a04778df116d6a6bf0c1702bc8e620e9cd786293db07e8400b6bba065a1aa9/li3.png" /> <img width="1406" height="1265" width_o="1406" height_o="1265" data-src="https://freight.cargo.site/t/original/i/4383812675c8abea1e762968f4ec7e91a077c6fe06795eacd52c9fdab5ff5947/il2.png" data-mid="145174466" border="0" src="https://freight.cargo.site/w/1000/i/4383812675c8abea1e762968f4ec7e91a077c6fe06795eacd52c9fdab5ff5947/il2.png" /> https://liyabell.com/Footer-1 Mon, 29 Sep 2025 12:20:35 +0000 Liya Bell Portfolio https://liyabell.com/Footer-1 Other works <img width="2000" height="1500" width_o="2000" height_o="1500" data-src="https://freight.cargo.site/t/original/i/9eef6b28117283836d79718a0be9c3ab77d90660c091d680346f1e8e875c8f8f/bh_logo.png" data-mid="238792232" border="0" src="https://freight.cargo.site/w/1000/i/9eef6b28117283836d79718a0be9c3ab77d90660c091d680346f1e8e875c8f8f/bh_logo.png" /> <img width="2000" height="1500" width_o="2000" height_o="1500" data-src="https://freight.cargo.site/t/original/i/70e3c87a6a3b33cbf8c4e71ac5e0347ee2e13ef216a8bab86886816d1f793b49/nexxen_logo.png" data-mid="238792233" border="0" src="https://freight.cargo.site/w/1000/i/70e3c87a6a3b33cbf8c4e71ac5e0347ee2e13ef216a8bab86886816d1f793b49/nexxen_logo.png" /> <img width="2000" height="1500" width_o="2000" height_o="1500" data-src="https://freight.cargo.site/t/original/i/19e0e4e2d0540d90d6d7ca09371f211b556663c72cf61c40afa7fae4f8c1a6c9/sg_logo.png" data-mid="238792234" border="0" src="https://freight.cargo.site/w/1000/i/19e0e4e2d0540d90d6d7ca09371f211b556663c72cf61c40afa7fae4f8c1a6c9/sg_logo.png" /> :root{ --pill-pad-y: 10px; --pill-pad-x: 16px; --pill-radius: 999px; --pill-font: 600 14px/1 ui-sans-serif, system-ui, -apple-system, Segoe UI, Inter, Arial; --z-cursor: 2147483000; } /* Only hide the native cursor when we're over a case target */ body.cursorless { cursor: none !important; } /* Floating pill */ #case-cursor{ position: fixed; inset: 0 auto auto 0; width: 0; height: 0; pointer-events: none; z-index: var(--z-cursor); mix-blend-mode: difference; /* negative/invert effect */ opacity: 0; /* hidden by default */ transition: opacity .12s ease-out; } #case-cursor .pill{ position: absolute; top: 0; left: 0; background: #fff; /* blends to “negative” */ color: #000; padding: var(--pill-pad-y) var(--pill-pad-x); border-radius: var(--pill-radius); transform: translate(-50%,-50%) scale(.9); transition: transform .18s cubic-bezier(.2,.85,.2,1); font: var(--pill-font); white-space: nowrap; user-select: none; } #case-cursor.is-on { opacity: 1; } #case-cursor.is-on .pill{ transform: translate(-50%,-50%) scale(1); } /* Optional: make gallery items show grabby intent */ [data-cursor="case"] { cursor: none; } /* native is hidden; our pill shows */ (() => { const root = document.getElementById('case-cursor'); const label = document.getElementById('case-cursor-label'); // Eased follow for silky movement const pos = { x: window.innerWidth/2, y: window.innerHeight/2 }; const target = { ...pos }; const lerp = (a,b,t)=> a + (b-a)*t; function tick(){ pos.x = lerp(pos.x, target.x, 0.22); pos.y = lerp(pos.y, target.y, 0.22); root.style.left = pos.x + 'px'; root.style.top = pos.y + 'px'; requestAnimationFrame(tick); } requestAnimationFrame(tick); window.addEventListener('mousemove', e => { target.x = e.clientX; target.y = e.clientY; }, { passive: true }); // Helpers const on = () => root.classList.add('is-on'); const off = () => root.classList.remove('is-on'); // Activate pill when hovering any target function bindTargets(){ // Prefer explicit attribute const explicit = Array.from(document.querySelectorAll('[data-cursor="case"]')); // Fallbacks for common Cargo gallery tiles/links (safe guesses) const fallbacks = Array.from(document.querySelectorAll( '.project__thumb a, .thumb a, .project-thumbnail a, .project-grid a' )); const targets = [...new Set([...explicit, ...fallbacks])]; targets.forEach(el => { el.addEventListener('mouseenter', () => { label.textContent = el.getAttribute('data-cursor-label') || 'View Case'; document.body.classList.add('cursorless'); on(); }); el.addEventListener('mouseleave', () => { off(); document.body.classList.remove('cursorless'); }); }); } // Initial bind + rebind on PJAX/nav changes (Cargo often swaps DOM) bindTargets(); // If Cargo triggers custom events, listen; otherwise do a simple periodic rebind guard let lastCount = 0; setInterval(() => { const count = document.querySelectorAll('[data-cursor="case"], .project__thumb a, .thumb a, .project-thumbnail a, .project-grid a').length; if (count !== lastCount){ lastCount = count; bindTargets(); } }, 1200); // Hide when leaving window, show when back (if still over a target) document.addEventListener('mouseleave', () => { root.style.opacity = '0'; }); document.addEventListener('mouseenter', () => { root.style.opacity = ''; }); // Accessibility: ESC restores native cursor immediately window.addEventListener('keydown', e => { if (e.key === 'Escape'){ off(); document.body.classList.remove('cursorless'); } }); })(); https://liyabell.com/Backer-Hughes-Intro Thu, 09 Jun 2022 07:00:43 +0000 Liya Bell Portfolio https://liyabell.com/Backer-Hughes-Intro <img width="1000" height="1000" width_o="1000" height_o="1000" data-src="https://freight.cargo.site/t/original/i/afc18f4ff17daadd8066642efb7c66d0cacf7e8b15f12ea4c97b81c61f24cc76/baker-hughes-logo.png" data-mid="144968839" border="0" src="https://freight.cargo.site/w/1000/i/afc18f4ff17daadd8066642efb7c66d0cacf7e8b15f12ea4c97b81c61f24cc76/baker-hughes-logo.png" /> Baker Hughes &amp; Sibintek Background Baker Hughes, a subsidiary of General Electric, integrates with the GE IoT platform, that empowers industrial operations with advanced analytics capabilities, optimizing workflows and enhancing overall performance management. Each click on our platform represented a $5K operational decision, so usability wasn’t “nice-to-have.” RoleLead designer https://liyabell.com/Design-System Sat, 11 Jun 2022 11:57:21 +0000 Liya Bell Portfolio https://liyabell.com/Design-System Design System In a microservice-based platform, multiple teams shipped UI independently, leading to fragmented UX, duplicated components, and inconsistent data interactions (tables, charts, filters). https://liyabell.com/Design-System-Image Sat, 11 Jun 2022 11:55:27 +0000 Liya Bell Portfolio https://liyabell.com/Design-System-Image