/
home
/
whiteglobeco
/
menu-backup-20260813-004920
/
Upload File
HOME
<script></script> <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>eLearning Content Development, Multilingual eLearning & Gamification | White Globe | Yellow Hat Global</title> <meta name="description" content="Custom eLearning development, multilingual localisation in 350+ languages, gamification, animation and AR/VR — powered by Human + AI. SCORM/xAPI LMS-ready. White Globe and Yellow Hat Global — Asia's leading enterprise eLearning partner."> <meta name="keywords" content="custom elearning development India, multilingual elearning localisation, gamification corporate training, elearning animation 2D 3D, SCORM xAPI modules, interactive elearning, AR VR training, compliance elearning BFSI pharma, microlearning, White Globe, Yellow Hat Global"> <link rel="canonical" href="https://www.whiteglobe.co.in/elearning"> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400&family=Fraunces:ital,opsz,wght@0,9..144,300;0,9..144,600;0,9..144,700;1,9..144,600&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet"> <style> /* ============================================================ DESIGN TOKENS ============================================================ */ :root { --or: #D4580A; --orl: #E8720D; --ord: #8C3606; --orp: #FFF0E6; --orx: #FFF8F3; --navy: #0D2B4E; --navy2: #163A63; --deep: #07192E; --yw: #C89810; --ywl: #E0B020; --ywp: #FFFBE8; --tl: #0B6B6B; --pu: #5B3FA6; --white: #FFFFFF; --off: #FDFAF7; --g50: #FAF7F3; --g100: #F4EFE8; --g200: #E0D8CE; --g400: #9A8E80; --g600: #5C5040; --g800: #2C2018; --ease: cubic-bezier(0.16,1,0.3,1); --eases: cubic-bezier(0.25,0.46,0.45,0.94); } /* ============================================================ RESET ============================================================ */ *,*::before,*::after{box-sizing:border-box;margin:0;padding:0} html{scroll-behavior:smooth;font-size:16px} body{font-family:'Plus Jakarta Sans',sans-serif;background:var(--g100);color:var(--g800);overflow-x:hidden;-webkit-font-smoothing:antialiased} a{color:inherit;text-decoration:none} button{font-family:'Plus Jakarta Sans',sans-serif;cursor:pointer} /* ============================================================ SCROLL REVEALS ============================================================ */ .rv{opacity:0;transform:translateY(22px);transition:opacity .65s var(--ease),transform .65s var(--ease)} .rv.on{opacity:1;transform:none} .d1{transition-delay:.08s}.d2{transition-delay:.16s}.d3{transition-delay:.24s} .d4{transition-delay:.32s}.d5{transition-delay:.40s}.d6{transition-delay:.48s} /* ============================================================ NAVIGATION ============================================================ */ .nav{position:fixed;top:0;left:0;right:0;z-index:100;height:64px;padding:0 60px; display:flex;align-items:center;justify-content:space-between; background:rgba(7,25,46,.95);backdrop-filter:blur(16px); border-bottom:1px solid rgba(212,88,10,.2);transition:height .3s,background .3s} .nav.compact{height:54px;background:rgba(7,25,46,.99)} .brand{display:flex;align-items:center;gap:12px} .brand-marks{display:flex;gap:6px} .bm{width:32px;height:32px;border-radius:5px;display:flex;align-items:center;justify-content:center; font-family:'Fraunces',serif;font-size:14px;font-weight:700} .bm-wg{background:var(--or);color:#fff} .bm-yh{background:var(--ywl);color:var(--navy)} .brand-text{} .brand-name{font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#fff} .brand-sub{display:block;font-size:9px;color:rgba(255,255,255,.4);letter-spacing:.1em;text-transform:uppercase;margin-top:1px} .nav-links{display:flex;align-items:center;gap:28px} .nav-link{font-size:13px;font-weight:400;color:rgba(255,255,255,.5);transition:color .2s} .nav-link:hover{color:var(--orl)} .nav-cta{padding:9px 22px;background:var(--or);color:#fff; font-size:12px;font-weight:700;letter-spacing:.07em;text-transform:uppercase; border:none;border-radius:4px;transition:background .2s,transform .15s} .nav-cta:hover{background:var(--orl);transform:translateY(-1px)} /* ============================================================ HERO ============================================================ */ .hero{min-height:100vh;padding-top:64px;display:grid;grid-template-columns:1.15fr .85fr; background:var(--navy);position:relative;overflow:hidden} .hero-bg{position:absolute;inset:0; background:radial-gradient(ellipse 55% 55% at 10% 60%,rgba(212,88,10,.18) 0%,transparent 100%), radial-gradient(ellipse 40% 40% at 90% 15%,rgba(200,152,16,.07) 0%,transparent 100%)} .hero-dots{position:absolute;inset:0; background-image:radial-gradient(rgba(212,88,10,.12) 1px,transparent 1px); background-size:30px 30px} .hero-left{position:relative;z-index:2;padding:88px 56px 80px 80px; display:flex;flex-direction:column;justify-content:center} .hero-pills{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:22px; opacity:0;animation:riseIn .8s var(--ease) .15s forwards} .hpill{padding:4px 11px;background:rgba(212,88,10,.14);border:1px solid rgba(212,88,10,.28); border-radius:3px;font-family:'JetBrains Mono',monospace; font-size:10px;letter-spacing:.13em;text-transform:uppercase;color:var(--orl)} .hpill.yw{background:rgba(200,152,16,.12);border-color:rgba(200,152,16,.28);color:var(--ywl)} .hero-h1{font-family:'Fraunces',serif; font-size:clamp(34px,4vw,58px);font-weight:700;line-height:1.09;letter-spacing:-.018em; color:#fff;margin-bottom:18px; opacity:0;animation:riseIn .9s var(--ease) .3s forwards} .hero-h1 .ac{color:var(--orl);font-style:italic} .hero-h1 .br{color:var(--ywl)} .hero-sub{font-size:16px;font-weight:300;line-height:1.78;color:rgba(255,255,255,.6); max-width:510px;margin-bottom:38px; opacity:0;animation:riseIn .9s var(--ease) .45s forwards} .hero-ctas{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:32px; opacity:0;animation:riseIn .9s var(--ease) .6s forwards} .btn-or{padding:13px 28px;background:var(--or);color:#fff; font-size:13px;font-weight:700;letter-spacing:.07em;text-transform:uppercase; border:none;border-radius:4px;display:inline-flex;align-items:center;gap:8px; transition:background .2s,transform .15s,box-shadow .2s} .btn-or:hover{background:var(--orl);transform:translateY(-2px);box-shadow:0 10px 28px rgba(212,88,10,.38)} .btn-or .arr{transition:transform .2s} .btn-or:hover .arr{transform:translateX(4px)} .btn-yw{padding:12px 24px;background:var(--ywl);color:var(--navy); font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase; border:none;border-radius:4px;transition:background .2s,transform .15s} .btn-yw:hover{background:var(--yw);transform:translateY(-1px)} .btn-gh{padding:12px 22px;background:transparent;color:rgba(255,255,255,.78); font-size:13px;font-weight:400;border:1px solid rgba(255,255,255,.2);border-radius:4px; transition:border-color .2s,color .2s} .btn-gh:hover{border-color:var(--orl);color:var(--orl)} .fstrip{display:flex;gap:7px;flex-wrap:wrap;padding-top:26px; border-top:1px solid rgba(212,88,10,.18); opacity:0;animation:riseIn .9s var(--ease) .78s forwards} .ftag{padding:3px 9px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12); border-radius:3px;font-family:'JetBrains Mono',monospace; font-size:10px;letter-spacing:.1em;color:rgba(255,255,255,.5);text-transform:uppercase} /* Hero right — format cards */ .hero-right{position:relative;z-index:2;display:flex;align-items:center;justify-content:center; padding:80px 80px 80px 24px; opacity:0;animation:fadeIn 1.1s var(--ease) .7s forwards} .fmt-cards{width:100%;max-width:420px} .fc-lbl{font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:.18em;text-transform:uppercase; color:rgba(212,88,10,.65);margin-bottom:12px} .fc-stack{display:flex;flex-direction:column;gap:9px} .fc{background:rgba(255,255,255,.047);border:1px solid rgba(255,255,255,.1);border-radius:7px; padding:13px 17px;display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:12px; backdrop-filter:blur(6px);transition:background .3s,border-color .3s} .fc:hover{background:rgba(255,255,255,.085);border-color:rgba(212,88,10,.32)} .fc-ic{width:38px;height:38px;border-radius:7px;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0} .ic-or{background:rgba(212,88,10,.18)} .ic-yw{background:rgba(200,152,16,.18)} .ic-tl{background:rgba(11,107,107,.18)} .ic-pu{background:rgba(91,63,166,.18)} .fc-body strong{display:block;font-size:12px;font-weight:600;color:#fff;margin-bottom:1px} .fc-body span{font-size:11px;color:rgba(255,255,255,.4)} .fc-badge{font-family:'JetBrains Mono',monospace;font-size:9px;letter-spacing:.08em; padding:3px 7px;border-radius:3px;white-space:nowrap;flex-shrink:0} .b-hot{background:rgba(212,88,10,.2);color:var(--orl);border:1px solid rgba(212,88,10,.3)} .b-ai {background:rgba(200,152,16,.15);color:var(--ywl);border:1px solid rgba(200,152,16,.28)} .b-new{background:rgba(11,107,107,.15);color:#4ECECE;border:1px solid rgba(11,107,107,.28)} .b-pro{background:rgba(91,63,166,.2);color:#A88FE0;border:1px solid rgba(91,63,166,.3)} /* ============================================================ STATS BAR ============================================================ */ .stats-bar{display:grid;grid-template-columns:repeat(5,1fr);background:var(--or)} .stat{padding:18px 14px;text-align:center;border-right:1px solid rgba(140,54,6,.25)} .stat:last-child{border-right:none} .sv{font-family:'Fraunces',serif;font-size:22px;font-weight:700;color:var(--deep);margin-bottom:4px} .sl{font-size:11px;color:rgba(7,25,46,.68);font-weight:600;line-height:1.4} /* ============================================================ SECTION GLOBALS ============================================================ */ .sec{padding:92px 80px} .s-white{background:var(--white)} .s-off {background:var(--off)} .s-pale {background:var(--orx)} .s-warm {background:var(--ywp)} .s-dark {background:var(--navy)} .s-deep {background:var(--deep)} .eyebrow{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.2em;text-transform:uppercase; color:var(--or);margin-bottom:12px;display:flex;align-items:center;gap:10px} .eyebrow::after{content:'';flex:1;max-width:34px;height:1px;background:var(--or)} .s-dark .eyebrow,.s-deep .eyebrow{color:var(--orl)} .s-dark .eyebrow::after,.s-deep .eyebrow::after{background:var(--orl)} .sec-title{font-family:'Fraunces',serif; font-size:clamp(28px,2.8vw,44px);font-weight:700;line-height:1.14;letter-spacing:-.015em; color:var(--navy);margin-bottom:13px} .s-dark .sec-title,.s-deep .sec-title{color:#fff} .sec-title em{font-style:italic;color:var(--or)} .s-dark .sec-title em,.s-deep .sec-title em{color:var(--orl)} .sec-title .br{color:var(--yw)} .sec-lead{font-size:16px;font-weight:300;line-height:1.78;color:var(--g600);max-width:640px} .s-dark .sec-lead,.s-deep .sec-lead{color:rgba(255,255,255,.56)} .sec-hdr{margin-bottom:52px} /* ============================================================ FORMAT GRID ============================================================ */ .fmt-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2px; background:var(--g200);border:2px solid var(--g200);border-radius:10px;overflow:hidden} .fmc{background:var(--white);padding:26px 20px;border-top:3px solid transparent;transition:background .25s,border-color .25s} .fmc:hover{background:var(--orx);border-top-color:var(--or)} .fmc-ic{font-size:26px;margin-bottom:13px} .fmc-t{font-size:14px;font-weight:700;color:var(--navy);margin-bottom:7px;line-height:1.3} .fmc-d{font-size:12px;font-weight:300;line-height:1.65;color:var(--g600);margin-bottom:10px} .fmc-tags{display:flex;flex-wrap:wrap;gap:4px} .otag{padding:2px 7px;background:var(--orp);border:1px solid rgba(212,88,10,.22); border-radius:3px;font-family:'JetBrains Mono',monospace; font-size:9px;letter-spacing:.07em;color:var(--ord);text-transform:uppercase} /* ============================================================ PROCESS SECTION ============================================================ */ .proc-wrap{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:start} .proc-steps{display:flex;flex-direction:column} .pstep{display:grid;grid-template-columns:46px 1fr;gap:15px;padding-bottom:26px;position:relative} .pstep:not(:last-child)::after{content:'';position:absolute;left:22px;top:46px;bottom:0;width:1px; background:linear-gradient(to bottom,var(--or),rgba(212,88,10,.04))} .pnum{width:46px;height:46px;border-radius:50%;background:var(--ywp); border:2px solid var(--or);color:var(--ord); font-family:'Fraunces',serif;font-size:17px;font-weight:700; display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative;z-index:1} .pcnt{margin-top:10px} .ptitle{font-size:14px;font-weight:700;color:var(--navy);margin-bottom:5px} .pdesc{font-size:13px;font-weight:300;line-height:1.65;color:var(--g600)} .ptag{margin-top:5px;font-size:10px;color:var(--or);letter-spacing:.08em; display:flex;align-items:center;gap:4px} .ptag::before{content:'→';font-size:10px} /* Tech panel */ .tech-panel{border:1px solid var(--g200);border-radius:9px;overflow:hidden; box-shadow:0 3px 16px rgba(212,88,10,.06)} .tp-hdr{background:var(--navy);padding:17px 22px} .tp-hdr-t{font-size:13px;font-weight:600;color:#fff;margin-bottom:2px} .tp-hdr-s{font-size:11px;color:rgba(255,255,255,.42)} .tp-row{display:flex;align-items:center;gap:12px;padding:11px 22px; border-bottom:1px solid var(--g200)} .tp-row:last-child{border-bottom:none} .tp-row:nth-child(even){background:var(--orx)} .tp-row:nth-child(odd){background:var(--white)} .tp-row:hover{background:var(--orp)} .tp-ic{font-size:15px;width:22px;text-align:center;flex-shrink:0} .tp-lbl{font-size:12px;font-weight:500;color:var(--navy);flex:1} .tp-sub{font-size:11px;color:var(--g400)} /* ============================================================ INDUSTRY GRID ============================================================ */ .ind-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px} .ind-card{border:1px solid var(--g200);border-radius:10px;overflow:hidden;background:var(--white); box-shadow:0 2px 8px rgba(212,88,10,.05);transition:transform .25s,box-shadow .25s} .ind-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px rgba(212,88,10,.12)} .ind-top{background:var(--navy);padding:22px 20px} .ind-em{font-size:26px;margin-bottom:10px} .ind-name{font-family:'Fraunces',serif;font-size:16px;font-weight:700;color:#fff;margin-bottom:4px} .ind-auth{font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:.1em;color:rgba(255,255,255,.4)} .ind-body{padding:17px 20px} .ind-uc{display:flex;align-items:flex-start;gap:8px;font-size:12px;color:var(--g600); padding:6px 0;border-bottom:1px solid var(--g200);line-height:1.4} .ind-uc:last-child{border-bottom:none} .ind-uc::before{content:'→';color:var(--or);font-size:11px;margin-top:1px;flex-shrink:0} /* ============================================================ PROOF (CASE STUDIES) ============================================================ */ .proof-grid{display:grid;grid-template-columns:repeat(3,1fr); gap:2px;background:rgba(255,255,255,.08);border-radius:10px;overflow:hidden} .proof-card{background:rgba(255,255,255,.048);padding:34px 26px; border-top:3px solid var(--orl);transition:background .25s} .proof-card:hover{background:rgba(255,255,255,.088)} .proof-seg{font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:.18em; text-transform:uppercase;color:var(--orl);margin-bottom:13px} .proof-title{font-family:'Fraunces',serif;font-size:16px;font-weight:700;color:#fff; margin-bottom:11px;line-height:1.3} .proof-div{width:34px;height:1px;background:rgba(212,88,10,.45);margin-bottom:11px} .proof-detail{font-size:12px;font-weight:300;line-height:1.7;color:rgba(255,255,255,.52);margin-bottom:18px} .proof-metrics{display:flex;flex-direction:column;gap:9px} .pm{display:flex;align-items:baseline;gap:6px} .pm-val{font-family:'Fraunces',serif;font-size:23px;font-weight:700;color:var(--orl);line-height:1} .pm-lbl{font-size:11px;color:rgba(255,255,255,.42)} /* ============================================================ COMPARISON TABLE ============================================================ */ .diff-wrap{border:1px solid var(--g200);border-radius:10px;overflow:hidden} .diff-table{width:100%;border-collapse:collapse;font-size:13px} .diff-table th{background:var(--navy);color:#fff;padding:13px 18px;text-align:left; font-family:'JetBrains Mono',monospace;font-size:10px;font-weight:500;letter-spacing:.06em} .diff-table td{padding:12px 18px;border-bottom:1px solid var(--g200);color:var(--g600);vertical-align:middle} .diff-table tr:last-child td{border-bottom:none} .diff-table tr:nth-child(even) td{background:var(--orx)} .diff-table tr:nth-child(odd) td{background:var(--white)} .diff-table .crit{font-weight:600;color:var(--navy)} .diff-table .yes {color:#275C18;font-weight:600} .diff-table .maybe{color:#7A5210;font-weight:500} .diff-table .no {color:#8C2010} /* ============================================================ CTA SECTION ============================================================ */ .cta-layout{display:grid;grid-template-columns:1.15fr .85fr;gap:64px;align-items:start} .cta-title{font-family:'Fraunces',serif; font-size:clamp(30px,3vw,46px);font-weight:700;line-height:1.12;color:#fff;margin-bottom:16px} .cta-title em{font-style:italic;color:var(--orl)} .cta-title .br{color:var(--ywl)} .cta-sub{font-size:15px;font-weight:300;line-height:1.75;color:rgba(255,255,255,.55);margin-bottom:30px} .cta-opts{display:flex;flex-direction:column;gap:10px} .cta-opt{display:flex;align-items:center;gap:13px;padding:14px 16px; background:rgba(255,255,255,.048);border:1px solid rgba(255,255,255,.1); border-radius:7px;transition:all .25s} .cta-opt:hover{background:rgba(212,88,10,.1);border-color:rgba(212,88,10,.3);transform:translateX(5px)} .co-icon{width:40px;height:40px;border-radius:7px;background:rgba(212,88,10,.14); display:flex;align-items:center;justify-content:center;font-size:17px;flex-shrink:0} .co-body strong{display:block;font-size:13px;font-weight:600;color:#fff;margin-bottom:2px} .co-body span{font-size:11px;color:rgba(255,255,255,.44);line-height:1.4} .co-arr{margin-left:auto;color:var(--orl);font-size:17px;flex-shrink:0;transition:transform .2s} .cta-opt:hover .co-arr{transform:translateX(4px)} /* Form */ .form-card{background:var(--white);border-radius:10px;padding:30px 26px; box-shadow:0 20px 56px rgba(212,88,10,.18)} .form-title{font-family:'Fraunces',serif;font-size:20px;font-weight:700;color:var(--navy);margin-bottom:4px} .form-sub{font-size:12px;color:var(--g400);margin-bottom:22px;line-height:1.5} .fg{margin-bottom:13px} .fg label{display:block;font-size:11px;font-weight:600;letter-spacing:.07em; text-transform:uppercase;color:var(--g600);margin-bottom:4px} .fg input,.fg select{width:100%;padding:10px 12px;border:1px solid var(--g200);border-radius:4px; font-family:'Plus Jakarta Sans',sans-serif;font-size:13px;color:var(--g800);background:var(--white); outline:none;transition:border-color .2s,box-shadow .2s} .fg input:focus,.fg select:focus{border-color:var(--or);box-shadow:0 0 0 3px rgba(212,88,10,.1)} .form-submit{width:100%;padding:12px;background:var(--or);color:#fff; font-family:'Plus Jakarta Sans',sans-serif;font-size:13px;font-weight:700; letter-spacing:.07em;text-transform:uppercase;border:none;border-radius:4px;margin-top:6px; transition:background .2s,transform .15s} .form-submit:hover{background:var(--orl);transform:translateY(-1px)} .form-note{font-size:11px;color:var(--g400);text-align:center;margin-top:10px;line-height:1.5} /* ============================================================ FOOTER ============================================================ */ .footer{background:#030D1A;padding:38px 80px;display:flex;align-items:center; justify-content:space-between;flex-wrap:wrap;gap:18px; border-top:1px solid rgba(212,88,10,.14)} .footer-l{font-size:12px;color:rgba(255,255,255,.3);line-height:1.7} .footer-l strong{color:var(--orl);font-weight:600} .footer-r{display:flex;gap:26px;flex-wrap:wrap} .footer-r a{font-size:12px;color:rgba(255,255,255,.3);letter-spacing:.06em;transition:color .2s} .footer-r a:hover{color:var(--orl)} /* Float button */ .float-btn{position:fixed;bottom:28px;right:28px;z-index:90; background:var(--or);color:#fff;padding:12px 22px;border-radius:50px;border:none; font-size:12px;font-weight:700;letter-spacing:.07em;text-transform:uppercase; display:flex;align-items:center;gap:8px; box-shadow:0 8px 28px rgba(212,88,10,.5); opacity:0;transform:translateY(12px);transition:opacity .4s,transform .4s,box-shadow .2s} .float-btn.show{opacity:1;transform:none} .float-btn:hover{box-shadow:0 14px 40px rgba(212,88,10,.62);transform:translateY(-2px)} /* ============================================================ KEYFRAMES ============================================================ */ @keyframes riseIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}} @keyframes fadeIn {from{opacity:0}to{opacity:1}} /* ============================================================ RESPONSIVE ============================================================ */ @media(max-width:1100px){ .hero{grid-template-columns:1fr;min-height:auto} .hero-left{padding:80px 48px 48px} .hero-right{padding:0 48px 80px} .sec{padding:80px 48px} .fmt-grid{grid-template-columns:repeat(2,1fr)} .proc-wrap{grid-template-columns:1fr;gap:48px} .ind-grid{grid-template-columns:1fr 1fr} .proof-grid{grid-template-columns:1fr} .cta-layout{grid-template-columns:1fr;gap:40px} .footer{padding:36px 48px} .stats-bar{grid-template-columns:repeat(3,1fr)} .stats-bar .stat:nth-child(4),.stats-bar .stat:nth-child(5){border-top:1px solid rgba(140,54,6,.25)} } @media(max-width:720px){ .nav{padding:0 24px} .nav-links{display:none} .hero-left{padding:56px 24px 40px} .hero-right{padding:0 24px 56px} .sec{padding:64px 24px} .fmt-grid{grid-template-columns:1fr} .ind-grid{grid-template-columns:1fr} .footer{padding:28px 24px;flex-direction:column} .float-btn{bottom:16px;right:16px;padding:10px 16px;font-size:11px} .diff-table th:nth-child(3),.diff-table td:nth-child(3){display:none} } </style> </head> <body> <!-- ══════════ NAVIGATION ══════════ --> <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="description" content="White Globe Document and Language Translation Services"> <meta name="keywords" content="white globe, translation, interpretation, localization, language translation services, document translation services"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Asia's Leading LSP For Translation, Localization And Language Services</title> <!--Favicon--> <link rel="apple-touch-icon" sizes="180x180" href="/images/favicon/apple-touch-icon.png"> <link rel="icon" type="image/png" sizes="32x32" href="/images/favicon/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="16x16" href="/images/favicon/favicon-16x16.png"> <link rel="manifest" href="/images/favicon/site.webmanifest"> <meta name="msapplication-TileColor" content="#da532c"> <meta name="theme-color" content="#ffffff"> <!--Bootstrap CSS--> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-4bw+/aepP/YC94hEpVNVgiZdgIC5+VKNBQNGCHeKRQN+PtmoHDEXuppvnDJzQIu9" crossorigin="anonymous"> <!--Bootstrap Icon--> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.5/font/bootstrap-icons.css"> <!--CSS--> <link rel="stylesheet" href="./style.css"> <!--JS--> <script src="./script.js" defer></script> <script type="application/ld+json"> { "@context": "https://schema.org", "@type": "Corporation", "name": "White Globe Group Pvt. Ltd.", "url": "https://whiteglobe.co.in/", "logo": "https://whiteglobe.co.in/images/logo/WG-logo.webp", "sameAs": [ "https://www.facebook.com/whiteglobegroup", "http://www.twitter.com/whiteglobegroup", "https://www.instagram.com/whiteglobegroup/", "https://www.youtube.com/@whiteglobepvtltd", "https://www.linkedin.com/company/whiteglobegroupofcompanies" ] } </script> <!-- Google tag (gtag.js) --> <script async src="https://www.googletagmanager.com/gtag/js?id=G-CW3RSR91PY"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-CW3RSR91PY'); </script> </head> <body> <!--Top Bar--> <nav class="navbar navbar-expand-xl" id="top-nav"> <div class="container-fluid"> <a class="navbar-brand pt-0 pb-0" href="./index.html"> <img src="./images/logo/WG-logo.webp" alt="logo-whiteglobe" width="180" height=auto; class="img-fluid"> </a> <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button> <div class="collapse navbar-collapse" id="navbarSupportedContent"> <li class="nav-item dropdown"> <div id="dropdown1"> <a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false"> Our Story </a> <ul class="dropdown-menu" id="dropdown-1"> <li> <a class="dropdown-item" href="./origin-story-of-white-globe">Origin Story Of White Globe</a> </li> <li> <a class="dropdown-item" href="./origin-of-brand-name.html">Origin Of Brand Name</a> </li> <li> <a class="dropdown-item" href="./vision-mission.html">Vision & Mission</a> </li> <li> <a class="dropdown-item" href="./about-us.html">About Us</a> </li> <li> <a class="dropdown-item" href="./team.html">Management Team</a></li> <li> <a class="dropdown-item" href="./language-coe-team.html">Language COE Team</a> </li> <li> <a class="dropdown-item" href="./white-globe-trotter.html">White Globe Trotter</a> </li> <li> <a class="dropdown-item" href="./whiteglobe-in-news.html">White Globe In News</a> </li> <li> <a class="dropdown-item" href="./our-corporate-profile.html"> Our Corporate Profile </a> </li> <li class="dropend"> <a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown"> Our Brands </a> <ul class="dropdown-menu brands-menu"> <li> <a class="dropdown-item" href="./Nexoratech.html"> Nexoratech </a> </li> <li> <a class="dropdown-item" href="./indic-translation.html"> Indic Translation <img src="./images/logo/indic-translation.webp" width="25"> </a> </li> <li> <a class="dropdown-item" href="./lang-tal.html"> Lang Tal <img src="./images/logo/lang-tal.webp" width="25"> </a> </li> <li> <a class="dropdown-item" href="./lang-train.html"> Lang Train <img src="./images/logo/lang-train.webp" width="25"> </a> </li> <li> <a class="dropdown-item" href="./lang-writer.html"> Lang Writer <img src="./images/logo/lang-writer.webp" width="25"> </a> </li> <li> <a class="dropdown-item" href="./on-tap-translation.html"> On Tap Translation <img src="./images/logo/on-tap-translation.webp" width="25"> </a> </li> <li> <a class="dropdown-item" href="./online-interpreter.html"> Online Interpreter <img src="./images/logo/online-interpreter.webp" width="25"> </a> </li> <li> <a class="dropdown-item" href="./polyverse-digital.html"> Polyverse Digital <img src="./images/logo/polyverse-digital.webp" width="25"> </a> </li> <li> <a class="dropdown-item" href="./polyverse-media.html"> Polyverse Media <img src="./images/logo/polyverse-media.webp" width="25"> </a> </li> <li> <a class="dropdown-item" href="./yellow-hat-global.html"> Yellow Hat Global <img src="./images/logo/yellow-hat-global.webp" width="25"> </a> </li> </ul> </li> </div> </li> <li class="nav-item dropdown"> <div id="dropdown2"> <a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false"> Industry Solutions </a> <ul class="dropdown-menu" id="dropdown-2"> <li> <a class="dropdown-item" href=Industry-Solutions.html>Industry Solutions</a> </li> <li> <a class="dropdown-item" href="./Technical-Documentation-Transformation.html">Technical Documentation Transformation</a> </li> <li> <a class="dropdown-item" href="./customised-industry-solution.html">Customised Industry Solution</a> </li> <li> <a class="dropdown-item" href="./Precision-Medical-Translation.html">Precision Medical Translation</a> </li> <li> <a class="dropdown-item" href="./Certified-Translation-Services.html">Certified Translation Services </a> </li> <li> <a class="dropdown-item" href="./Legal-Translation-Services.html">Legal Translation Services</a> </li> <li> <a class="dropdown-item" href="./Patent-Translation-Services.html">Patent Translation Services</a> </li> <li> <a class="dropdown-item" href="./Business-Translation-Services.html">Business Translation Services</a> </li> <li> <a class="dropdown-item" href="./mdr-solutions.html">MDR Solutions</a> </li> </ul> </div> </li> <li class="nav-item dropdown"> <div id="dropdown2"> <a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false"> Solutions By Format </a> <ul class="dropdown-menu" id="dropdown-2"> <li> <a class="dropdown-item" href="./Solutions-By-Format.html">Solutions By Format </a> </li> <li> <a class="dropdown-item" href="./Multilingual-eLearning-Solutions.html">Multilingual-eLearning-Solutions </a> </li> <li> <a class="dropdown-item" href="./Enterprise-Multimedia-Localisation.html">Enterprise-Multimedia-Localisation</a> </li> <li> <a class="dropdown-item" href="./language-solutions-hub.html">Language Solutions Hub</a> </li> <li> <a class="dropdown-item" href="./beyond-language-solution.html">Value Added Solutions </a> </li> </ul> </div> </li> <li class="nav-item dropdown"> <div id="dropdown2"> <a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false"> Why White Globe </a> <ul class="dropdown-menu" id="dropdown-2"> <li> <a class="dropdown-item" href="./Why-Whiteglobe.html">Why Whiteglobe</a> </li> <li> <a class="dropdown-item" href="./common-language-pair.html">Common Language Pair</a> </li> <li> <a class="dropdown-item" href="./tailored-solutions-for-functions.html">Tailored Solutions For Function</a> </li> </ul> </div> </li> <li class="nav-item dropdown"> <div id="dropdown3"> <a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false"> Success Stories </a> <ul class="dropdown-menu" id="dropdown-3"> <li> <a class="dropdown-item" href="./case-studies.html">Case Studies</a> </li> </ul> </div> </li> <li class="nav-item dropdown"> <div id="dropdown3"> <a class="nav-link" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false"> Lang Tech </a> <ul class="dropdown-menu" id="dropdown-3"> <li> <a class="dropdown-item" href="./our-technology-platform.html"> Our Technology Platform <img src="./images/logo/langtech.webp" alt="logo-lang-tech" width="30" height="30"> </a> </li> </ul> </div> </li> <li class="nav-item dropdown"> <div id="dropdown5"> <a class="nav-link" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false"> Knowledge Center </a> <ul class="dropdown-menu" id="dropdown-5"> <li> <a class="dropdown-item" href="./articles.html"> Articles </a> </li> <li> <a class="dropdown-item" href="./blogs.html"> Blogs </a> </li> </ul> </div> </li> <li class="nav-item"> <a class="nav-link" href="./request-a quote.html"> Request A Quote </a> </li> <li class="nav-item dropdown"> <div id="dropdown6"> <a class="nav-link" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false"> Get In Touch </a> <ul class="dropdown-menu" id="dropdown-6"> <li> <a class="dropdown-item" href="./connect-with-us.html"> Connect With Us </a> </li> <li> <a class="dropdown-item" href="./career.html"> Career </a> </li> </ul> </div> </nav> <!-- ══════════ HERO ══════════ --> <section class="hero"> <div class="hero-bg"></div> <div class="hero-dots"></div> <div class="hero-left"> <div class="hero-pills"> <span class="hpill">eLearning Content Development</span> <span class="hpill">Multilingual eLearning</span> <span class="hpill yw">Gamification</span> <span class="hpill yw">Animation · AR/VR</span> </div> <h1 class="hero-h1"> <span class="br">Empower</span> Global Learning.<br> In Every Language.<br> <span class="ac">On Every Device.</span> </h1> <p class="hero-sub"> White Globe and Yellow Hat Global design, develop, and deploy multilingual eLearning — from interactive microlearning to gamified simulations to AR/VR immersive training — powered by Human + AI, delivered in 350+ languages. </p> <div class="hero-ctas"> <button class="btn-or" onclick="go('cta')">Book a Learning Discovery Call <span class="arr">→</span></button> <button class="btn-yw" onclick="go('cta')">See a Sample Module</button> <button class="btn-gh" onclick="go('formats')">Explore Formats</button> </div> <div class="fstrip"> <span class="ftag">SCORM · xAPI</span> <span class="ftag">350+ Languages</span> <span class="ftag">LMS-Ready</span> <span class="ftag">Human + AI</span> <span class="ftag">Gamification</span> <span class="ftag">AR / VR / XR</span> <span class="ftag">Mobile-First</span> <span class="ftag">WCAG 2.1</span> </div> </div> <div class="hero-right"> <div class="fmt-cards"> <div class="fc-lbl">Learning Format Capability</div> <div class="fc-stack"> <div class="fc"> <div class="fc-ic ic-or">🎮</div> <div class="fc-body"><strong>Gamified eLearning</strong><span>Points, badges, leaderboards, scenario-branching</span></div> <span class="fc-badge b-hot">Most Requested</span> </div> <div class="fc"> <div class="fc-ic ic-yw">🤖</div> <div class="fc-body"><strong>AI-Assisted Content Creation</strong><span>Human + AI model — 60% faster delivery</span></div> <span class="fc-badge b-ai">AI-Powered</span> </div> <div class="fc"> <div class="fc-ic ic-tl">🌍</div> <div class="fc-body"><strong>Multilingual Localisation</strong><span>350+ languages, voiceover, RTL, cultural QA</span></div> <span class="fc-badge b-new">350+ Langs</span> </div> <div class="fc"> <div class="fc-ic ic-pu">🥽</div> <div class="fc-body"><strong>AR / VR / XR Immersive</strong><span>Safety simulations, equipment training, onboarding</span></div> <span class="fc-badge b-pro">Immersive</span> </div> <div class="fc"> <div class="fc-ic ic-or">🎬</div> <div class="fc-body"><strong>Animation & Video Learning</strong><span>2D/3D animation, explainer videos, character animation</span></div> <span class="fc-badge b-hot">High Engagement</span> </div> <div class="fc"> <div class="fc-ic ic-tl">📱</div> <div class="fc-body"><strong>Microlearning · Mobile-First</strong><span>5-min modules, offline-capable, low-bandwidth</span></div> <span class="fc-badge b-new">Frontline Ready</span> </div> </div> </div> </div> </section> <!-- ══════════ STATS BAR ══════════ --> <div class="stats-bar"> <div class="stat"><div class="sv">350+</div><div class="sl">Languages for global eLearning</div></div> <div class="stat"><div class="sv">3,000+</div><div class="sl">eLearning & voiceover specialists</div></div> <div class="stat"><div class="sv">60%</div><div class="sl">Faster delivery with Human + AI</div></div> <div class="stat"><div class="sv">2,750+</div><div class="sl">Enterprise clients globally</div></div> <div class="stat"><div class="sv">4×</div><div class="sl">Higher completion with gamification</div></div> </div> <!-- ══════════ FORMAT GRID ══════════ --> <section class="sec s-off" id="formats"> <div class="sec-hdr rv"> <div class="eyebrow">Learning Formats</div> <h2 class="sec-title">Every Format. Every Learner. <em>Every Language.</em></h2> <p class="sec-lead">From five-minute microlearning bursts to full AR/VR simulation environments — we build the format that fits your learner, your content, and your outcome goal.</p> </div> <div class="fmt-grid"> <div class="fmc rv d1"> <div class="fmc-ic">⚡</div> <div class="fmc-t">Microlearning</div> <div class="fmc-d">Short, focused modules for just-in-time learning. Ideal for mobile frontline workers, compliance refreshers, and continuous upskilling.</div> <div class="fmc-tags"><span class="otag">5-min modules</span><span class="otag">Mobile-First</span><span class="otag">Offline</span></div> </div> <div class="fmc rv d2"> <div class="fmc-ic">🎮</div> <div class="fmc-t">Gamification</div> <div class="fmc-d">Points, badges, leaderboards, challenge missions, scenario-branching. Completion rates up to 4× higher than static modules.</div> <div class="fmc-tags"><span class="otag">Leaderboards</span><span class="otag">Badges</span><span class="otag">Branching</span></div> </div> <div class="fmc rv d3"> <div class="fmc-ic">🎬</div> <div class="fmc-t">Video & Animation</div> <div class="fmc-d">Explainer animations, 2D/3D character animation, screen-capture tutorials, and live-action video production at scale.</div> <div class="fmc-tags"><span class="otag">2D/3D Anim</span><span class="otag">Character</span><span class="otag">Explainer</span></div> </div> <div class="fmc rv d4"> <div class="fmc-ic">🥽</div> <div class="fmc-t">AR / VR / XR Immersive</div> <div class="fmc-d">Virtual safety simulations, equipment operation training, immersive onboarding — experiential learning that builds real capability.</div> <div class="fmc-tags"><span class="otag">Safety Sim</span><span class="otag">Equipment</span><span class="otag">XR</span></div> </div> <div class="fmc rv d1"> <div class="fmc-ic">🧩</div> <div class="fmc-t">Interactive & Scenario-Based</div> <div class="fmc-d">Click-to-reveal, drag-and-drop, decision-tree scenarios, knowledge checks — active learning that improves retention by up to 75%.</div> <div class="fmc-tags"><span class="otag">SCORM</span><span class="otag">xAPI</span><span class="otag">HTML5</span></div> </div> <div class="fmc rv d2"> <div class="fmc-ic">🌍</div> <div class="fmc-t">Multilingual Localisation</div> <div class="fmc-d">Translation, transcreation, voiceover casting, subtitle sync, RTL layout adaptation, and cultural QA — your eLearning in every learner's native language.</div> <div class="fmc-tags"><span class="otag">350+ Languages</span><span class="otag">Voiceover</span><span class="otag">RTL</span></div> </div> <div class="fmc rv d3"> <div class="fmc-ic">📚</div> <div class="fmc-t">Compliance & Regulatory Training</div> <div class="fmc-d">Audit-ready, SCORM-tracked compliance modules — GxP, BFSI regulatory, safety certification, AML, and legal compliance — always current, always trackable.</div> <div class="fmc-tags"><span class="otag">GxP / BFSI</span><span class="otag">Audit-Ready</span><span class="otag">Multilingual</span></div> </div> <div class="fmc rv d4"> <div class="fmc-ic">🔗</div> <div class="fmc-t">LMS Integration & SCORM</div> <div class="fmc-d">SCORM, xAPI, AICC, and HTML5 packaging for all major LMS platforms — Cornerstone, Moodle, SAP SuccessFactors, Workday, TalentLMS.</div> <div class="fmc-tags"><span class="otag">SCORM 1.2/2004</span><span class="otag">xAPI</span><span class="otag">All LMS</span></div> </div> </div> </section> <!-- ══════════ PROCESS ══════════ --> <section class="sec s-warm"> <div class="sec-hdr rv"> <div class="eyebrow">Our Delivery Process</div> <h2 class="sec-title">From Discovery to <em>Deployment</em> — One Integrated Workflow</h2> <p class="sec-lead">Seven engineered stages designed for enterprise-scale eLearning programmes, not one-off module requests.</p> </div> <div class="proc-wrap"> <div class="proc-steps rv"> <div class="pstep"> <div class="pnum">1</div> <div class="pcnt"> <div class="ptitle">Client Briefing & Learning Needs Analysis</div> <div class="pdesc">Training goals, audience profiles, languages, LMS specifications, compliance requirements, and format selection defined before design begins.</div> </div> </div> <div class="pstep"> <div class="pnum">2</div> <div class="pcnt"> <div class="ptitle">Instructional Design & Storyboarding</div> <div class="pdesc">SME collaboration, AI-assisted draft scripting, visual asset planning, interaction logic design, and storyboard sign-off using Articulate, Captivate, or Vyond.</div> <div class="ptag">AI-assisted scripting</div> </div> </div> <div class="pstep"> <div class="pnum">3</div> <div class="pcnt"> <div class="ptitle">Content Creation & Asset Development</div> <div class="pdesc">Module development, animation production, video recording, gamification element design, and interactive feature build — all in one integrated team.</div> </div> </div> <div class="pstep"> <div class="pnum">4</div> <div class="pcnt"> <div class="ptitle">Localisation — AI Pre-Translation + Human Review</div> <div class="pdesc">Lang Tech AI pre-translates for speed; domain-trained linguists review for accuracy, tone, and pedagogical flow; transcreation applied where needed.</div> <div class="ptag">Human + AI hybrid model</div> </div> </div> <div class="pstep"> <div class="pnum">5</div> <div class="pcnt"> <div class="ptitle">Voiceover, Multimedia & Layout Adaptation</div> <div class="pdesc">Native voiceover artists cast per language, subtitle synchronisation, RTL script layout adaptation, and media asset replacement for localised versions.</div> </div> </div> <div class="pstep"> <div class="pnum">6</div> <div class="pcnt"> <div class="ptitle">SCORM/xAPI Packaging & LMS Compatibility Testing</div> <div class="pdesc">Content packaged to SCORM 1.2, SCORM 2004, xAPI, or HTML5 — tested across client LMS environment with full tracking, completion, and assessment validation.</div> <div class="ptag">SCORM/xAPI/HTML5 ready</div> </div> </div> <div class="pstep"> <div class="pnum">7</div> <div class="pcnt"> <div class="ptitle">QA, Client Review & Deployment</div> <div class="pdesc">Linguistic QA, functional QA, accessibility review, client feedback integration, and LMS deployment with analytics and tracking enablement.</div> </div> </div> </div> <div class="rv d2"> <p style="font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--or);margin-bottom:14px;">Technical & Platform Capabilities</p> <div class="tech-panel"> <div class="tp-hdr"> <div class="tp-hdr-t">White Globe / Yellow Hat Global — eLearning Tech Stack</div> <div class="tp-hdr-s">Authoring tools · Standards · LMS platforms · AI</div> </div> <div class="tp-row"><div class="tp-ic">✏️</div><div class="tp-lbl">Articulate Storyline 360 & Rise</div><div class="tp-sub">Authoring</div></div> <div class="tp-row"><div class="tp-ic">🎯</div><div class="tp-lbl">Adobe Captivate & Animate</div><div class="tp-sub">Authoring / Animation</div></div> <div class="tp-row"><div class="tp-ic">🎬</div><div class="tp-lbl">Vyond, After Effects, Camtasia</div><div class="tp-sub">Animation / Video</div></div> <div class="tp-row"><div class="tp-ic">📦</div><div class="tp-lbl">SCORM 1.2, SCORM 2004, xAPI, AICC</div><div class="tp-sub">Standards</div></div> <div class="tp-row"><div class="tp-ic">🔗</div><div class="tp-lbl">Cornerstone, Moodle, SAP, Workday, TalentLMS</div><div class="tp-sub">LMS Platforms</div></div> <div class="tp-row"><div class="tp-ic">🤖</div><div class="tp-lbl">Lang Tech AI — Translation + TM Engine</div><div class="tp-sub">AI Localisation</div></div> <div class="tp-row"><div class="tp-ic">🌍</div><div class="tp-lbl">350+ Languages incl. Hindi, Tamil, Arabic, Mandarin</div><div class="tp-sub">Language Coverage</div></div> <div class="tp-row"><div class="tp-ic">🥽</div><div class="tp-lbl">Unity, Unreal — AR/VR/XR Development</div><div class="tp-sub">Immersive</div></div> <div class="tp-row"><div class="tp-ic">♿</div><div class="tp-lbl">WCAG 2.1 Accessibility Standards</div><div class="tp-sub">Accessibility</div></div> </div> </div> </div> </section> <!-- ══════════ INDUSTRIES ══════════ --> <section class="sec s-white" id="industries"> <div class="sec-hdr rv"> <div class="eyebrow">Industries We Serve</div> <h2 class="sec-title">Training Programmes Built for <em>Your Industry</em></h2> <p class="sec-lead">Each industry has distinct training requirements, regulatory drivers, and learner profiles. We serve them all — with domain-specific instructional design and multilingual delivery.</p> </div> <div class="ind-grid"> <div class="ind-card rv d1"> <div class="ind-top"><div class="ind-em">🏭</div><div class="ind-name">Manufacturing & Industrial</div><div class="ind-auth">Safety · Compliance · Operations</div></div> <div class="ind-body"> <div class="ind-uc">Multilingual safety induction for shopfloor workers</div> <div class="ind-uc">SOP & machine training — visual-first, low-literacy adapted</div> <div class="ind-uc">Compliance & audit-ready SCORM tracking (ISO, OSHA)</div> <div class="ind-uc">Contractor onboarding in 15+ regional languages</div> <div class="ind-uc">AR/VR simulation for hazardous equipment training</div> </div> </div> <div class="ind-card rv d2"> <div class="ind-top"><div class="ind-em">🚗</div><div class="ind-name">Automotive</div><div class="ind-auth">Technician · Dealer · EV Transition</div></div> <div class="ind-body"> <div class="ind-uc">Technician upskilling — service procedures & diagnostics</div> <div class="ind-uc">EV transition training for dealer & service networks</div> <div class="ind-uc">Product knowledge localisation across dealer networks</div> <div class="ind-uc">Interactive service manual training with AR overlays</div> <div class="ind-uc">Multilingual dealer onboarding across APAC markets</div> </div> </div> <div class="ind-card rv d3"> <div class="ind-top"><div class="ind-em">💊</div><div class="ind-name">Pharma & Healthcare</div><div class="ind-auth">GxP · Compliance · Medical Education</div></div> <div class="ind-body"> <div class="ind-uc">GxP & regulatory compliance training — audit-ready SCORM</div> <div class="ind-uc">SOP & product knowledge for global teams</div> <div class="ind-uc">HCP education & medical product training</div> <div class="ind-uc">Multilingual patient education content</div> <div class="ind-uc">Clinical trial staff training across site languages</div> </div> </div> <div class="ind-card rv d1"> <div class="ind-top"><div class="ind-em">🏦</div><div class="ind-name">BFSI</div><div class="ind-auth">Compliance · Sales Enablement · Regulatory</div></div> <div class="ind-body"> <div class="ind-uc">Gamified compliance training — AML, SEBI/RBI, KYC</div> <div class="ind-uc">Product training for branch & agency networks</div> <div class="ind-uc">Sales enablement & regulatory update modules</div> <div class="ind-uc">Multilingual rollout across India & APAC branches</div> <div class="ind-uc">Annual refresher with SCORM completion tracking</div> </div> </div> <div class="ind-card rv d2"> <div class="ind-top"><div class="ind-em">💻</div><div class="ind-name">IT & Software</div><div class="ind-auth">Onboarding · Technical Skills · Product</div></div> <div class="ind-body"> <div class="ind-uc">New hire onboarding at scale — global, multilingual</div> <div class="ind-uc">Technical skills — DevOps, cloud, cybersecurity</div> <div class="ind-uc">Product enablement for customer-facing teams</div> <div class="ind-uc">Microlearning for rapidly evolving technical content</div> <div class="ind-uc">Scenario-based soft skills training for engineers</div> </div> </div> <div class="ind-card rv d3"> <div class="ind-top"><div class="ind-em">🛒</div><div class="ind-name">Retail & FMCG</div><div class="ind-auth">Frontline · Brand · Mobile-First</div></div> <div class="ind-body"> <div class="ind-uc">Store associate training in local languages & scripts</div> <div class="ind-uc">Brand standards & product knowledge — mobile-first</div> <div class="ind-uc">Customer service scenarios with gamification</div> <div class="ind-uc">Seasonal training refreshers with rapid content updates</div> <div class="ind-uc">Offline-capable modules for no-network environments</div> </div> </div> </div> </section> <!-- ══════════ PROOF ══════════ --> <section class="sec s-dark" id="proof"> <div class="sec-hdr rv"> <div class="eyebrow">Programme Evidence</div> <h2 class="sec-title">Learning That <em>Delivers Results</em></h2> <p class="sec-lead">Client names are confidential. Learning outcomes are not.</p> </div> <div class="proof-grid"> <div class="proof-card rv d1"> <div class="proof-seg">Manufacturing · Safety Training · 12 Languages</div> <div class="proof-title">Multilingual Safety eLearning — 8 Plant Facilities</div> <div class="proof-div"></div> <div class="proof-detail">A leading automotive OEM required safety induction and SOP training for 3,200 plant workers across 8 facilities in 4 countries. Existing training: English-only PDFs. Completion rate: 22%. Accident rate: unchanged. Redesigned as visual-first SCORM modules with gamified safety quiz and 12-language regional voiceover.</div> <div class="proof-metrics"> <div class="pm"><div class="pm-val">94%</div><div class="pm-lbl">completion rate (up from 22%)</div></div> <div class="pm"><div class="pm-val">40%</div><div class="pm-lbl">reduction in reportable incidents within 6 months</div></div> <div class="pm"><div class="pm-val">12</div><div class="pm-lbl">languages deployed simultaneously</div></div> </div> </div> <div class="proof-card rv d2"> <div class="proof-seg">BFSI · Gamified Compliance · National Bank</div> <div class="proof-title">Gamified AML & Regulatory Compliance — 18,000 Staff</div> <div class="proof-div"></div> <div class="proof-detail">National bank, 18,000 branch staff, mandatory AML and regulatory compliance training — sixth consecutive year of the same module. Completion rate: 14%. Audit risk growing. Redesigned as gamified scenario-based learning with branch leaderboards, daily challenges, and case study decision trees. Hindi and English with regional dialect voiceover.</div> <div class="proof-metrics"> <div class="pm"><div class="pm-val">91%</div><div class="pm-lbl">completion rate (up from 14%)</div></div> <div class="pm"><div class="pm-val">Zero</div><div class="pm-lbl">regulatory audit findings on training compliance</div></div> <div class="pm"><div class="pm-val">4×</div><div class="pm-lbl">higher average knowledge retention score</div></div> </div> </div> <div class="proof-card rv d3"> <div class="proof-seg">Pharma · GxP Compliance · 22 Sites</div> <div class="proof-title">Global GxP Retraining — 8,000 Employees, 18 Languages</div> <div class="proof-div"></div> <div class="proof-detail">A global pharmaceutical company required annual GxP retraining for 8,000 employees across 22 sites. The existing 6-week paper-based process had inconsistent pass rates and poor audit evidence. Replaced with SCORM eLearning — 18 languages, LMS-tracked per employee per site, automated pass/fail reporting.</div> <div class="proof-metrics"> <div class="pm"><div class="pm-val">2 Weeks</div><div class="pm-lbl">retraining cycle (down from 6 weeks)</div></div> <div class="pm"><div class="pm-val">100%</div><div class="pm-lbl">audit compliance — zero findings across all 22 sites</div></div> <div class="pm"><div class="pm-val">18</div><div class="pm-lbl">languages, SCORM-tracked, LMS-deployed</div></div> </div> </div> </div> </section> <!-- ══════════ COMPARISON ══════════ --> <section class="sec s-white"> <div class="sec-hdr rv"> <div class="eyebrow">Why White Globe · Yellow Hat Global</div> <h2 class="sec-title">The Capability Comparison <em>L&D Leaders Make</em></h2> <p class="sec-lead">End-to-end multilingual eLearning from one partner is genuinely rare. Instructional design, production, gamification, and 350+ language localisation — all in one integrated team.</p> </div> <div class="diff-wrap rv"> <table class="diff-table"> <thead> <tr> <th style="width:32%">Capability</th> <th style="width:23%">White Globe / Yellow Hat Global</th> <th style="width:23%">eLearning-only vendor</th> <th style="width:22%">LSP with eLearning add-on</th> </tr> </thead> <tbody> <tr><td class="crit">350+ language multilingual delivery</td><td class="yes">✓ Native capability</td><td class="maybe">✗ Outsourced / limited</td><td class="yes">✓ Core capability</td></tr> <tr><td class="crit">Instructional design + domain SME expertise</td><td class="yes">✓ In-house IDs + SMEs</td><td class="yes">✓ Core capability</td><td class="maybe">✗ Usually outsourced</td></tr> <tr><td class="crit">Gamification & interactive learning</td><td class="yes">✓ Yellow Hat Global studio</td><td class="yes">✓ Often specialised</td><td class="maybe">✗ Minimal capability</td></tr> <tr><td class="crit">Animation + AR/VR production</td><td class="yes">✓ In-house capability</td><td class="maybe">✓/✗ Varies by vendor</td><td class="no">✗ Rarely available</td></tr> <tr><td class="crit">SCORM/xAPI/HTML5 LMS packaging</td><td class="yes">✓ All standards supported</td><td class="yes">✓ Standard capability</td><td class="maybe">? Variable quality</td></tr> <tr><td class="crit">AI-assisted content creation + QA</td><td class="yes">✓ Lang Tech + Human hybrid</td><td class="maybe">✓/✗ AI-first, limited QA</td><td class="maybe">? Variable</td></tr> <tr><td class="crit">Industry-specific compliance expertise</td><td class="yes">✓ GxP, BFSI, Manufacturing</td><td class="maybe">✓/✗ Often generic</td><td class="maybe">? Rarely deep</td></tr> <tr><td class="crit">Single end-to-end partner — no vendor chain</td><td class="yes">✓ All services, one team</td><td class="no">✗ eLearning only</td><td class="no">✗ eLearning is secondary</td></tr> <tr><td class="crit">Frontline / low-literacy / mobile-first design</td><td class="yes">✓ Specialist capability</td><td class="maybe">? Not always offered</td><td class="no">✗ Rarely prioritised</td></tr> </tbody> </table> </div> </section> <!-- ══════════ CTA ══════════ --> <section class="sec s-deep" id="cta"> <div class="cta-layout"> <div class="rv"> <h2 class="cta-title">Your Learners Are Ready<br>for Something <em>Better</em><br>Than <span class="br">This Module.</span></h2> <p class="cta-sub">Whether you need a multilingual safety training overhaul, a gamified compliance programme, or a full AR/VR simulation environment — the right conversation starts with understanding your learners. Let us start there.</p> <div class="cta-opts"> <a href="mailto:elearning@whiteglobe.co.in?subject=Learning%20Discovery%20Call%20Request" class="cta-opt"> <div class="co-icon">📞</div> <div class="co-body"><strong>Book a Learning Discovery Call</strong><span>30 minutes with our instructional design team. We review your current training approach and share what is possible.</span></div> <div class="co-arr">→</div> </a> <a href="mailto:elearning@whiteglobe.co.in?subject=Free%20Sample%20Module%20Request" class="cta-opt"> <div class="co-icon">🎯</div> <div class="co-body"><strong>Request a Free Sample Module</strong><span>Tell us your industry and topic. We build a 3–5 minute sample in your preferred format at no cost.</span></div> <div class="co-arr">→</div> </a> <a href="mailto:elearning@whiteglobe.co.in?subject=Module%20Evaluation%20Request" class="cta-opt"> <div class="co-icon">🔍</div> <div class="co-body"><strong>Submit a Module for Free Evaluation</strong><span>Send us your current eLearning module. We review for instructional design, engagement, and localisation readiness.</span></div> <div class="co-arr">→</div> </a> <a href="mailto:elearning@whiteglobe.co.in?subject=Gamification%20Demo%20Request" class="cta-opt"> <div class="co-icon">🎮</div> <div class="co-body"><strong>Request a Gamification Demo</strong><span>We build a 3-screen gamified demo of your compliance or safety topic — see the difference before committing.</span></div> <div class="co-arr">→</div> </a> </div> </div> <div class="rv d2"> <div class="form-card"> <div class="form-title">Book a Learning Discovery Call</div> <div class="form-sub">Tell us about your training challenge. Our instructional design team will respond within 24 hours.</div> <div class="fg"><label>Full Name</label><input type="text" placeholder="Your name"></div> <div class="fg"><label>Organisation</label><input type="text" placeholder="Company name"></div> <div class="fg"> <label>Your Role</label> <select> <option value="">Select your role</option> <option>Head of L&D / Learning</option> <option>Training Director / Manager</option> <option>Compliance Head</option> <option>HR Director / CHRO</option> <option>Digital Learning Manager</option> <option>Procurement / Vendor Management</option> <option>Other</option> </select> </div> <div class="fg"> <label>Primary Training Need</label> <select> <option value="">Select primary need</option> <option>Custom eLearning Development</option> <option>Multilingual eLearning Localisation</option> <option>Gamification & Interactive Learning</option> <option>Compliance Training Modules</option> <option>Animation & Video Learning</option> <option>AR / VR Immersive Training</option> <option>Microlearning Modules</option> <option>SCORM / LMS Integration</option> </select> </div> <div class="fg"> <label>Industry</label> <select> <option value="">Select your industry</option> <option>Manufacturing & Industrial</option> <option>Automotive</option> <option>Pharma & Healthcare</option> <option>BFSI</option> <option>IT & Software</option> <option>Retail & FMCG</option> <option>Logistics</option> <option>EdTech</option> <option>Other</option> </select> </div> <div class="fg"><label>Business Email</label><input type="email" placeholder="name@company.com"></div> <div class="fg"><label>Phone (Optional)</label><input type="tel" placeholder="+91 / +1 / +44 ..."></div> <button class="form-submit" type="button">Book Discovery Call →</button> <div class="form-note">🔒 Confidential · No sales pitch · Response within 24 hours</div> </div> </div> </div> </section> <!-- ══════════ FOOTER ══════════ --> <footer class="footer"> <div class="footer-l"> <strong>White Globe Group · Yellow Hat Global</strong> · Asia's Leading Language, Learning & Content Solutions Partner<br> eLearning Development · Multilingual Localisation · Gamification · Animation · AR/VR · SCORM/xAPI<br> <span style="margin-top:3px;display:block;">whiteglobe.co.in · yellowhatglobal.com · 350+ Languages · 2,750+ Enterprise Clients</span> </div> <div class="footer-r"> <a href="https://www.whiteglobe.co.in">Home</a> <a href="https://www.whiteglobe.co.in/elearning">eLearning</a> <a href="https://www.yellowhatglobal.com">Yellow Hat Global</a> <a href="https://www.whiteglobe.co.in/industries">Industries</a> <a href="https://www.whiteglobe.co.in/contact">Contact</a> <a href="https://www.whiteglobe.co.in/privacy-policy">Privacy</a> </div> </footer> <!-- Floating CTA --> <button class="float-btn" id="floatBtn" onclick="go('cta')">🎓 Book Discovery Call</button> <!-- ══════════ JAVASCRIPT ══════════ --> <script> const nav = document.getElementById('main-nav'); const floatBtn = document.getElementById('floatBtn'); window.addEventListener('scroll', () => { const y = window.scrollY; nav.classList.toggle('compact', y > 80); floatBtn.classList.toggle('show', y > 440); }); function go(id) { const el = document.getElementById(id); if (el) el.scrollIntoView({ behavior: 'smooth', block: 'start' }); } /* Scroll reveal */ const ro = new IntersectionObserver(entries => { entries.forEach(e => { if (e.isIntersecting) { e.target.classList.add('on'); ro.unobserve(e.target); } }); }, { threshold: 0.1, rootMargin: '0px 0px -36px 0px' }); document.querySelectorAll('.rv').forEach(el => ro.observe(el)); </script> </body> </html>