A design studio, built different.

RAIN DESIGNSTUDIO (RDS) — design & development studio in Casablanca, Morocco

[ Practicing the craft since 2014 ]
MrZaKaRiA
2 slots open Mai'26
MrZaKaRiA
Project manager
Websites from
$7,500
↗
Book a 15-Min Call →
you?
★★★★★4.9 / 5
100+ founders shipped

We've reimagined how great design happens. No pitches. No proposals. No project-management theater. Just senior designers who become an extension of your team — from Monday morning brief to Friday afternoon ship.

The modern web toolbox — what we know inside out
Design & front-end
Figma
Astro
Next.js
React
Vue.js
Nuxt
Svelte
TypeScript
JavaScript
HTML5
CSS
Tailwind CSS
Sass
Framer Motion
GSAP
Three.js
WebGL
Lottie
Vite
Storybook
PWA
WebAssembly
Blender
Back-end, data & APIs
Node.js
Bun
Deno
Express
NestJS
Laravel
PHP
CodeIgniter
Python
REST APIs
GraphQL
OpenAPI
Postman
PostgreSQL
MySQL
MariaDB
Redis
Prisma
Supabase
Firebase
Stripe
Socket.IO
Sanity
Strapi
WordPress
Shopify
AI, cloud, quality & growth
AI agents
Claude
OpenAI
Gemini
Mistral AI
Hugging Face
Ollama
LangChain
Docker
GitHub Actions
Cloudflare
Vercel
Netlify
NGINX
Sentry
Playwright
Vitest
Lighthouse
Search Console
Google Analytics
Semrush
Algolia
Meilisearch
Resend
Introducing · RAIN Design Studio

RDS Engine

The RAIN Design Studio Engine.

We took every modern framework and tool, tasted each one on real projects, and kept only the portion that makes our work stunning, fast and reliable. Like seasoning a chef’s plate: the right amount lifts everything — one pinch too many ruins the taste.

01Stunning.

Design systems, motion and type tuned until the page feels inevitable.

02Fast.

Static-first HTML, zero JavaScript by default, images cut to the pixel.

03Reliable.

Typed code, tested flows, monitored releases. Boring in production — on purpose.

04Found.

Built to rank on Google and to be quoted by ChatGPT, Claude, Gemini and Perplexity.

Page speed · RDS Engine

Sleek design. Still fast.

Motion, big type and rich visuals usually cost speed. The RDS Engine keeps them — and still clears every Lighthouse bar. Measured on this very site.

96Performance
96Accessibility
100Best Practices
100SEO
3/3Agentic Browsing
First Contentful Paint
1.5 s
Largest Contentful Paint
2.5 s
Total Blocking Time
0 ms
Cumulative Layout Shift
0
Speed Index
3.2 s

Google Lighthouse · studio.mrzakaria.com — homepage · October 2, 2026

SEO · built in, not bolted on

We study the buyer
before the keyword.

Ranking at the top is not a plugin. We analyse who buys, what they search, what they actually need — then build every page, link and line of structured data around it, and keep measuring until it wins. Eight steps, every project.

  1. 01

    Buyer research

    Who buys, what they need, what they fear, which questions they ask before they call — from sales calls, support tickets and competitors.

  2. 02

    Keyword & intent research

    Semrush volume, difficulty, CPC and intent for every market we target, plus the questions people now ask ChatGPT and Gemini.

  3. 03

    Keyword → page map

    One search intent per URL, hubs and clusters, no cannibalisation, and an internal-link graph you can see at /seo/.

  4. 04

    Technical foundation

    Static, crawlable HTML, canonicals, sitemaps, robots, hreflang, redirects and Core Web Vitals in the green — before a word is written.

  5. 05

    Content that answers

    Answer-first pages with original facts, tables, FAQs and real expertise, edited by humans and dated so freshness is visible.

  6. 06

    Structured data & entity

    One JSON-LD knowledge graph per page — Organization, Service, Article, FAQ, Breadcrumbs — so Google and AI resolve you as one brand.

  7. 07

    Local, international & AI search

    Honest city and country pages, hreflang, llms.txt and open access for AI crawlers, so you show up in the right market and in AI answers.

  8. 08

    Authority, measurement, iteration

    Earned links and digital PR (never bought), then Search Console, Analytics and AI-citation tracking feeding a monthly refresh loop.

[Our Approach]

Traditional agencies perfected the pitch. We perfected the ship. If you need design that moves as fast as your roadmap — where the next version is already in Figma by Friday — you need a different kind of studio.

