Start a project →
Sunlit Moorish gallery with pointed arches

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.

06 projects Scroll →

Sunlit Moorish gallery with pointed arches casting light across a tiled floor

Project 01 — 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.
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.
Board-formed concrete cantilevers against a deep blue sky

Project 03 — Construction / Architecture

Bouchli Build

  • Web Design
  • Development
The idea
Structure as a visual language: a strict grid, heavy type, and nothing on the page that doesn't carry weight.
The experience
Clear paths to projects and expertise, with a layout that reads like a well-organised site plan.
The result
A credible presence that lets the work speak before the sales conversation starts.
Mountain ridges at dusk reflected across a still infinity pool edge

Project 04 — Real Estate / Luxury Living

Atlas Collection

  • Web Design
  • Development
The idea
Sell the life before the listing: light, landscape, stillness.
The experience
Slow, immersive storytelling that lets each property breathe, with details revealed when the visitor is ready.
The result
A digital showroom designed for considered decisions and high-value enquiries.
Machined aluminium fins catching a cold strip light

Project 05 — Industrial / B2B

Teknis France

  • Web Design
  • Development
The idea
Make complex technical expertise legible without simplifying it away.
The experience
A systematic interface — clear hierarchy, technical depth on demand and a direct route to the right person.
The result
A B2B presence that looks as reliable as the engineering behind it.
Wind-cut Saharan dune crests in low golden light

Project 06 — Hospitality / Tourism

Sahara Tours

  • Web Design
  • Development
The idea
Open with the feeling of the desert, then make every practical detail effortless.
The experience
Wide, cinematic landscapes paired with a clear, reassuring path from inspiration to booking request.
The result
An experience that sells the destination and simplifies the decision.

Continue

All work →
Sunlit Moorish gallery with pointed arches casting light across a tiled floor

Now showing

Le Pavillon CFC

Le Pavillon CFC

Casablanca

A digital experience created around architecture, gastronomy and the identity of a historic Casablanca destination.

  • Hospitality
  • Web Design
  • Development
  • Creative Direction

(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.

Recent projects across hospitality, materials, construction, real estate, industrial and tourism — in Morocco and beyond.

(11) — Insights

Thinking out loud.

The journal →
  1. BusinessMorocco's World Cup summer, and what brands can learn from it.03 Oct 2026 · 4 min
  2. AIAI won't design your brand. It will run everything around it.08 Sept 2026 · 5 min
  3. Web DesignThe first five seconds: how a homepage earns attention.21 Aug 2026 · 4 min
  4. SEOSEO starts in the architecture, not in the blog.30 Jul 2026 · 5 min
  5. Digital StrategyWhy most websites are built backwards.02 Jul 2026 · 4 min
  6. 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