// Custom eLearning, minimal content sections. // Just the source text, simple typography, lots of breathing room. // One subtle orange rule per section. Nothing else. const { useEffect: useEffectCE, useRef: useRefCE, useState: useStateCE } = React; function useReveal() { const ref = useRefCE(null); useEffectCE(() => { const el = ref.current; if (!el) return; const io = new IntersectionObserver((entries) => { entries.forEach((e) => { if (e.isIntersecting) { el.classList.add('is-in'); io.unobserve(el); } }); }, { threshold: 0.18 }); io.observe(el); return () => io.disconnect(); }, []); return ref; } function StrategyContent() { const r1 = useReveal(); const r3 = useReveal(); const r4 = useReveal(); const r5 = useReveal(); const rJourney = useReveal(); const rPyramid = useReveal(); const [activeTab, setActiveTab] = useStateCE('instructional'); return (
{/* 5, Custom */}
A team in a strategy session at a whiteboard

The right question changes everything.

Every learning experience that earns attention, shifts behavior, and moves a business metric starts in the same place, a strategy built around the right question. Not what content do we need, but what does this organization need its people to be able to do, and what is the most direct path to getting them there. When the strategy is right, everything that follows has a purpose. When it is not, even the most beautifully crafted content solves the wrong problem. Learning that earns its seat at the table begins before a single module is built.

{/* 5.5, Process: tabs flow (Instructional → Creative → Production → Impact) */}
How we work

Where the brief is shared by instructional designers and creative directors.

{[ { id: 'instructional', label: 'Instructional Design', body: 'Spaced retrieval. Cognitive load management. Contextual transfer. These are not features we add after the fact, they are the architecture. Every sequence, every interaction, every moment of friction is placed deliberately, because the science tells us what sticks and what evaporates the moment the module closes.', icon: ( ), }, { id: 'creative', label: 'Creative Layer', body: 'Visual rhythm, motion, sound, and story. The creative layer is what turns a structurally sound module into something people actually want to spend time with, and what carries the science across the threshold of attention into long-term memory.', icon: ( ), }, { id: 'production', label: 'Production', body: 'Studio-grade craft applied at programme scale. Voiceover, motion, illustration, code, and interaction, built by a team that has shipped award-winning learning across regulated industries, so the polish your learners feel was engineered, not improvised.', icon: ( ), }, { id: 'impact', label: 'Impact', body: 'Behaviour change, not completion rates. We instrument every programme to measure the things that actually matter to your business, and feed the data back into the next iteration so the work keeps getting sharper.', icon: ( ), }, ].reduce((acc, tab, idx, arr) => { acc.push( ); if (idx < arr.length - 1) { acc.push( ); } return acc; }, [])}
{[ { id: 'instructional', body: 'We architect learning from the business case backward, not the content brief forward. Grounded in cognitive science, we diagnose the specific friction blocking performance before building, ensuring every intervention maps directly to measurable organizational outcomes.' }, { id: 'creative', body: 'Attention is the gatekeeper of behavior change. We inject culture, sharp humor, and modern media trends into our learning design, replacing passive compliance with genuine entertainment. By earning engagement, we ensure strategic insights are processed and retained.' }, { id: 'production', body: 'Production quality is a multiplier of instructional strategy. Backed by elite animators, directors, and designers, we deliver cinematic, high-fidelity media that meets enterprise brand standards and commands the respect of time-pressured professionals.' }, { id: 'impact', body: 'Completion is a proxy metric; we optimize for performance records. We partner with you to shift from content delivery to system intervention by defining observable behaviors, tracking adoption, and proving long-term organizational impact.' }, ].map((p) => ( ))}
); } Object.assign(window, { StrategyContent });