MrZaKaRiA
“

11 years inside agencies taught me one thing: the work itself is rarely the bottleneck. Status meetings, scope-creep emails, and revision-tag-team are. The actual designing — the part clients are paying for — fits into about four good afternoons a week.

RAIN strips out everything that isn't the work. One senior designer per project. One Slack channel. One Loom on Friday instead of three calls on Tuesday. You see progress every weekday, not every fortnight.

We're a small studio on purpose — six people, three time zones, every one of us shipping. If we're not the right fit, we'll tell you in the first 15 minutes and send you somewhere better.

That's the RAIN way.  Simple, but not easy.

The studio →
[01] Projects

Case studies

© 2014 – 2027

RAIN Store

2025 – 2026
Product Design · E-commerce · Admin Platform

A complete online store that's ready the day you launch — like Shopify, but with every app already built in and nothing extra to pay each month. Sell, market, ship and grow from one place: 58 modules spanning products, orders, customers, live shopping, B2B, subscriptions, coupons and affiliates, all working in perfect harmony. RAIN AI watches your store, your ad spend and your system health, and tells you what needs attention in plain language the moment you log in. Under the hood — a Vue 3 front end on a Laravel 13 back end with MySQL/MariaDB and Redis, native CRM and RIVER ERP integration, and zero third-party app fees. Competes with Shopify, WooCommerce, and Magento.

58 modulesRAIN AI operational layerNative bulk toolingVirtual showroomsB2B & live commerceShopify alternative
Product Design · SaaS · FinTech · Casablanca

When RAIN falls, RIVER rises — and that is where RIVER ERP comes in, to manage the main RAIN Stores. One system to run every business you own — a corner shop, a supermarket, a café, a restaurant, a supply chain, a services company, or all of them at once. RIVER ERP handles your supply chain, logistics and stock; your contacts, devis, factures, bons de livraison and every document; a POS for shops and cafés; barcode stock-scanning for supermarkets; and the full restaurant flow from the customer's order to the kitchen to table and booking management. Run many companies from one login, each with its own books. Under the hood — 23 activatable modules, 12 suites and 154 screens on a Laravel 13 + Vue 3 stack with a real-time core: live updates over WebSockets and one shared data model (MariaDB or PostgreSQL + Redis), so a sale, a stock move or a payment updates everywhere at once. REST-API and AI-native (RIVER AI across 18 model providers, with Siri & Android voice), with Moroccan DGI e-invoicing, TVA and CNSS compliance built in — plus native RAIN Store integration, on the web, mobile and a native desktop app. Competes with SAGE, Dolibarr, Odoo, Cegid, and SAP Business One.

23 modules · 12 suites154 screensReal-time coreAI-native (Siri & Android)DGI + CGNC complianceSAGE alternative

ERPStore

2026–2027
Product Design · Subscription Billing · CRM

Sell anything you charge on a cycle — IPTV, hosting, software plans, memberships — and add new revenue lines as your business grows. ERPStore runs the whole subscription lifecycle for you: it watches every account, warns you the moment a renewal is at risk, rescues failed sign-ups in one click, takes payment through ten methods from Stripe to Western Union, and keeps your live revenue and revenue-at-risk on a single screen. Under the hood — a real-time SLA engine catches breaches in seconds (not end-of-day), a six-stage pipeline moves clients in one action, and a 32-language client portal and a privacy-mode AI assistant sit on a Vue.js front end and a PHP back end with MySQL/MariaDB — self-hosted, licensed per domain, no Chargebee fees, no per-seat licensing. Competes with Chargebee, Recurly, Stripe Billing and WHMCS.

Real-time SLA engineRevenue-at-risk dashboard6-stage pipeline10 payment methods32 languagesSelf-hosted

Enterprise CRM

2025 – 2026
Product Design · CRM · B2B Pipeline · AI-powered

Know every company you sell to at a glance — and never let a deal go cold. Enterprise CRM puts your whole pipeline in front of you: who's worth chasing, what each account is worth, and exactly what to do next, with LinkedIn context one click away and follow-ups handled automatically. Under the hood — a 360° account record with twelve data dimensions in a single row (no tab-switching), live ARR across the pipeline, one-click ICP scoring and workflow automation inside the CRM. Built on a React 18 + Vite front end talking GraphQL to a NestJS back end, with PostgreSQL + TypeORM, Redis for caching and job queues (BullMQ), and ClickHouse for analytics. Competes with Salesforce, HubSpot CRM, Pipedrive, and Attio — the coverage of a big team without the bloat or the per-seat bill.

