Test project 25 Dec 2023
alnilam - a board game studio landing refactored and hardened
- Nuxt 3
- Vue 3
- TypeScript
- Tailwind
- SCSS
- WebGL
- Cloudflare
A Nuxt landing for a board and card game studio, rebuilt from a template that leaned on jQuery and a stack of unused animation libraries. The centrepiece WebGL water-ripple ran on jQuery, so it was replaced with a dependency-free port of the effect - interactive cursor ripples, reduced-motion aware - and jQuery, AOS, GSAP and a dead page-transition plugin were stripped out of the bundle. On top of that went a lead-capture modal with client-side validation, an input phone mask and success/error toasts, a working accessible mobile menu, and smooth anchor scrolling with a sticky-header offset that holds up even in backgrounded tabs (a timer-driven easing, since requestAnimationFrame and native smooth-scroll are paused for hidden tabs). The content was tightened too: de-duplicated catalogue, real FAQ answers, a hero enriched with stats and clear calls to action, a footer with genuine page links, a custom favicon and the supporting pages (payment & delivery, privacy, cookies). Accessibility is a real floor throughout - html lang, landmarks, a skip link, focus-visible, a keyboard-operable accordion, aria labels and a reduced-motion path. Nuxt 3 + Vue 3 + TypeScript + Tailwind + SCSS, statically generated and deployed on Cloudflare Pages.