ALLUNAN™
Allunan™ Studio — ©2026000%
3D render of translucent cobalt-blue glass lenses, Allunan Studio's signature visual

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.

Allunan website section with the ALLUNAN™ wordmark surrounded by an arc of project thumbnails on black
Dark footer of the Allunan website with navigation links and a large serif Allunan™ wordmark

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.

Allunan homepage hero reading “High-end visuals for ambitious digital products” over blue glass lenses
Browser mockup of allunan.com showing the homepage hero headline

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.

Collage of Allunan website screens: capabilities list, contact section and selected work
Aerial city view in blue duotone with flowing white contour lines, Allunan brand graphic
R43 G75 B1912B4BBF

ULTRAMARINE

R1 G13 B122010D7A

DEEP COBALT

R101 G121 B1926579C0

LENS BLUE

R132 G146 B1748492AE

STEEL HAZE

R198 G205 B215C6CDD7

MIST

R0 G0 B0000000

INK

R255 G255 B255FFFFFF

PURE WHITE

R43 G75 B1912B4BBF

ULTRAMARINE

R1 G13 B122010D7A

DEEP COBALT

R101 G121 B1926579C0

LENS BLUE

R132 G146 B1748492AE

STEEL HAZE

R198 G205 B215C6CDD7

MIST

R0 G0 B0000000

INK

R255 G255 B255FFFFFF

PURE WHITE

Allunan capabilities section listing Strategy, Art Direction, Branding, Web Design, Campaign and Content over a cloudy sky

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