360° account recordLive ARR pipelineICP scoringLinkedIn enrichmentWorkflow automationSalesforce alternative
ERP · Open source · Dolibarr · Casablanca

One place to run a small business — customers and prospects, quotes that become orders and invoices, payments, bank and cash, stock, projects, support tickets, leave and expense claims — in French, in dirhams and under your own brand. Business ERP is RAIN's deployment of the open-source Dolibarr ERP/CRM 22.0.3: we selected it, switched on 57 of its 83 modules, organised them into a thirteen-section menu, configured the workflows between them and host the result. Under the hood — an open-source PHP core with no per-user licence, a REST API, webhooks, LDAP, DAV, scheduled jobs and a Module Builder for extensions that leave the core upgradable. The fast, proven option beside RAIN's custom-built RIVER ERP. Competes with Odoo, Sage and a custom ERP build.

57 of 83 modulesDolibarr 22.0.3French UI · MADCRM → invoice → bankREST API & webhooksOdoo alternative
Vertical ERP · Jewellery · Morocco

The back office of a gold and jewellery workshop: raw gold, silver and stones bought by weight, metal issued to workers and tracked back with bench and polishing loss, and sales split across cash, post-dated cheques and customer credit, each printed as a two-copy invoice in French, Arabic or English. GoldERP 26 rebuilds the 2020 MiniERP 3 on Laravel 13 and Filament 4, with 15 workflow screens, a Profit & Loss report, live metal prices and a parity harness that proves the new numbers match the old. Competes with spreadsheets, generic small-business ERPs and jewellery POS packages.

15 workflow screensLegacy parity harnessFR / AR / EN invoicesEd25519 domain lock41 test files in CIGold · silver · stones
Helpdesk · B2B SaaS · Managed IT

A client portal and back office for IT providers that sell monthly support contracts. Client staff open tickets, agents work them against per-priority SLAs, quotes are approved by the client line by line, technicians are dispatched on site, and every company gets a dashboard and monthly PDF report of how often it was unblocked. Multi-tenant, with mandatory two-factor sign-in for every user and an order hand-off designed for RIVER ERP. Competes with Zendesk, Freshdesk, GLPI and PSA suites such as HaloPSA.

38 API endpointsSLA engineLine-by-line quotesOn-site dispatchMandatory TOTP 2FABuilt for RIVER ERP
Web App · FinTech Utility · Morocco

Fill in Moroccan cheques and effets (bills of exchange) on screen and print only the text onto your own bank-issued document. PrintMyCheque writes the amount out in correct French words, frames the figures, adds crossing and endorsement markings, and builds a dated series of up to 60 documents for rent, instalments or suppliers — then exports a PDF the exact size of the cheque so the printer picks the right format. Under the hood — a React 19 and Vite 8 single page with one millimetre layout file, 42 unit tests and three runtime dependencies; no account, no backend, no analytics, plus offline desktop apps for Windows, macOS and Linux. Competes with paid cheque-printing software, ERP cheque modules and handwriting.

Millimetre layoutsAmount in French wordsSeries of up to 60Real-size PDFNo account, no serverWindows · macOS · Linux

Pods

2026
AI Audio · Podcast CMS · PWA

Publish a podcast without a studio, a microphone or an editing timeline. Type a topic and Pods writes a two-host script, voices both hosts, encodes the MP3 and publishes the episode with its own SEO page, share card and RSS entry — then listeners press play in an iOS-style app with a frosted Now Playing screen, a persistent mini-player, chapters, bookmarks and resume-where-you-left-off. Under the hood — Gemini for scripts and multi-speaker voices, OpenAI TTS as an alternative, Groq for SEO, ffmpeg for audio, all in queued Laravel jobs with per-episode token costs, on a single SQLite file with local or Cloudflare R2 storage. Competes with NotebookLM Audio Overviews, Wondercraft, Podcastle and Buzzsprout.

Topic to episodeTwo-voice AI audioiOS-style PWA playerPodcast JSON-LD + RSSPer-episode AI costSelf-hosted
Developer Portfolio · Open-Source Catalogue · Next.js

Turn a GitHub account that has grown too big to browse into a catalogue people actually enjoy using. Git Arsenal pulls every public repository, names and tags it automatically, and lays it out as a searchable grid with tag chips, a language filter and four sort orders, then gives each tool its own page with stats, the products it replaces, a screenshot gallery and its README, licence and contributing guide in tabs. It maintains itself: fork or publish a repository and it appears after the weekly refresh, with no database, no CMS and no data entry. Under the hood — Next.js 16 and React 19 over the GitHub REST API, incremental static regeneration, a weekly Vercel Cron refresh, and the studio's electric-lime design in light, dark and system themes. Competes with GitHub profiles, awesome lists, AlternativeTo and portfolio generators.

