{"id":282,"date":"2025-12-22T12:40:52","date_gmt":"2025-12-22T08:40:52","guid":{"rendered":"https:\/\/portfolio.uxicdesign.ir\/?page_id=282"},"modified":"2025-12-22T17:26:39","modified_gmt":"2025-12-22T13:26:39","slug":"isc","status":"publish","type":"page","link":"https:\/\/portfolio.uxicdesign.ir\/?page_id=282","title":{"rendered":"ISC"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"282\" class=\"elementor elementor-282\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fbbebd1 e-flex e-con-boxed e-con e-parent\" data-id=\"fbbebd1\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-fdb2af7 e-con-full e-flex e-con e-child\" data-id=\"fdb2af7\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d52b4da elementor-widget elementor-widget-html\" data-id=\"d52b4da\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* --- STYLES DARK MODE (BACKGROUND MESHKI) --- *\/\r\n:root {\r\n    --text-color: #e0e0e0;        \/* Matn-ha: Khakestari Roshan *\/\r\n    --accent-color: #ffffff;      \/* Hover va Button: Sefid Kamel *\/\r\n    --active-color: #2F8CC9;      \/* RANG ACTIVE: Abi Neon\/Cyan *\/\r\n    --button-text-hover: #000000; \/* Matn-e Button vaghti Hover mishe: Meshki *\/\r\n    --glass-border: rgba(255, 255, 255, 0.2); \/* Kadr-e Button: Sefid Shaffaf *\/\r\n}\r\n\r\n.modern-navbar {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    padding: 20px 5%; \r\n    background-color: transparent; \r\n    position: relative;\r\n    z-index: 1000;\r\n    font-family: 'Inter', sans-serif;\r\n    flex-wrap: wrap; \r\n}\r\n\r\n\/* --- LOGO SETTINGS --- *\/\r\n.nav-logo img {\r\n    height: 50px; \r\n    width: auto;  \r\n    display: block;\r\n    filter: brightness(0) invert(1); \/* Sefid kardan-e Logo *\/\r\n}\r\n\r\n\/* --- LINKS CONTAINER --- *\/\r\n.nav-links {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 40px; \r\n}\r\n\r\n\/* --- LINK ITEMS --- *\/\r\n.nav-item {\r\n    text-decoration: none;\r\n    color: var(--text-color); \r\n    font-size: 16px;\r\n    font-weight: 500;\r\n    transition: all 0.3s ease;\r\n    white-space: nowrap; \r\n}\r\n\r\n.nav-item:hover {\r\n    color: var(--accent-color); \r\n    font-weight: 600;\r\n    text-shadow: 0 0 10px rgba(255, 255, 255, 0.5); \r\n}\r\n\r\n\/* --- ACTIVE LINK STYLE --- *\/\r\n.nav-item.active {\r\n    color: var(--active-color); \r\n    font-weight: 700;           \r\n    text-shadow: 0 0 12px rgba(0, 212, 255, 0.4); \r\n}\r\n\r\n\/* --- RESUME BUTTON --- *\/\r\n.nav-btn-resume {\r\n    text-decoration: none;\r\n    color: var(--accent-color); \r\n    font-size: 15px;\r\n    font-weight: 600;\r\n    padding: 10px 24px;\r\n    border: 1px solid var(--glass-border); \r\n    border-radius: 50px; \r\n    background: rgba(255, 255, 255, 0.05); \r\n    transition: all 0.3s ease;\r\n    white-space: nowrap;\r\n}\r\n\r\n.nav-btn-resume:hover {\r\n    background: var(--accent-color); \r\n    color: var(--button-text-hover); \r\n    border-color: var(--accent-color);\r\n    transform: translateY(-2px); \r\n    box-shadow: 0 0 15px rgba(255, 255, 255, 0.3); \r\n}\r\n\r\n\/* --- MOBILE RESPONSIVE --- *\/\r\n@media (max-width: 768px) {\r\n    .modern-navbar {\r\n        flex-direction: column; \r\n        padding: 15px 5%;\r\n        gap: 20px; \r\n    }\r\n\r\n    .nav-logo img {\r\n        height: 40px; \r\n    }\r\n\r\n    .nav-links {\r\n        width: 100%;\r\n        justify-content: center; \r\n        gap: 25px; \r\n    }\r\n\r\n    .nav-item {\r\n        font-size: 14px; \r\n    }\r\n\r\n    .nav-btn-resume {\r\n        padding: 8px 20px;\r\n        font-size: 14px;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<nav class=\"modern-navbar\">\r\n    <a href=\"https:\/\/portfolio.uxicdesign.ir\/\" class=\"nav-logo\">\r\n        <img decoding=\"async\" src=\"https:\/\/portfolio.uxicdesign.ir\/wp-content\/uploads\/2025\/12\/logo-1313-2-1024x403-1.png\" alt=\"Logo\">\r\n    <\/a>\r\n\r\n    <div class=\"nav-links\">\r\n        <a href=\"https:\/\/portfolio.uxicdesign.ir\/\" class=\"nav-item active\">Work<\/a>\r\n        \r\n        <a href=\"\/blog\" class=\"nav-item\">Blog<\/a>\r\n        \r\n        <a href=\"#about\" class=\"nav-item\">About<\/a>\r\n        <a href=\"\/path-to-your-cv.pdf\" class=\"nav-btn-resume\" target=\"_blank\">Resume<\/a>\r\n    <\/div>\r\n<\/nav>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-42987f1 e-flex e-con-boxed e-con e-parent\" data-id=\"42987f1\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-aa49b6a elementor-widget elementor-widget-html\" data-id=\"aa49b6a\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<title>ISC Innovation Case Study<\/title>\n<style>\n\/* --- 0. DESIGN TOKENS (ISC FINTECH THEME) --- *\/\n:root {\n    --bg-core: #000205; \/* Deepest Black *\/\n    --bg-surface: #050a14;\n    --bg-glass: rgba(5, 10, 20, 0.6);\n    \n    \/* ISC Brand Colors *\/\n    --brand-blue: #0052cc; \n    --neon-blue: #2de2e6; \/* AI\/Tech Feel *\/\n    --neon-purple: #7928ca; \/* Innovation Accent *\/\n    \n    --text-primary: #ffffff;\n    --text-secondary: #94a3b8;\n    --text-tertiary: #475569;\n    \n    --border-light: rgba(255, 255, 255, 0.08);\n    --border-active: rgba(45, 226, 230, 0.3);\n    \n    --font-main: 'Inter', system-ui, -apple-system, sans-serif;\n    \n    --shadow-glow: 0 0 60px -20px rgba(0, 82, 204, 0.4);\n}\n\n* { box-sizing: border-box; margin: 0; padding: 0; }\n\nbody {\n    background-color: var(--bg-core);\n    color: var(--text-primary);\n    font-family: var(--font-main);\n    line-height: 1.6;\n    overflow-x: hidden;\n}\n\n\/* Background FX: Data Flow *\/\n.data-stream-bg {\n    position: fixed;\n    top: 0; left: 0; width: 100%; height: 100%;\n    z-index: -1;\n    background: \n        radial-gradient(circle at 20% 20%, rgba(0, 82, 204, 0.15) 0%, transparent 50%),\n        radial-gradient(circle at 80% 80%, rgba(121, 40, 202, 0.1) 0%, transparent 50%);\n    background-size: cover;\n    pointer-events: none;\n}\n\n.case-wrapper {\n    max-width: 1300px;\n    margin: 0 auto;\n    padding: 0 5%;\n    position: relative;\n    z-index: 1;\n}\n\n\/* --- 1. HERO SECTION (MCI STYLE STRUCTURE) --- *\/\n.hero-header {\n    min-height: 85vh;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: flex-start; \/* Left Aligned *\/\n    padding-top: 100px;\n    border-bottom: 1px solid var(--border-light);\n    padding-bottom: 60px;\n}\n\n.hero-meta-top {\n    display: flex;\n    align-items: center;\n    gap: 15px;\n    margin-bottom: 30px;\n    flex-wrap: wrap;\n}\n\n.company-tag {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    background: rgba(255,255,255,0.05);\n    padding: 5px 12px 5px 5px;\n    border-radius: 50px;\n    border: 1px solid var(--border-light);\n    transition: 0.3s;\n}\n\n.company-logo-small {\n    width: 28px;\n    height: 28px;\n    border-radius: 50%;\n    object-fit: cover;\n}\n\n.company-name-text {\n    font-size: 13px;\n    font-weight: 700;\n    color: #fff;\n    letter-spacing: 0.5px;\n}\n\n.role-tag {\n    display: inline-block;\n    padding: 8px 16px;\n    border: 1px solid var(--neon-blue);\n    color: var(--neon-blue);\n    border-radius: 50px;\n    font-size: 13px;\n    font-weight: 600;\n    letter-spacing: 1px;\n}\n\n.hero-title {\n    font-size: clamp(48px, 6vw, 96px);\n    font-weight: 800;\n    line-height: 1.05;\n    margin: 0 0 40px 0;\n    background: linear-gradient(180deg, #fff, #888);\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n}\n\n.highlight-text {\n    color: var(--neon-blue);\n    -webkit-text-fill-color: var(--neon-blue);\n}\n\n.hero-description {\n    font-size: 22px;\n    color: var(--text-secondary);\n    max-width: 800px;\n    font-weight: 300;\n    line-height: 1.6;\n    margin-bottom: 0;\n}\n\n.hero-metrics {\n    display: flex;\n    gap: 60px;\n    margin-top: 60px;\n    padding-top: 30px;\n    border-top: 1px solid var(--border-light);\n    width: 100%;\n}\n\n.metric-box span { display: block; }\n.metric-val { font-size: 32px; font-weight: 700; color: #fff; margin-bottom: 0; }\n.metric-lbl { font-size: 13px; color: var(--text-tertiary); text-transform: uppercase; letter-spacing: 1px; }\n\n\n\/* --- 2. HERO VISUAL (3D) --- *\/\n.hero-visual {\n    width: 100%;\n    margin-top: 60px;\n    display: flex;\n    justify-content: center;\n    perspective: 1500px;\n    padding-bottom: 100px;\n}\n\n.hero-img-3d {\n    width: 100%;\n    max-width: 1000px;\n    transform: rotateX(5deg);\n    transition: all 0.8s cubic-bezier(0.2, 0.8, 0.2, 1);\n    filter: drop-shadow(0 50px 80px rgba(0, 0, 0, 0.8));\n    border-radius: 20px;\n    border: 1px solid var(--border-light);\n    cursor: zoom-in;\n}\n\n.hero-visual:hover .hero-img-3d {\n    transform: rotateX(0deg) scale(1.02);\n    filter: drop-shadow(0 80px 100px rgba(45, 226, 230, 0.15));\n    border-color: var(--neon-blue);\n}\n\n\/* --- 3. CONTENT LAYOUT --- *\/\n.content-grid {\n    display: grid;\n    grid-template-columns: 300px 1fr;\n    gap: 80px;\n    padding-bottom: 150px;\n}\n\n\/* Sticky Info Panel *\/\n.sticky-panel {\n    position: sticky;\n    top: 120px;\n    height: fit-content;\n    padding: 30px;\n    background: linear-gradient(180deg, rgba(255,255,255,0.03) 0%, transparent 100%);\n    border-left: 1px solid var(--border-light);\n    border-radius: 0 20px 20px 0;\n}\n\n.panel-group { margin-bottom: 30px; }\n.panel-label {\n    font-size: 11px;\n    color: var(--neon-blue);\n    text-transform: uppercase;\n    letter-spacing: 2px;\n    font-weight: 700;\n    margin-bottom: 10px;\n    display: block;\n}\n.panel-list { list-style: none; padding: 0; }\n.panel-list li {\n    font-size: 14px;\n    color: var(--text-secondary);\n    margin-bottom: 8px;\n    padding-left: 12px;\n    border-left: 2px solid var(--border-light);\n}\n\n\/* Story Sections *\/\n.story-section { margin-bottom: 120px; }\n\n.section-head { margin-bottom: 30px; }\n.section-eyebrow {\n    font-size: 13px;\n    color: var(--neon-purple);\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 1.5px;\n    margin-bottom: 10px;\n    display: block;\n}\n.section-title {\n    font-size: 40px;\n    font-weight: 700;\n    color: #fff;\n    line-height: 1.1;\n    margin: 0;\n}\n\n.section-text {\n    font-size: 18px;\n    color: var(--text-secondary);\n    line-height: 1.8;\n    margin-bottom: 40px;\n    max-width: 95%;\n}\n\n\/* Images & Cards *\/\n.img-full {\n    width: 100%;\n    border-radius: 20px;\n    border: 1px solid var(--border-light);\n    transition: 0.4s;\n    cursor: zoom-in;\n    display: block;\n}\n.img-full:hover {\n    box-shadow: 0 0 40px rgba(0, 229, 255, 0.1);\n    transform: scale(1.01);\n}\n\n.feature-grid {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 30px;\n}\n\n.glass-card {\n    background: var(--bg-surface);\n    border: 1px solid var(--border-light);\n    border-radius: 20px;\n    padding: 30px;\n    transition: 0.3s;\n}\n.glass-card:hover {\n    border-color: var(--neon-blue);\n    transform: translateY(-5px);\n}\n.card-icon { font-size: 24px; margin-bottom: 15px; display: block; }\n.glass-card h3 { font-size: 20px; color: #fff; margin: 0 0 10px 0; }\n.glass-card p { font-size: 15px; color: var(--text-tertiary); margin: 0; }\n\n\/* --- 4. FOOTER (FIXED) --- *\/\n.footer {\n    padding: 100px 0;\n    text-align: center;\n    border-top: 1px solid var(--border-light);\n    background: linear-gradient(to top, rgba(0, 86, 210, 0.1), transparent);\n    position: relative; \/* FIX: Added relative position *\/\n    z-index: 10; \/* FIX: Added z-index to ensure it is above background *\/\n}\n\n.btn-primary {\n    display: inline-flex;\n    align-items: center;\n    gap: 12px;\n    padding: 16px 40px;\n    background: var(--text-primary);\n    color: #000;\n    border-radius: 100px;\n    font-weight: 700;\n    text-decoration: none;\n    transition: 0.3s;\n    cursor: pointer;\n    position: relative; \/* FIX: Ensure button is clickable *\/\n    z-index: 20; \/* FIX: Higher z-index for button *\/\n}\n.btn-primary:hover { transform: scale(1.05); background: var(--neon-blue); }\n\n\/* --- LIGHTBOX --- *\/\n#lightbox { display: none; position: fixed; inset: 0; z-index: 999; background: rgba(0,0,0,0.95); justify-content: center; align-items: center; padding: 20px; backdrop-filter: blur(10px); }\n#lightbox img { max-width: 90vw; max-height: 90vh; border-radius: 12px; box-shadow: 0 0 60px rgba(0, 229, 255, 0.2); }\n.close { position: absolute; top: 30px; right: 40px; font-size: 40px; color: #fff; cursor: pointer; }\n\n\/* RESPONSIVE *\/\n@media (max-width: 1024px) {\n    .content-grid { grid-template-columns: 1fr; }\n    .sticky-panel { position: relative; top: 0; margin-bottom: 60px; border-left: none; border-top: 1px solid var(--border-light); padding-top: 40px; }\n    .hero-metrics { gap: 30px; }\n}\n@media (max-width: 768px) {\n    .hero-title { font-size: 42px; }\n    .hero-metrics { flex-direction: column; gap: 30px; }\n    .feature-grid { grid-template-columns: 1fr; }\n    .hero-visual { margin-top: 30px; margin-bottom: 60px; }\n    .hero-img-3d { width: 140%; margin-left: -20%; } \/* Mobile Bleed *\/\n}\n<\/style>\n<\/head>\n<body>\n\n<div class=\"data-stream-bg\"><\/div>\n\n<div class=\"case-wrapper\">\n\n    <header class=\"hero-header\">\n        \n        <div class=\"hero-meta-top\">\n            <div class=\"company-tag\">\n                <img decoding=\"async\" src=\"http:\/\/portfolio.uxicdesign.ir\/wp-content\/uploads\/2025\/12\/Screenshot-2025-12-22-at-4.13.17-PM.png\" alt=\"ISC Logo\" class=\"company-logo-small\">\n                <span class=\"company-name-text\">Informatics Services Corp (ISC)<\/span>\n            <\/div>\n            <span class=\"role-tag\">Role: Senior Innovation Specialist<\/span>\n        <\/div>\n        \n        <h1 class=\"hero-title\">Architecting the Future<br>of <span class=\"highlight-text\">Fintech Innovation.<\/span><\/h1>\n        \n        <p class=\"hero-description\">\n            Leading the <strong>National AI Event (Innotechnic)<\/strong> and managing the <strong>IFINC Innovation Center<\/strong>. \n            Bridging the gap between the Central Bank's legacy infrastructure and the agile world of startups through Open Innovation.\n        <\/p>\n\n        <div class=\"hero-metrics\">\n            <div class=\"metric-box\">\n                <span class=\"metric-val\">Innotechnic<\/span>\n                <span class=\"metric-lbl\">Lead Event Architect<\/span>\n            <\/div>\n            <div class=\"metric-box\">\n                <span class=\"metric-val\">IFINC<\/span>\n                <span class=\"metric-lbl\">Innovation Mentor<\/span>\n            <\/div>\n            <div class=\"metric-box\">\n                <span class=\"metric-val\">R&D<\/span>\n                <span class=\"metric-lbl\">Metaverse & AI<\/span>\n            <\/div>\n        <\/div>\n    <\/header>\n\n \n\n    <div class=\"content-grid\">\n\n        <div class=\"full-width-container\" style=\"grid-column: 1 \/ -1; margin-bottom: 80px;\">\n            <img decoding=\"async\" src=\"http:\/\/portfolio.uxicdesign.ir\/wp-content\/uploads\/2025\/12\/Screenshot-2025-12-22-at-4.13.48-PM-scaled.png\" class=\"zoomable-img img-full\" alt=\"Event Collage\">\n        <\/div>\n\n        <aside class=\"sticky-panel\">\n            <div class=\"panel-group\">\n                <span class=\"panel-label\">My Roles<\/span>\n                <ul class=\"panel-list\">\n                    <li>Senior Innovation Specialist<\/li>\n                    <li>Lead Event Architect<\/li>\n                    <li>Experience Director<\/li>\n                    <li>UX\/UI Mentor (IFINC)<\/li>\n                <\/ul>\n            <\/div>\n            <div class=\"panel-group\">\n                <span class=\"panel-label\">Key Initiatives<\/span>\n                <ul class=\"panel-list\">\n                    <li>Innotechnic (AI Event)<\/li>\n                    <li>Fintech Accelerator<\/li>\n                    <li>Coworking Space Design<\/li>\n                    <li>Strategic Investment<\/li>\n                <\/ul>\n            <\/div>\n            <div class=\"panel-group\">\n                <span class=\"panel-label\">Research Areas<\/span>\n                <div style=\"color:#94a3b8; font-size:14px; line-height:1.6;\">\n                    Metaverse Banking \u2022 AI \u2022 Blockchain \u2022 Open Banking \u2022 Employer Branding\n                <\/div>\n            <\/div>\n        <\/aside>\n\n        <div class=\"case-content\">\n\n            <section class=\"story-section\">\n                <div class=\"section-head\">\n                    <span class=\"section-eyebrow\">01. Experience Architecture<\/span>\n                    <h2 class=\"section-title\">Innotechnic: AI x Banking.<\/h2>\n                <\/div>\n                <p class=\"section-text\">\n                    Commissioned by the Central Bank of Iran, I served as the <strong>Lead Event Architect & Experience Director<\/strong> for \"Innotechnic\". This wasn't just a conference; it was the nation's largest event dedicated to Artificial Intelligence in Banking Regulation (RegTech). \n                    <br><br>\n                    My role went beyond logistics; I designed the entire <strong>User Journey<\/strong> for attendees, speakers, and VIPs, ensuring the brand identity of \"Intelligence\" was felt in every interaction, from the stage design to the digital touchpoints.\n                <\/p>\n                    <div class=\"hero-visual\">\n        <img decoding=\"async\" src=\"http:\/\/portfolio.uxicdesign.ir\/wp-content\/uploads\/2025\/12\/Screenshot-2025-12-22-at-4.13.27-PM.png\" class=\"zoomable-img hero-img-3d\" alt=\"ISC Headquarters\">\n    <\/div>\n            <\/section>\n\n            <section class=\"story-section\">\n                <div class=\"section-head\">\n                    <span class=\"section-eyebrow\">02. Ecosystem Building<\/span>\n                    <h2 class=\"section-title\">IFINC Innovation Center.<\/h2>\n                <\/div>\n                <p class=\"section-text\">\n                    As a Senior Innovation Specialist, I played a pivotal role in the <strong>IFINC Fintech Accelerator<\/strong>. My mission was to nurture the next generation of fintech startups.\n                <\/p>\n                <div class=\"feature-grid\">\n                    <div class=\"glass-card\">\n                        <span class=\"card-icon\">\ud83d\ude80<\/span>\n                        <h3>Startup Mentorship<\/h3>\n                        <p>Acting as a UX\/UI Mentor, helping teams refine their MVPs and align their product experience with market needs.<\/p>\n                    <\/div>\n                    <div class=\"glass-card\">\n                        <span class=\"card-icon\">\ud83d\udcbc<\/span>\n                        <h3>Investment Strategy<\/h3>\n                        <p>Evaluating startups for potential investment, ensuring they align with ISC's strategic portfolio and future goals.<\/p>\n                    <\/div>\n                <\/div>\n            <\/section>\n\n            <section class=\"story-section\">\n                <div class=\"section-head\">\n                    <span class=\"section-eyebrow\">03. Physical Experience<\/span>\n                    <h2 class=\"section-title\">Designing the Coworking Space.<\/h2>\n                <\/div>\n                <p class=\"section-text\">\n                    Innovation requires the right environment. I led the research and design implementation for the <strong>IFINC Coworking Space<\/strong>. We analyzed global best practices to create a physical hub that fosters collaboration, creativity, and serendipitous connections between banking experts and agile startup teams.\n                <\/p>\n            <\/section>\n\n            <section class=\"story-section\">\n                <div class=\"section-head\">\n                    <span class=\"section-eyebrow\">04. R&D Leadership<\/span>\n                    <h2 class=\"section-title\">Pioneering Future Tech.<\/h2>\n                <\/div>\n                <p class=\"section-text\">\n                    To keep the Central Bank ahead of the curve, I managed the <strong>Metaverse & VR Lab<\/strong>. We conducted deep-dive research and created proof-of-concepts in:\n                <\/p>\n                <div class=\"feature-grid\" style=\"margin-top:30px;\">\n                    <div class=\"glass-card\">\n                        <h3>Metaverse Banking<\/h3>\n                        <p>Exploring virtual branches and customer service in VR.<\/p>\n                    <\/div>\n                    <div class=\"glass-card\">\n                        <h3>AI & Blockchain<\/h3>\n                        <p>Researching decentralized finance (DeFi) and automated compliance.<\/p>\n                    <\/div>\n                    <div class=\"glass-card\">\n                        <h3>Open Banking<\/h3>\n                        <p>Designing API strategies for third-party developers.<\/p>\n                    <\/div>\n                    <div class=\"glass-card\">\n                        <h3>Employer Experience<\/h3>\n                        <p>Modernizing internal tools to improve employee retention.<\/p>\n                    <\/div>\n                <\/div>\n            <\/section>\n\n        <\/div>\n    <\/div>\n\n    <footer class=\"footer\">\n        <h3 style=\"color:var(--text-secondary); margin-bottom:32px; font-weight:300;\">Ready to explore more?<\/h3>\n        <a href=\"https:\/\/portfolio.uxicdesign.ir\/\" class=\"btn-primary\">Back to Portfolio<\/a>\n    <\/footer>\n\n<\/div>\n\n<div id=\"lightbox\"><span class=\"close\">&times;<\/span><img decoding=\"async\" id=\"lb-img\" src=\"\"><\/div>\n<script>\n    const lb = document.getElementById('lightbox');\n    const lbImg = document.getElementById('lb-img');\n    \n    \/\/ Select all images with class 'zoomable-img'\n    document.querySelectorAll('.zoomable-img').forEach(img => {\n        img.addEventListener('click', () => { \n            lb.style.display = 'flex'; \n            lbImg.src = img.src; \n        });\n    });\n\n    document.querySelector('.close').onclick = () => lb.style.display = 'none';\n    lb.onclick = (e) => { if(e.target === lb) lb.style.display = 'none'; };\n<\/script>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Work Blog About Resume ISC Innovation Case Study Informatics Services Corp (ISC) Role: Senior Innovation Specialist Architecting the Futureof Fintech Innovation. Leading the National AI Event (Innotechnic) and managing the IFINC Innovation Center. Bridging the gap between the Central Bank&#8217;s legacy infrastructure and the agile world of startups through Open Innovation. Innotechnic Lead Event Architect [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-282","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/portfolio.uxicdesign.ir\/index.php?rest_route=\/wp\/v2\/pages\/282","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/portfolio.uxicdesign.ir\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/portfolio.uxicdesign.ir\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/portfolio.uxicdesign.ir\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/portfolio.uxicdesign.ir\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=282"}],"version-history":[{"count":19,"href":"https:\/\/portfolio.uxicdesign.ir\/index.php?rest_route=\/wp\/v2\/pages\/282\/revisions"}],"predecessor-version":[{"id":310,"href":"https:\/\/portfolio.uxicdesign.ir\/index.php?rest_route=\/wp\/v2\/pages\/282\/revisions\/310"}],"wp:attachment":[{"href":"https:\/\/portfolio.uxicdesign.ir\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=282"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}