Studio de design · Casablanca · depuis 2014

Agence web et studio de design à Casablanca.

En bref

RAIN Design Studio est un studio senior basé à Casablanca qui conçoit et développe des sites web, des produits SaaS et des ERP sur mesure depuis 2014. Nous travaillons pour des entreprises au Maroc et pour des agences et sociétés françaises, en français et en anglais, avec des projets à partir de 10 000 $.

12+

Années d'expérience depuis 2014

17

Projets présentés, 2025 – 2027

3–6

Semaines pour un site vitrine

3

Langues : français, anglais, arabe

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

Nos services au Maroc.

Projets récents.

17 plateformes conçues et livrées par RAIN, pour des clients à Londres, à Casablanca et partout au Maroc.

RAIN Store e-commerce admin dashboard — light modeRAIN Store e-commerce admin dashboard — dark mode

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 admin dashboard with CRM pipeline and activation queue — light modeERPStore admin dashboard with CRM pipeline and activation queue — dark mode

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 company database and pipeline view — light modeEnterprise CRM company database and pipeline view — dark mode

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
GoldERP 26 reports dashboard with revenue, balances, gold and silver flow charts and cheques due soon — light modeGoldERP 26 reports dashboard with revenue, balances, gold and silver flow charts and cheques due soon — dark mode
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
WaveTicket ticket detail with SLA dates, event timeline and a three-line quote awaiting client approval — light modeWaveTicket ticket detail with SLA dates, event timeline and a three-line quote awaiting client approval — dark mode
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
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
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

Partout au Maroc.

Studio basé à Casablanca, projets à distance et rendez-vous sur place dans les grandes villes.

Questions fréquentes

RAIN est un studio de design et de développement basé à Casablanca, au Maroc, actif depuis 2014. Nous concevons et développons des produits numériques complets : identités visuelles, sites web rapides et bien référencés, SaaS et plateformes sur mesure comme des ERP, des logiciels de facturation ou des CRM. Le code vous appartient, sans abonnement à un template.

Les projets à périmètre fixe (identité, site vitrine, site e-commerce ou plateforme sur mesure) démarrent à 10 000 $ et sont chiffrés à l'avance. Pour un travail continu, nos forfaits mensuels démarrent à 7 500 $ par mois (45 heures) et 15 000 $ par mois (100 heures). Un appel gratuit de 15 minutes suffit pour recommander la formule la plus rentable.

Un site vitrine ciblé est généralement livré en 3 à 6 semaines ; une plateforme sur mesure (ERP, CRM, facturation, SaaS) en 8 à 16 semaines selon le périmètre. Nous démarrons sous 3 à 5 jours ouvrés après le lancement et vous voyez l'avancement chaque semaine.

Oui. Casablanca est dans le même fuseau horaire que Paris une grande partie de l'année (GMT+1) et toute l'équipe travaille en français. Nous intervenons comme studio offshore pour des agences et des entreprises françaises, avec un interlocuteur senior unique et un suivi hebdomadaire.

Oui. Chaque site est livré avec un SEO technique complet (HTML sémantique, Core Web Vitals, données structurées JSON-LD, sitemap, hreflang fr-MA) et une optimisation pour les moteurs génératifs (GEO) : fichier llms.txt, réponses directes en tête de page et FAQ balisées.

Parlons de votre projet.

Projets sur mesure à partir de 10 000 $, forfaits mensuels dès 7 500 $. Démarrage sous 3–5 jours ouvrés.