ENFR
Start a project →
Studio wall with blank pinned proofs and a clay vessel in warm sunlight

We build digital worlds.

  • Noor Studio Agency
  • Digital experiences
  • Morocco → Worldwide
View our work →Start a project

(01) — Studio statement

We turn ambition into digital experience.

Light pouring through a pointed arch into a dark hall
Noor — نور — light

Noor Studio is a digital creative studio creating high-performance websites, identities and digital experiences for ambitious brands in Morocco and beyond.

Strategy, art direction, design, code and automation — under one roof, held to one standard. We work with teams who want their digital presence to feel as considered as everything else they do.

About the studio →Morocco → Worldwide

(Showreel) — Noor Studio in motion

Sixty seconds of light.

(02) — Selected work

Selected work.

A selection of digital experiences, identities and websites created by Noor Studio.

05 projects Scroll →

Studio worktable with terracotta, sand and black paper swatches, blank proofs and a clay sculpture

Project 01 — Concept — Creative Studio / Branding

Atelier Kerma

  • Branding
  • Web Design
The idea
Show the making, not only the result: sketches, swatches and prototypes sit next to the finished pieces.
The experience
A tactile, editorial layout with warm textures, projects told in chapters and a simple way to start a brief.
The result
A direction for creative studios that sell their way of thinking as much as their output.
Black Nero marble meeting white Calacatta marble along a honed diagonal seam

Project 02 — Architecture / Materials

Brothers Marbles

  • Web Design
  • Development
The idea
Let the material lead. Treat every slab like a piece in a gallery — close, tactile, uninterrupted.
The experience
Large-format imagery, calm navigation and a restrained interface that steps back so texture comes forward.
The result
A catalogue that feels like a showroom — for architects, designers and clients to browse with confidence.
Sunlit Moorish gallery with pointed arches casting light across a tiled floor

Project 03 — Hospitality / Restaurant

Le Pavillon CFC

  • Web Design
  • Development
  • Creative Direction
The idea
Treat the website like the building itself: a sequence of spaces. Arrive, slow down, discover the place before the menu.
The experience
Cinematic imagery, generous typography and a pace borrowed from hospitality — each page brings the guest one step closer to the table.
The result
A digital front door with the same presence as the place it represents.
Travertine counter with unlabeled amber and frosted glass bottles, an orchid and soft rose-gold light

Project 04 — Concept — Beauty / Retail

Aurelle

  • Web Design
  • Creative Direction
The idea
Shop as if you are being advised, not sold to. Every product page reads like a consultation.
The experience
Soft light, generous space and a guided path from skin concern to product, with booking for a treatment always one tap away.
The result
A direction for beauty brands that want shopping online to feel as personal as their stores.
Unbranded matte white earbuds floating above a midnight-blue surface with soft light waves

Project 05 — Concept — Health Tech / Product Launch

Somnaro

  • Web Design
  • Development
  • Creative Direction
The idea
Lead with the feeling, prove it with the science. The night comes first; the sensors come second.
The experience
A slow, dark scroll from evening to morning, with technical details revealed on demand and a clear path to pre-order.
The result
A direction for health-tech launches that need to earn trust before they ask for a sale.

Continue

All work →
Studio worktable with terracotta, sand and black paper swatches, blank proofs and a clay sculpture

Now showing

Atelier Kerma

Atelier Kerma

A studio concept for an independent creative studio: a portfolio built around process, materials and the people who make the work.

  • Creative studio
  • Branding
  • Web Design

(04) — Services

From idea to experience.

Six disciplines, one studio. Most projects move through all of them — that is where the coherence comes from.

  1. 01

    Web Design

    Interfaces with a point of view.

    UX and UI shaped around one clear idea, a strong hierarchy and the moments that make people stay.

    • Art direction
    • UX architecture
    • Interface design
    • Design systems
    • Prototyping
  2. 02

    Web Development

    Engineered to perform.

    Fast, accessible, search-ready builds on modern frameworks — and simple for your team to run day to day.

    • Next.js & React
    • Headless CMS
    • Core Web Vitals
    • Technical SEO
    • E-commerce
  3. 03

    AI & Automation

    The work behind the website.

    Assistants, workflows and integrations that remove repetitive tasks and connect your site to the rest of the business.

    • AI assistants
    • Lead qualification
    • CRM integrations
    • Internal dashboards
    • Workflow automation
  4. 04

    Motion

    Movement with intent.

    Scroll choreography, transitions and brand animation that make an experience feel alive — never busy.

    • Interaction design
    • Scroll storytelling
    • Brand animation
    • WebGL & 3D
    • Social motion
  5. 05

    Digital Strategy

    Reasons before pixels.

    Positioning, structure and priorities defined up front — so every page has a job and every decision has a reason.

    • Discovery workshops
    • Positioning
    • Content strategy
    • SEO strategy
    • Analytics & growth

