INNOBilingual Company Website for a Saudi Web Agency

The company website for INNO, a web development agency in Riyadh, built in a full-time frontend role. Bilingual Arabic and English and RTL-first — Arabic is the real layout rather than a mirrored English one — with a full brand design system, seven hand-coded animated SVG scenes, and a WhatsApp lead funnel that prefills the selected plan and its price so a visitor lands in the chat with the context already filled in.

I rebuilt the site from scratch and cut runtime dependencies from eleven to four, replacing Three.js, GSAP and Framer Motion with hand-written CSS and SVG animation. That removed roughly 47MB of 3D assets and fixed the scroll performance problems that earlier mitigations had not solved.

The Arabic work goes past a direction flip: CSS logical properties throughout, bidirectional text isolation, tabular numerals, direction-aware icons and locale-appropriate digit systems. The design system lives in Tailwind v4 — brand tokens, a typographic scale and 22 hand-written animations, every one of them honouring prefers-reduced-motion. Content is a typed bilingual architecture driven by useSyncExternalStore, so the server and client render deterministically and a language change syncs across tabs. Scroll parallax runs off a single listener on one requestAnimationFrame loop, image assets came down from 190KB to about 2KB, and contrast meets WCAG AA throughout.