606 repos cataloguedSearch, tags & filtersA page per projectREADME reader with tabsSelf-updating via ISRLight, dark & system
Web App · Credentials · Verification

Issue internship, course, workshop and achievement certificates that anyone can check in seconds. Every certificate gets an unguessable link and a QR code printed on an A4 landscape design with seal and signature; whoever holds it sees a clear verified or revoked card, and the issuer sees each check arrive by device and country. Under the hood — a React 18 and TypeScript front end on a Laravel 12 API with SQLite, opaque tokens, a privacy-first public payload, TOTP two-factor sign-in, configurable rate limits, server-rendered share images and runtime branding, all deployed as one folder to shared hosting behind Cloudflare. Competes with Accredible, Credly, Certifier and Sertifier.

QR verificationOpaque tokensTOTP 2FAVerification analyticsA4 print templateShared-hosting deploy
Web Design · AI Consultancy · England · SEO/GEO

A website that does your selling for you. Built for an AI integration consultancy in London, England, Origin Ξlement turns a curious visitor into a booked call without a single sales deck — clear positioning, evidence-led metrics, public pricing, and a live availability signal that says the team is in demand. Under the hood — a fast, lean Astro 7 build on clean semantic HTML with 42 indexable pages, 36 SEO/GEO pages that each carry their own JSON-LD and build-time social card, llms.txt for AI answer engines, a decision-tree navigation that answers every qualifying question, and a dark/light brand system that reads as genuine technical credibility. Competes with McKinsey Digital, Accenture AI, and bespoke agencies.

Credibility-first designLive availability signalPublic pricing36 SEO/GEO pagesllms.txt + JSON-LDDark / Light
SEO · GEO · Web Design · Casablanca

A website built to win you customers from Google and from AI answer engines — not just to look good. Media Progetti is engineered to rank for what people actually search, load fast, and turn visitors into showroom visits and quote requests with the right call to action at the right moment. Under the hood — a static Astro 7 build of 68 French pages structured around a real keyword hierarchy (16 product pages, 11 city pages, 4 buying guides, 19 articles), JSON-LD on 66 of 69 built pages including Schema.org LocalBusiness for Google rich results, llms.txt for AI search, an installable PWA, and build-time guardrails that keep prices and unsupported claims off the site. Competes with WordPress + Yoast, Wix, and Squarespace.

Keyword hierarchy68 French pagesLocalBusiness schemaConversion architectureAI-search ready11 city pages
Market research · B2B website · MEA

Scope a fieldwork study before the first call. MField & Data Insight's new site lets a research buyer pick a method, a market and a sample size and see turnaround, field-team size and back-check scope in seconds, check coverage on a 12-region Morocco map, then send a structured RFQ from their own inbox. Under the hood — a fully static 33-page Astro 5 build with an ink-and-bone light/dark design system, a ⌘K palette, a 16-document policy hub, typed content files, one SEO component for every JSON-LD graph, llms.txt and a post-build step that runs the site from any folder. Competes with template agency sites, WordPress themes and PDF credentials decks.

Fieldwork calculator12-region Morocco map16-policy hub⌘K paletteInk & bone · Dark / LightJSON-LD + llms.txt
IT services · Local SEO · Morocco

Find an IT installer by the service you need and the city you're in. shi's site gives every service and every city it covers a page of its own, with 155 city pages across 9 Moroccan cities, each naming local zones and carrying its own specifications and FAQ. It then sets out maintenance contracts with monthly prices and 18 use cases for homes, offices and factories. Under the hood — a 215-page French-language static Astro 7 build with React 19 islands, a WebGL2 liquid-metal logo, 187 pages generated from one SEO dataset, ITService, FAQPage and BreadcrumbList JSON-LD, llms.txt and an interactive map of its own internal linking. Competes with local integrator brochure sites, devis directories and WordPress builds.

155 city pages7 hubs · 25 sub-servicesWebGL2 liquid-metal logoSEO architecture mapITService + FAQ schemaPWA
Web Design · Hosting & Infrastructure · Cloud

