ALLUNAN
Allunan™ Studio — ©2026000%
Allunan™

Allunan™

Client: Allunan™

A highly refined, immersive portfolio built with Next.js, Three.js (R3F), and Prismic CMS, designed to serve as the definitive mirror of our creative and technical capabilities.

Strategy

Web Design

Content

Creative Studio

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.

R252 G250 B250FCFAFA

MIST

R228 G242 B34E4F222

HI-VIS

R188 G233 B177BCE9B1

GRASS

R46 G71 B522E4734

FOREST

R178 G198 B235B2C6EB

SKY

R79 G65 B2134F41D5

INDIGO

R197 G166 B202C5A6CA

POLO

R253 G51 B0FD3300

PERFORMANCE ORANGE

R219 G44 B0DB2C00

DARK ORANGE

R29 G26 B261D1A1A

BLACK

R123 G114 B1087B726C

UI GRAY TEXT

R179 G170 B163B3AAA3

STONE

R223 G217 B213DFD9D5

PEBBLE

R236 G233 B228ECE9E4

SAND

R244 G242 B240F4F2F0

FOG

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.

let's work together