
Allunan™
Intro
As a global-ready, Morocco-based creative agency, our own digital storefront had to act as the ultimate proof of concept. For Allunan™, our portfolio platform isn't just a container for case studies—it is a live presentation of our standards, engineering capabilities, and creative coding philosophies.


Challenge
Designing for yourself is famously difficult. The core challenge was to construct a clean, visually arresting experience that catalogs our work while maintaining a completely flawless technical execution. Because a digital studio's portfolio is a direct reflection of its attention to detail, any unpolished element or broken interaction could instantly compromise a prospective client's trust. We operated under a rapid internal timeline to ship the core product, leaving the remaining time for obsessive, pixel-perfect fine-tuning.


Solution
The design and development phases were executed with absolute velocity, completing the initial layout design in a record 2.5 days and spinning up the foundational code architecture in just 3 days. Built on Next.js for high-speed performance and utilizing Prismic as a headless CMS for agile content updates, the platform functions as an interactive showcase of modern frontend practices.
To demonstrate our specialized creative coding capabilities, we integrated a real-time web 3D experience utilizing Three.js and React Three Fiber (R3F). The real work, however, happened in the extension phase: we dedicated a prolonged, meticulous refinement cycle exclusively to micro-interactions, layout physics, and structural polishing to ensure the live user experience perfectly mirrors the production standards we deliver to our global clients.


ULTRAMARINE
DEEP COBALT
LENS BLUE
STEEL HAZE
MIST
INK
PURE WHITE
ULTRAMARINE
DEEP COBALT
LENS BLUE
STEEL HAZE
MIST
INK
PURE WHITE

Impact & Results
The live deployment serves as the absolute flagship for the Allunan™ brand. It stands as a definitive proof point that rapid development cycles don't require compromising on high-fidelity visual storytelling, providing clients with an immediate, interactive window into our studio's capabilities.