Hosting with room to build. Built for an independent cloud and server infrastructure provider, ORIGIN SERVER gives developers, agencies, and operators high-capacity compute from shared web hosting to multi-terabyte dedicated NVMe servers. Visitors configure CPU cores, ECC RAM, NVMe storage, and OS distributions live on screen, submitting ready-to-provision specifications with zero checkout friction. Under the hood — a dark industrial interface accented in neon orange, built on React, Vite, and Framer Motion with real-time hardware configurator calculations, multi-region routing (North America, Europe, Asia Pacific), OS matrix filtering across Linux, FreeBSD, and Windows Server, and an API order pipeline. Competes with OVHcloud, Hetzner, DigitalOcean, and Linode.

Server configuratorDedicated AMD EPYCNVMe VPS plansMulti-OS matrixIndustrial UIHuman setup
Website · SEO · GEO · Morocco

A static Astro 7 site for a Casablanca supplier of decorative wood panels (MDF, Egger, HPL, cladding) that also makes made-to-measure kitchens and dressings. 28 French pages in 4 silos, FAQ and breadcrumb schema, smooth motion, and a built-in /seo map that checks every page and its internal links on each build. Competes with WordPress, Wix and Webflow showroom sites.

28 pages4 SEO silosFAQ schema/seo mapDark / lightFrench only
Hotel website · SEO · PWA · Casablanca

The website of a seafront hotel on the Ain Diab corniche in Casablanca, built on a licensed luxury-hotel theme that RAIN turned into the hotel's own production site. 23 English pages with hotel-specific structured data on 18 of them, an installable PWA, a full dark mode, hardened hosting, and a consent-aware WhatsApp booking request that turns a guest's dates into a message to reception. Competes with booking through the OTAs, WordPress hotel themes and hosted site builders.

23 pagesHotel JSON-LDWhatsApp bookingPWA + offlineDark / light / systemBuilt on a licensed theme
Joinery & fit-out · SEO / GEO · Morocco

Find a joiner by the trade you need and the city you're in. GMAB's old site was a single-page app search engines could not read; the new one gives kitchens, parquet, cladding, dressings and fit-outs a page each, with 12 city pages, 20 topic pages, 14 trade-in-a-city pages and 7 buying guides, every one with its own FAQ and share card. Under the hood — a 68-page French static Astro 7 build generated from one data registry, JSON-LD on every page, llms.txt, an interactive map of its own links and an audit that fails the build on invented claims. Competes with joinery brochure sites, WordPress builds and hosted site builders.

1 → 67 indexable URLs12 city pagesJSON-LD on 68/68 pages67 generated share cardsBuild-time honesty auditInteractive /seo map
Astro · SEO · Personal Brand · Casablanca

A Senior Salesforce Tech Lead's personal brand — built on Astro for near-perfect Lighthouse scores and engineered to rank globally for enterprise delivery queries. €250/day shown above the fold, named enterprise clients (Stellantis, VW, CEVA), and a bilingual EN/FR site with Person + FAQ JSON-LD schema that surfaces in AI Overviews. Under the hood — zero JS by default, AVIF/WebP images, hreflang-annotated routing, and dark/light theme. Competes with Upwork profiles, LinkedIn-only presence, and WordPress agency templates.

Astro€250/day above the foldEN/FR bilingualPerson + FAQ schemaNear-perfect LighthouseDark / Light
Education · Primary School · Web Platform

A school for what's next. RAIN SCHOOL is an enquiry-led primary school platform designed for Grades 1–6 where curious children grow, make, question, and belong. The site turns a school visit into an inspiring digital journey: project-based learning prompts, classroom and arts studio tours, pastoral care narratives, interactive family reviews, and a 4-step admissions enquiry pathway. Under the hood — a warm, modern editorial design pairing bold display typography with vibrant photography, smooth interactive FAQ accordions, modular curriculum showcases, and direct admissions integration. Competes with traditional private school websites, template school CMSs, and generic educational portals.

Grades 1–6 PrimaryEnquiry-led pedagogyAdmissions flowInteractive FAQsEditorial UIHuman-centred
Healthcare · Clinical Laboratory · Diagnostic Platform

