STRAY WEBSITE
STRAY WORKS x 1508

A website for a New York-based regenerative investment initiative — built to translate a playful, collage-driven visual world into an interactive digital touchpoint. Eduardo led the technical direction and full-stack delivery, including a scroll-synchronised Lottie animation where the scroll position drives the animation playhead frame-by-frame, creating a storybook-like progression through the page.

OVERVIEW _

Stray is a regenerative investment ecosystem — a collective working to shift the global economy from extraction to regeneration, through investment, partnerships, and a distinctly playful worldview. The identity is warm, collage-heavy, botanical: chartreuse backgrounds, layered imagery, a visual language that feels more like an art project than a finance firm.

1508 built the full brand expression: identity, narrative, and website. The brief was to take that visual world and make it move — to build something that felt as considered and alive as the identity itself.

Eduardo led the technical direction and full-stack delivery. The central interaction is a scroll-driven Lottie animation: Lenis tracks the scroll position and maps it directly to the Lottie playhead, so the animation doesn't play on its own — it responds to the user, unfolding the page like an illustrated story. Getting this to feel right required close collaboration with the design team, making technical decisions in the service of a specific aesthetic rather than around it.

The site is built on a headless Next.js + DatoCMS stack, with Tailwind handling layout and Lenis providing the smooth scroll behaviour that makes the animation technique possible.

IMPACT & RECOGNITION _

Shorlisted for Creative Circle Award 2026
Design & Digital Design — Experimental / Digital

TECHNOLOGY _

Next.js,
DatoCMS,
Tailwind CSS,
Lenis (smooth scroll),
Lottie (animations)

RELATED _