Site vitrine bilingue (FR/EN) pour Collectif Nova, agence créative spécialisée en branding, design web, stratégie social media et motion design à Montréal. Transformer votre vision en expériences numériques mémorables.
Projet démo — Généré par le pipeline NEXOS v4.0 de Mark Systems.
| Couche | Technologie |
|---|---|
| Framework | Next.js 15 (App Router) |
| Langage | TypeScript (strict) |
| CSS | Tailwind CSS |
| i18n | next-intl (FR / EN) |
| Tests | Vitest + @testing-library/react (158 tests) |
| Icônes | Lucide React |
| Validation | Zod |
| Notifications | Sonner |
| Déploiement | Vercel |
| Route | Description |
|---|---|
/ |
Accueil |
/services |
Services créatifs |
/a-propos |
À propos de l'agence |
/contact |
Formulaire de contact |
/politique-confidentialite |
Politique de confidentialité (Loi 25) |
/mentions-legales |
Mentions légales |
Score global : μ = 9.48 / 10.0 — PASS ✓
| Dimension | Score |
|---|---|
| D1 Architecture | 10.0 |
| D2 Documentation | 7.5 |
| D3 Tests | 10.0 |
| D4 Sécurité | 9.5 |
| D5 Performance | 9.8 |
| D6 Accessibilité | 10.0 |
| D7 SEO | 9.5 |
| D8 Conformité légale | 10.0 |
| D9 Code Quality | 8.5 |
Lighthouse : Performance 98 · Accessibilité 100 · SEO 100 · Best Practices 100
- Headers HTTP complets (CSP, HSTS, X-Frame-Options, Referrer-Policy, Permissions-Policy)
- Conformité Loi 25 du Québec (bandeau cookies opt-in, politique de confidentialité, mentions légales, RPP identifié)
- 0 vulnérabilité npm (high/critical)
- pa11y WCAG 2.0 AA : 0 erreur
npm install
npm run dev # http://localhost:3000
npm run build # Build production
npm test # 158 testsAuto-deploy via Vercel sur push main.
URL : collectif-nova.vercel.app
Propriétaire — Mark Systems © 2026
Bilingual showcase website (FR/EN) for Collectif Nova, a creative agency specializing in branding, web design, social media strategy and motion design in Montreal. Transforming your vision into memorable digital experiences.
Demo project — Generated by the NEXOS v4.0 pipeline from Mark Systems.
| Layer | Technology |
|---|---|
| Framework | Next.js 15 (App Router) |
| Language | TypeScript (strict) |
| CSS | Tailwind CSS |
| i18n | next-intl (FR / EN) |
| Testing | Vitest + @testing-library/react (158 tests) |
| Icons | Lucide React |
| Validation | Zod |
| Notifications | Sonner |
| Deployment | Vercel |
| Route | Description |
|---|---|
/ |
Home |
/services |
Creative services |
/a-propos |
About the agency |
/contact |
Contact form |
/politique-confidentialite |
Privacy policy (Quebec Law 25) |
/mentions-legales |
Legal notices |
Overall score: μ = 9.48 / 10.0 — PASS ✓
| Dimension | Score |
|---|---|
| D1 Architecture | 10.0 |
| D2 Documentation | 7.5 |
| D3 Testing | 10.0 |
| D4 Security | 9.5 |
| D5 Performance | 9.8 |
| D6 Accessibility | 10.0 |
| D7 SEO | 9.5 |
| D8 Legal Compliance | 10.0 |
| D9 Code Quality | 8.5 |
Lighthouse: Performance 98 · Accessibility 100 · SEO 100 · Best Practices 100
- Full HTTP security headers (CSP, HSTS, X-Frame-Options, Referrer-Policy, Permissions-Policy)
- Quebec Law 25 compliance (opt-in cookie banner, privacy policy, legal notices, privacy officer identified)
- 0 npm vulnerabilities (high/critical)
- pa11y WCAG 2.0 AA: 0 errors
npm install
npm run dev # http://localhost:3000
npm run build # Production build
npm test # 158 testsAuto-deploy via Vercel on push to main.
URL: collectif-nova.vercel.app
Proprietary — Mark Systems © 2026