Clarity in every result. Built for a modern clinical diagnostic laboratory, Blood Analysis Center brings complex hematology and biochemistry testing into human focus: detailed test guidance across 6 essential profiles (CBC, HbA1c, lipids, renal & hepatic panels, thyroid hormones, and iron markers), transparent preparation protocols, and direct medical enquiry routing. Under the hood — a dark clinical interface pairing high-contrast technical precision with coral-orange accents, technical monospace indicators (// 00.01°), automated analyzer showcase imagery, step-by-step diagnostic workflows, and patient consultation integration. Competes with traditional hospital lab portals, opaque medical lab directories, and generic healthcare templates.

Clinical diagnostics6 test profilesSample-to-insight flowAnalyzer techPrecision UIPatient-first
Web Design · SaaS & Subscription Platform · Digital Access

More of what moves you. Built for digital access and multi-screen subscription services, SERVICE THEME provides an uncompromised digital storefront: three clear entry plans (Standard, Premium, Platinum), an interactive live brand color customizer, multi-device app download hubs, a step-by-step setup walkthrough, and direct WhatsApp / email customer conversion channels. Under the hood — a dark ocean backdrop with electric coral-orange accents, smooth entrance animations, interactive pricing cards with yearly billing highlights, full light / dark / system theme switching, and accessible mobile navigation. Competes with generic SaaS templates, subscription billing storefronts, and entertainment portal themes.

Subscription theme3-tier pricingBrand color previewMulti-screen appsDark / LightHigh conversion
Luxury Automotive · Editorial Concierge & Private Access Platform

Drive the impossible. The extraordinary, within reach. Built for ultra-luxury automotive experiences and private collectors, VELOIRE presents an editorial showcase of 30 rare motoring icons — from the Bugatti La Voiture Noire and Ferrari 250 GTO to the Bentley Mulliner Batur and Rolls-Royce Droptail. Visitors can explore detailed provenance and technical specs, shape private driving moments across tailored formats (The Drive, The Escape, The Arrival), and configure access tiers (The Day from €2,500, The Long Weekend from €6,900, The Journey from €9,500). Under the hood — deep obsidian noir surfaces, cinnabar-red typographic accents, fluid bespoke cursor interactions, seamless card carousel navigation, transparent booking frameworks, and instant private concierge enquiry forms. Competes with traditional exotic car rental listings, static concierge catalogs, and generic luxury automotive websites.

Luxury automotive30 rare iconsPrivate accessEditorial designConcierge enquiryUltra-fast
Architecture & Construction · Luxury Real Estate & Engineering Platform

We build what lasts. Designed and engineered for high-ambition architectural development, ATLAS CONSTRUCTION presents a bold, editorial web experience showcasing monumental structures across five core typologies — Towers (vertical landmarks), Immeubles (thoughtful urban living), Villas (private residences), Palaces (cultural grandeur), and Mosques (places of reflection). Under the hood — architectural grid aesthetics, dynamic high-impact typography, tactile masonry palettes with signal orange accents, interactive form carousels, a structured 4-phase delivery framework (Listen, Design, Build, Deliver), and seamless direct enquiry integrations via WhatsApp and digital project intake. Competes with traditional construction corporate portals, static architectural brochures, and generic contractor landing pages.

Architecture & constructionLandmark structures5 building formsEditorial layoutBilingual MoroccoUltra-fast
[Collection 2026]51 Modern Website Templates

The Template Collection.
51 distinct worlds, ready for launch.

Beyond bespoke engineering commissions, RAIN Design Studio crafts an exclusive library of 51 modern, production-grade website templates. Each world features purposeful motion, editorial typography, full-page immersive hero designs, and ultra-clean code — ready to explore live and deploy to your custom domain.

Collection 2026 · Vol. 01

Looking to launch a distinct site faster?

Every template is designed with production-ready code, responsive perfection, semantic SEO, and subtle motion. Pick your preferred aesthetic from the catalogue or have RAIN customize and deploy it end-to-end on your infrastructure.

[02] Why choose us

More than design.
Momentum, weekly.

Design that earns its place on a P&L: shorter sales cycles, higher conversion, fewer hours your team spends explaining what they meant. We measure ourselves the same way you do — by what shipped, and what it changed.

↗
20162018202220242026
50M +
Revenue generated for our clients.
3x
Faster than other agencies.
4.9 / 5★★★★★
100 +
Happy clients and counting.
200 +
Projects shipped worldwide, helping our clients achieve their goals.

Fast to launch.
Easy to scale.

Speed without sacrifice

We ship in days, not months. Our streamlined process cuts through the typical agency theater while maintaining the craft and attention to detail your brand deserves.

Flexible engagement

Choose monthly retainers for ongoing work or project-based engagements for specific needs. Scale up or down as your business evolves.

[03] Services

Services

Four disciplines, one senior team. Brand systems, product surfaces, marketing sites, and the front-end to make them real. Nothing outsourced, nothing white-labelled, no junior “creative explorations” padding the invoice.

[01]

Brand Identity

Complete brand systems that capture your essence and stand out. From strategy to execution, we build identities that resonate and scale.

Logo DesignBrand StrategyVisual IdentityGuidelines
[02]

Digital Design

Websites and digital experiences that convert visitors into customers. Fast, accessible, and beautiful.

Web DesignLanding PagesE-commerceInteractive
[03]

Product Design

UI/UX that makes complex products feel simple and intuitive. We design tools people love to use.

UI/UX DesignDesign SystemsPrototypingUser Testing
[04]

Development

Clean code that brings designs to life. Fast, responsive, pixel-perfect, and built on modern stacks.

AstroTypeScriptVue & ReactLaravel
[04] Process

A proven methodology for predictable results.

01

Discovery & Strategy

We start by understanding your business, users, and goals. We conduct research, define the strategy, and create a roadmap for success.

02

Design & Prototyping

We translate the strategy into wireframes and high-fidelity designs. We build interactive prototypes to test the user experience.

03

Development & Testing

Our engineers bring the designs to life using modern technologies. We rigorously test the product to ensure quality and performance.

04

Launch & Optimization

We deploy the product to production and monitor its performance. We iterate based on user feedback to maximize results.

[05] Pricing

Built to scale

Three clear packages, one engine. A premium website, a website engineered to rank, or a custom platform with a real back-end — fixed prices, no hidden fees, all built with the RDS Engine.

Website Design

A custom website that looks premium and loads ultra fast. Conceived, designed, and built by one senior team with zero handoff friction.

$7,500/ website

One-off · built with the RDS Engine.

Start Now +
What's included.
+Custom UI design in Figma, on-brand
+Responsive build — mobile, tablet, desktop
+Light & dark themes, motion & micro-interactions
+Easy-to-edit content (CMS)
+Technical SEO foundation & share cards
+Speed & accessibility tuned for Lighthouse
+Analytics, contact forms & WhatsApp
+Launch, hosting setup & 30-day support

Website + SEO Popular

Everything in Website Design, plus the end-to-end SEO work that gets it found by buyers — on Google search and in AI answer engines.

$15,000/ website

One-off · built with the RDS Engine.

Start Now +
Everything in Website Design, plus.
+Buyer & competitor research
+Keyword research per market (Semrush)
+Keyword → page map & site architecture
+SEO landing pages for services, cities or markets
+Structured data (JSON-LD) on every page
+AI-search ready: llms.txt, FAQ, citable facts
+Multi-language & hreflang when needed
+Search Console & Analytics setup + launch report

Custom Project

Programming & back-end engineering: web apps, SaaS, ERP/CRM, APIs, integrations and dashboards — clear scope, fixed timeline.

Starts at$10,000

Scoped upfront · fixed price & milestones.

Get Quote ↗
MrZaKaRiA
MrZaKaRiA
Project Manager

Tell us what you need to build — a website, a website with SEO, or a custom platform. We'll scope it, quote it and start within 3–5 days. Every package runs on the RDS Engine.

Secured By Polar
Made by RDS
[06] Testimonials

Trusted by innovative teams.

Results speak louder than promises.

★ Solaris Energy
$12M
Investment funding secured
★ Clandestine
4.8x
Social media engagement boost
★ Flora&Fauna
94%
Customer retention rate
[07] Answers

FAQ

Everything else you're wondering.

RAIN is a product design and development studio in Casablanca, Morocco, shipping work since 2014. We design and build complete digital products end to end — brand identities, high-performance marketing sites, SaaS products, and custom platforms such as ERP, billing and CRM systems. We own every layer of the stack, so what we deliver is fully yours, not a rented template.

Website Design is $7,500 per website: custom UI design, responsive build, motion, CMS, technical SEO, performance and accessibility. Website + SEO is $15,000 and adds keyword research, SEO landing pages, structured data and AI-search readiness. Custom programming projects — web apps, SaaS, ERP/CRM, APIs — start at $10,000. Every package is built with the RDS Engine and quoted up front.

Yes — owned platforms are our specialty. We built RIVER ERP, a Morocco-native ERP with 23 modules across 12 suites (sales documents, stock, POS, payroll, accounting and DGI e-invoicing), and ERPStore, a self-hosted subscription store, billing and CRM platform with 10 payment methods and a 32-language client portal. You get category-leader capability without per-seat fees or vendor lock-in.

A focused marketing site typically ships in 3 to 6 weeks; a custom platform — ERP, CRM, billing or SaaS dashboard — runs 8 to 16 weeks depending on scope. We start within 3 to 5 business days of kickoff, and you see working progress every week.

Marketing sites ship as static Astro builds; applications use TypeScript with Vue 3 or React on the front end and Laravel or PHP on the back end, with Tauri and Capacitor for desktop and mobile apps, and Figma for design. Every build is engineered for Core Web Vitals, structured data and AI-search visibility (JSON-LD, llms.txt) from the first commit.

We are based in Casablanca, Morocco, and work with clients worldwide — current and recent projects span Morocco, France, England and the Middle East & Africa. Casablanca shares business hours with Western Europe (GMT+1), so collaboration with European teams is same-day, in English or French.

Yes. Several of our recent builds are French-first — Media Progetti (68 pages) and shi (215 pages including 155 city pages) target Moroccan search in French. We write, structure and mark up French content natively, with fr-MA hreflang and local schema, and we work as an offshore studio for agencies and companies in France.

AI is part of the team, not a gimmick. Senior designers and engineers work with AI specialists for research, code generation, content and QA, which lets a small studio ship at the speed and scope of a much larger agency. Every deliverable is reviewed and signed off by a human lead.

Yes. Technical SEO and GEO (generative engine optimization) are built into every site — semantic HTML, fast Core Web Vitals, JSON-LD, llms.txt and a keyword architecture mapped to real search data. The Website + SEO package adds full keyword research, SEO landing pages and AI-search readiness, and ongoing SEO, new pages and development after launch are quoted to scope.

Have a question?

Reach out anytime.

We're happy to answer any questions before you commit to working together.

MrZaKaRiA
MrZaKaRiA
Project Manager
Ask a question →
[08] Articles

Strategies & insights from the team.

All Articles →
MrZaKaRiA
The team · lead
MrZaKaRiA
Founder · Head of the work

Briefs the agents, directs every piece, checks every fact and signs off the final edit.

  • FableCreative DirectorClaude
  • OpusHead of StrategyClaude
  • SonnetLead EngineerClaude
  • HaikuPerformance EngineerClaude
  • AstraResearch LeadChatGPT
  • TerraGrowth & SEO AnalystChatGPT
  • LunaVisual DesignerChatGPT
  • GeminiMultimodal DesignerGoogle
  • LlamaOpen-Source EngineerOpen
  • MistralCopy Chief (EN/FR)Open
  • QwenFull-Stack DeveloperOpen
  • DeepSeekData ScientistOpen
  • GemmaDesign Systems LeadOpen
  • KimiLong-form EditorOpen
  • GLMAutomation EngineerOpen
Guide

Nearshore vs Offshore Development: How to Choose

7 min read

Nearshore vs offshore development compared: time zone overlap, cost, communication, control and IP, plus red flags, contract tips and where Morocco fits.

FableAstraGemmaMrZaKaRiA
Fable × Astra × Gemma
Directed by MrZaKaRiA
RDS
Guide

What is Astro? The web framework, explained

7 min read

What is Astro? A plain guide to the Astro framework: islands architecture, zero-JS static output, content collections, SSR, and when to choose it over Next.js.

OpusAstraLlamaMrZaKaRiA
Opus × Astra × Llama
Directed by MrZaKaRiA
RDS
Guide

What is Generative Engine Optimization (GEO)?

7 min read

What is generative engine optimization? A clear definition of GEO, its research origin, GEO vs SEO, practical techniques, how to measure it, and common myths.

OpusAstraLlamaMrZaKaRiA
Opus × Astra × Llama
Directed by MrZaKaRiA
RDS
Performance

Core Web Vitals in 2026: the complete website speed checklist.

5 min read

LCP, INP and CLS shape how fast your site feels, how it converts and how Google evaluates page experience. A field-tested checklist to reach the good thresholds and stay there.

HaikuDeepSeekAstraMrZaKaRiA
Haiku × DeepSeek × Astra
Directed by MrZaKaRiA
RDS
Design Systems

Design tokens explained: build a design system that scales.

6 min read

Stop hard-coding colors and spacing. How design tokens keep brand, product and marketing in sync, and how to structure, name and ship them from Figma to code.

SonnetGemmaGLMMrZaKaRiA
Sonnet × Gemma × GLM
Directed by MrZaKaRiA
RDS
AI

AI in web design 2026: how generative tools are reshaping UX.

7 min read

AI in web design in 2026: what to automate, what to keep human, and how to stay ahead as generative tools reshape research, interfaces and the way people find websites.

OpusAstraLlamaMrZaKaRiA
Opus × Astra × Llama
Directed by MrZaKaRiA
RDS