SIRAIS markSIRAIS

[ 01 · WORK ]

Things we built,
and still run.

Three builds, one system. Each scene below builds itself as you scroll — every number is real, every artifact is live.

[ CASE 01 · NONPROFIT · PAYMENTS · CRM ]

MLC — association site & payments

A membership payment, from click to CRM.

A young education non-profit was signing people up by hand: paper forms, cash boxes, spreadsheets, and no idea who had actually renewed.

AstroCheckout integrationSelf-hosted CRMNode.jsCaddy
OPEN THE LIVE SITE →
mlcassociation.fr — adhésion
Le MLC, une associationau service de tous.
10 €
ADHÉRER
PAID · MEMBERSHIP 2026MEMBER RECORD → CRM
25 MEMBERS SYNCED
01

Bilingual (FR/EN) site with a programme of eight activities, designed to feel like the association — not a template.

02

Membership payments live: individual sign-ups plus a self-serve group checkout for companies and associations — per-seat pricing with volume bands, and a dedicated workflow for 10+ seats.

03

Every payment lands in a self-hosted CRM. Memberships, renewal dates, and reminders run from there — the CRM is the source of truth, not a spreadsheet.

04

Contact and group-inquiry forms with field-level validation, honeypot, and rate limiting. Daily renewal reminders go out automatically.

25 MEMBERS SYNCED · RENEWALS AUTOMATED

[ CASE 02 · CONTENT PLATFORM ]

MLC TV — editorial journal

Workshop knowledge, published.

The association teaches digital skills in workshops every week. That knowledge lived in slides and notebooks — invisible to anyone who wasn’t in the room.

AstroStatic pagesRSSStructured data
OPEN THE LIVE SITE →
mlctv.fr — journal
DOSSIER · SÉCURITÉ EN LIGNELes bons réflexes en ligne
01SÉCURITÉ
02CRÉATION
03VISIBILITÉ
GUIDE PUBLISHED → RSS · SEARCH · SOCIAL
01

An editorial journal in three pillars — online safety, digital creation, visibility — with a house illustration style.

02

Every guide is written after being taught in a real workshop, then structured for search: tags, RSS, social preview cards, sitemap with FR/EN hreflang.

03

Static pages, near-instant loads, zero tracking weight. The journal keeps compounding: new guides slot into the existing pillars.

3 PILLARS · EVERY GUIDE WORKSHOP-TESTED

[ CASE 03 · THIS WEBSITE ]

The page you are on

The proof is the page you’re scrolling.

This website is the third case. It is designed, built and hosted on the same machines that run our clients’ sites — same fleet, same backups, same monitoring. You are looking at the proof while reading it.

Next.jsWebGL shaderCanvasGSAPCaddy
YOU ARE HERE · KEEP SCROLLING ↓
sirais.fr — home
Websites that work.
sirais.frOK · ALL SYSTEMS
01

A design system, not a template: one accent, one type ladder, one dark world — every page derives from the same grid, type and motion.

02

The shader background, the live fleet map, the scroll-built scenes — all self-drawn, running at 30–60fps on our own machines.

03

Deployed with previews before production and rollback-safe deploys. The version you are reading was reviewed before it shipped.

10 REAL MACHINES ON THE FLEET MAP · ALL OPERATIONAL

Want yours to look like this?

Tell us what you're trying to do. We'll tell you the right approach.

Start a project
ACCEPTING NEW PROJECTS · ANSWERS WITHIN A DAY