(05) — Why Noor

Design is not decoration. It is direction.

  1. 01

    Strategy

    Every page starts with a reason to exist.

  2. 02

    Art Direction

    A clear visual point of view, held from the first sketch to the last pixel.

  3. 03

    Technology

    Modern engineering chosen for the experience, not for the trend.

  4. 04

    Performance

    Speed is part of the design. Fast feels premium.

  5. 05

    Conversion

    Beauty with a job: guiding visitors toward the conversation that matters.

(06) — Technology

Built with serious technology.

Technology exists to serve the experience — never the other way round. We choose tools for what the visitor feels: speed, fluidity, clarity.

Technologies we use: Next.js, React, GSAP, Framer Motion, Three.js, WebGL, Tailwind, Supabase, OpenAI, Claude, Stripe, Vercel.

Architecture
Fast, indexable, server-rendered
Next.jsReact
Motion
Choreography, scroll & transitions
GSAPFramer Motion
Immersion
3D and shaders — where they earn it
Three.jsWebGL
Systems
Consistent, scalable interfaces
Tailwind
Data
Content, auth and real-time
Supabase
Intelligence
Assistants and automated workflows
OpenAIClaude
Commerce
Payments and subscriptions
Stripe
Delivery
Global edge, instant deploys
Vercel
Hand-cut olive and ivory zellige tiles in raking light
Made in Morocco — built for the world

(07) — Studio

A smaller studio. A bigger obsession.

Noor Studio is a Morocco-based digital studio working with ambitious brands, locally and internationally.

We stay deliberately focused: fewer projects, closer collaboration, and one standard from strategy to code — so nothing is lost between a good idea and the finished experience.

نور — Noor means light. It is also the brief we give ourselves: bring clarity to complex ideas, then make the work shine.

Working with brands in

  • 01Morocco
  • 02France
  • 03Belgium
  • 04Canada
  • 05United Kingdom
  • 06UAE

(08) — Process

From first idea to final pixel.

  1. Step 01 / 07

    Discover

    We listen first — your business, your audience, your competitors, and what success actually means.

  2. Step 02 / 07

    Strategy

    Positioning, structure and priorities, so the project has a spine before it has a look.

  3. Step 03 / 07

    Direction

    We set the creative territory — references, tone, typography, motion — and agree on it together.

  4. Step 04 / 07

    Design

    The key moments first, then the full system, in real layouts at real sizes.

  5. Step 05 / 07

    Development

    Modern, performant code: responsive, accessible, search-ready and easy to manage.

  6. Step 06 / 07

    Launch

    Cross-device testing, performance tuning and SEO foundations. Then we go live, calmly.

  7. Step 07 / 07

    Grow

    We measure, iterate and automate, so the website keeps working as the business evolves.

(09) — AI & Automation

We don't just design the front. We build what's behind it.

Noor Studio combines creative direction and web development with AI workflows, automation and business systems — so the experience your visitors see is connected to the way your team actually works.

  • 01Creative directionThe front: identity, story and art direction.
  • 02Web developmentFast, scalable sites and platforms on modern stacks.
  • 03AI workflowsAssistants and agents grounded in your own content.
  • 04AutomationEnquiries, follow-ups and hand-offs that run themselves.
  • 05Business systemsCRM, dashboards and integrations that connect it all.
Enquiry → follow-upIllustrative workflow
WebsiteNew enquiryAISummarise · qualifyCRMRecord & routeTeamWhatsApp alertDashboardPipeline view

(10) — Clients & projects

Trusted through the work we ship.

Client work across materials and hospitality — in Morocco and beyond, plus studio concepts.

(11) — Insights

Thinking out loud.

The journal →
  1. Digital StrategyMorocco 2030: six host cities, and the websites that need to be ready.04 Oct 2026 · 4 min
  2. BusinessMorocco's World Cup summer, and what brands can learn from it.03 Oct 2026 · 4 min
  3. AIAI won't design your brand. It will run everything around it.08 Sept 2026 · 5 min
  4. Web DesignThe first five seconds: how a homepage earns attention.21 Aug 2026 · 4 min
  5. SEOSEO starts in the architecture, not in the blog.30 Jul 2026 · 5 min
  6. Digital StrategyWhy most websites are built backwards.02 Jul 2026 · 4 min
  7. TechnologyPerformance is a design decision.11 Jun 2026 · 4 min

(12) — Final scene

Let's build something impossible to ignore.

Start a project →WhatsApp →
Start a project