Fibo - Strategic Brand Studio
The Problem
Fibo needed a website that expressed its brand identity and strategic process in both Spanish and English while making its publication work easy to explore.
My Role
Web design, frontend development, motion design, responsive implementation, and Spanish/English localization.
Approach
The site uses Spanish-first localized routes, editorial sections, scroll-led storytelling, and a spatial portfolio gallery. The gallery has a static image-grid path for visitors who prefer reduced motion.
Technical Decisions
Spanish-first routing
next-intl keeps Spanish and English content in parallel message files. The default route leads to Spanish, while a locale control lets visitors switch to English.
Load the 3D gallery when needed
The WebGL gallery is a client-only dynamic import. A static grid preserves access to the publication links when reduced motion is preferred, avoiding a dependency on the 3D interaction for the content itself.
Stack
Next.js App Router, TypeScript, Tailwind CSS, next-intl, GSAP, Framer Motion, and React Three Fiber.
Outcome
The bilingual website is live with localized content, responsive sections, a portfolio gallery, and contact and legal pages. No traffic or conversion figures are included here.
What I'd Take Into the Next Project
The publication content remains available through a simpler presentation when the motion-heavy gallery is unsuitable.