StudioNoir
Identités fortes pour marques exigeantes.
Le client fictif
Léa Marchand, 38 ans, ex-direction artistique BETC. Avec son associé Adrien (ex-Pentagram), elle pilote un studio de huit personnes au 15 rue de Paradis. Six clients par an, pas de pitches, des projets profonds. Elle veut un site qui filtre les briefs : pas de prospects froids, que des marques qui ont fait leurs devoirs.
L'objectif business
Recevoir 12 demandes qualifiées par mois (vs 3 avant), avec budget annoncé > 60K€. Convertir 50 % des qualif en RDV, 30 % des RDV en contrat signé. Cible : 6 contrats / an, ARR studio 1.2 M€.
Plan Modulyx
Pro
99 €/mois · Modules avancés · CRM leads · Analytics conversion · multilang
Modules SaaS activés
0 modules orchestrés sans une ligne de code
Portfolio éditorial
Mise en scène magazine des cases. Filtrage par discipline (identité, packaging, digital). Galleries lightbox plein écran.
Journal (blog) CMS
Articles longue forme, blocks JSON éditables, lecture estimée auto, SEO meta par article, RSS.
Formulaire qualification
Multi-étapes : type de projet, budget, timing, contexte. Filtre les prospects froids dès l'envoi.
Prise de RDV intégrée
Plage Calendly-like dans le site, créneaux découverte 30 min, confirmation auto.
CRM leads visuel
Pipeline kanban, tags par discipline, scoring auto, relances email automatisées J+3 / J+10.
Multilang FR/EN
Site bilingue dès le départ, urls localisées /en/, schema.org multi-langue.
Analytics conversion
Funnel visite → formulaire → RDV → contrat. Attribution par source (LinkedIn, presse, recommandation).
SEO B2B optimisé
Schema.org Organization + CreativeWork, cocoon thématique branding/identité, sitemap segmenté.
ISR + edge cache
Cases re-générées au push, cache Vercel global, score Lighthouse 95+ partout.
Architecture du site
0 pages générées et personnalisables
Stack sous le capot
La même infrastructure que Linear, Stripe, Vercel.
L'effet wow
Ce qui fait la différence sur ce site.
Typographie animée biffures
Hero typographique sans stock photo : phrase qui se construit avec mots biffés en accent vert ("brands → identities"). Wordmark NOIR géant en background opacity 0.04.
Cases masonry asymétrique
6 projets en grille irrégulière (small/medium/large/tall/wide). Hover : grayscale → couleur, scale 1.06, overlay "Voir le case study". Filtres Tous/Branding/Web/App/Print avec popLayout transitions.
Pages case study cinematic
6 routes /projets/[slug] avec parallax hero, storytelling brief/approche/résultat, metrics chiffrés (counters animés), galerie, navigation prev/next.
Curseur custom signature
Cercle 14px vert acide qui suit le curseur. Au hover sur les liens : devient gros cercle plein avec "VOIR" inscrit. Mix-blend-mode difference, désactivé mobile.
Counters & layouts brutalistes
Process 4 étapes avec numéros stroke-only XXL, awards counters animés (4× SOTD, 6× CSSDA), team grid photo NB → couleur au hover.
Prêt à voir le site en action ?
Tout ce que vous venez de lire est disponible dans Modulyx, sans une ligne de code, prêt à être adapté à votre activité.