Turning a Spline scene into a 300KB web hero
No iframe, no 2MB runtime, no badge: how my Spline starfield became 48 captured frames totalling 337KB — including the mirrored-text bug on the way.
Explore
KARENYA LIN — PORTFOLIO
7-Year UIUX Lead — from 3D Animation to Product Design
B2B SaaS product design · AI collaboration · 3D motion
Karenya LinOgloba · UIUX Lead (Current)
RECENTLY
What I've been working on
Recent writing and selected work, from the problem to the implementation.
Updated
Which skills are you looking for?
Browse recent work, or choose a skill to see relevant entries first.
TopicsScroll for more
6 entries
Looking for something specific? Search
Engineering an Apple-style frame-sequence hero in React
Every technique in my 48-frame homepage hero and why it's there: stride preloading, nearest-frame drawing, observer-gated rAF, reduced-motion in pure CSS, and the intro handoff contract.
Explore- PROJECT PREVIEWProject images / video pending
Codex and Claude Code: My Multi-Session AI Coding Workflow
How I coordinated parallel AI sessions for my portfolio: file ownership, AGENTS.md and CLAUDE.md, skills, review loops and a single integration handoff.
Explore From sitemap to production: my AI assisted website workflow
My Ogloba website workflow connects Figma, Next.js, motion, multilingual SEO and accessibility decisions with two paths to production.
Explore- PROJECT PREVIEWProject images / video pending
From prompt rules to an AI delivery system
How I turned a long instruction list into a risk-tiered operating contract for planning, implementation, QA, and handoff.
Explore 
Project releaseBrand Asset Downloads and Partner ID Verification: A ReactJS and Next.js Brand Center
How I designed a brand asset download portal for colleagues and customers, with usage guides and public Partner ID verification, using ReactJS, Next.js, GitHub and Vercel.
Explore
WHAT'S NEW / ALWAYS IN PROGRESS
The portfolio has a history, too.
Latest
332b61bUpdated portfolio discovery and public case studies
Unified work and writing discovery, added Behance, and refreshed the copy and previews for public case studies.
Public previews preserve the design context without exposing unannounced customer information or private business details.Open related itemDrag or hover the nodes