Studio Variable

Design × code | studio-variable.com

Créé en juin 2025 et basé à Paris, Studio Variable conjugue design graphique, design d’interface et développement web full-stack. Œuvrant principalement avec le secteur de la recherche, de l’écologie et de la culture, il collabore aussi bien avec de grands comptes qu’avec des indépendants.

Fondé par Julie Blanc (designer-développeuse et chercheuse en ergonomie) et Adrien Payet (designer-développeur issu de la philosophie), Studio Variable développe une approche formelle et technique qui concilie ergonomie, sobriété, accessibilité et respect de la vie privée.

Nous sommes spécialisés dans la publication à source unique en web-to-print. Nous privilégions les projets ouverts et engagés, avec une forte culture du ogiciel libre et de l’open source.

Équipe

.

Julie Blanc

Julie Blanc est designer, développeuse et chercheuse.
Docteure en ergonomie, sa thèse, soutenue en 2023, porte sur l’utilisation des technologies web par les designers graphiques. Elle est chercheuse associée à la HEAD (Genève) et mène régulièrement des interventions pédagogiques dans les écoles d’art et de design.

.

Adrien Payet

Adrien Payet est designer-développeur et philosophe. Il enseigne à l’ENSCi — Les Ateliers et à Paris 1, et intervient régulièrement dans des contextes académiques et professionnels liés au design et à la culture numérique. Sa pratique mêle conception d’interfaces, développement back-end et réflexion sur les usages.

Notre réseau

Le studio est ancré dans un réseau actif de professionnels du graphisme et de la typographie, notamment via les Rencontres de Lure et le collectif PrePostprint, espaces de réflexion et d’échange autour du design graphique, de l’édition et des pratiques numériques.

Cet ancrage nous permet de mobiliser au besoin des compétences complémentaires (par exemple pour un travail de lettrage
ou de création typographique
dans le cadre d’un logotype) en faisant appel à des professionnels de confiance avec lesquels
nous collaborons régulièrement.

Notre studio et son approche

Notre activité principale est la conception et le développement de sites web et d’outils graphiques. Le design graphique en est toujours une dimension centrale. Chaque projet que nous concebons repose sur un travail d’identité au sens fort : pas seulement un logo et une palette, mais un système graphique cohérent, capable de traverser des supports variés, d’être approprié par des interlo-cuteur·ices aux profils divers, et de rester lisible dans le temps. Nous concevons ce système non comme un acte figé mais comme un dispositif vivant : un ensemble de règles et de composants qui peuvent se décliner, se combiner, évoluer; sans jamais perdre leur cohérence.

Ce travail s’appuie sur une double compétence graphique et technique,
que nous menons de front. Designers et développeur·ses à la fois, nous faisons naturellement dialoguer les logiques formelles et techniques : chaque choix esthétique s’accompagne d’une réflexion sur sa faisabilité, ses déclinaisons possibles, sa durabilité. Cette intégration de la technique dès la conception est l’une des spécificités de notre approche.

Par notre pratique de l’enseignement et nos engagements dans des réseaux professionnels liés au design graphique et à l’édition, nous connaissons bien les environnements académiques et les cultures graphiques qui leur sont propres: leurs rythmes, leurs contraintes institutionnelles, leurs exigences formelles. C’est un contexte dans lequel nous travaillons régulièrement, et que nous habitons.

→ Identités modulaires et évolutives

Parce que nous codons directement les sites web, nous sommes en mesure d’imaginer des identités qui ne se limitent pas à une charte PDF figée, mais qui vivent dans leurs outils de diffusion. Un système graphique modulaire peut ainsi prendre la forme d’un logotype déclinable selon les contextes, d’un univers typographique rigoureux, de principes de mise en page adaptables et être directement intégré dans les outils numériques que les équipes utilisent au quotidien.

Cette approche est particulièrement adaptée aux projets portés par un réseau de partenaires : chaque acteur peut s’approprier l’identité et l’utiliser de façon autonome, dans le respect des principes graphiques définis, sans avoir besoin de compétences en design.

→ Sites web

Nous développons nos sites directement en HTML et CSS, sans passer par des outils de maquettage intermédiaires. Cette « mentalité web » dès la conception garantit la fidélité entre l’intention graphique et le résultat final, et nous permet d’intégrer d’emblée une démarche d’accessibilité et d’écoconception. Les sites que nous produisons sont légers, accessibles et conçus pour durer : peu de dépendances, un code propre et maintenable. Nous travaillons généralement avec Kirby, un CMS open-source sobre et sécurisé, dont l’interface d’administration simple et accessible est pensée pour les équipes éditoriales plutôt que pour les développeurs.

Cette maîtrise technique nous permet d’envisager le site web non pas comme un livrable séparé de l’identité, mais comme l’un de ses supports les plus vivants : un espace où la charte graphique s’exprime dans ses usages réels, se teste et s’affine.

→ Multisupport et web-to-print

Le web-to-print désigne la génération de documents imprimables (plaquettes, programmes, rapports, etc.) directement depuis le navigateur web, à partir d’un gabarit graphique et d’une source de données, souvent issue du site web. Concrètement : plutôt que de concevoir chaque document manuellement dans un logiciel de mise en page, on définit une fois les règles graphiques (typographie, couleurs, structure), et c’est le programme qui produit automatiquement les documents en y injectant les contenus. Chaque document généré respecte la charte sans que son auteur·ice ait besoin de compétences en design.

Cette approche est particulièrement pertinente lorsqu’une institution ou un programme produit des supports récurrents (rapports, plaquettes, visuels pour réseaux sociaux, etc.) ou lorsque plusieurs partenaires ont besoin d’utiliser l’identité de manière autonome. Julie Blanc est une experte reconnue de ces technologies et leur a consacré une partie de ses recherches. Nous avons déployé des systèmes de ce type pour des clients issus de secteurs variés : institutions culturelles, programmes de recherche, particuliers, etc.

Cette approche n’exclut pas les déclinaisons plus classiques.
Elle les complète, selon les besoins réels du projet et les ressources disponibles.

Proposition budgetaire

→ Taux journalier : 800 € HT

Tâche Jours € HT
KIT DE LANCEMENT
→ Logotype (version initiale, couleur et monochrome) 1.5 1 200
→ Affichette, carton invitation (à définir en phase de cadrage) 0.5 400
→ Landing page 1 800
→ Kakemono 0.5 400
IDENTITÉ VISUELLE
→ Finalisation et déclinaisons du logotype (responsive, co-branding) 2 1 600
→ Univers graphique (typographie, palette, principes graphiques) 2.5 2 000
CHARTE GRAPHIQUE
→ Charte complète (règles d’usage, hiérarchies, mise en page, iconographie) 1.5 1 200
→ Guide d’application synthétique 1 800
DÉCLINAISONS DE SUPPORTS
→ Modèle de présentation institutionnelle (PowerPoint ou Keynote) 1 800
→ Visuels réseaux sociaux + document éditorial + communiqué de presse 0.5 400
→ Livraison des fichiers sources et éléments graphiques 0.5 400
KIT DE COMMUNICATION PARTENAIRES
→ Templates et recommandations d’usage 1 800
SITE INTERNET
→ Direction artistique et intégration de l’identité 1.5 1 200
→ Conception et développement 2 1 600
Gestion de projet ≈10 % 1 400
Sous-total HT 15 000
TVA 20 % 3 000
Total TTC 18 000

Perspectives

En fonction des échanges avec l’équipe lors de la première phase, un outil léger de génération de supports pourrait être envisagé dès le début du projet. À partir des gabarits et des règles graphiques définis (web-to-print), les partenaires pourraient produire de façon autonome des documents cohérents avec la charte graphique (fiches projets, visuels pour les réseaux sociaux, documents éditoriaux, etc.) sans compétences en design. Son périmètre et ses modalités seraient précisés ensemble au fil des premiers échanges.

Planning & phases

Le planning peut être ajusté avec l’équipe selon les priorités et la progression du projet.

Phase 0 — Cadrage

Sem. 16 (13–17 avril) → Réunion de lancement
ou Sem. 17 (20-24 avril)

Phase 1 — Kit de lancement

Phase 2 — Identité visuelle complète

Phase 3 — Charte graphique

Phase 4 — Déclinaisons + Kit partenaires / outil génératif léger

Phase 5 — Site internet

Sélection de projets

WYSIWYG

Projet de recherche sur l’évolution des logiciels de graphisme en Suisse et en France (1980 - aujourd’hui).

.
URL
wysiwyg.ch
Secteur
Recherche
Client
HEAD – Genève, Haute école d’art et de design
Prestation(s)
Identité visuelle et développement full-stack
Date
2025

ACAU

Site vitrine pour l’Agence Coopérative Architectes Urbanistes.

.
URL
acau-architectes.fr
Secteur
Communication
Client
Agence Coopérative Architectes Urbanistes
Prestation(s)
Développement full-stack
Partenaire(s)
Plastac (design)
Date
2024

médialab

Laboratoire interdisciplinaire qui interroge les relations entre le numérique et nos sociétés. Un site web sans images et sans Javascript.

.
URL
medialab.sciencespo.fr
Secteur
Recherche
Client
médialab, SciencesPo
Prestation(s)
Design et développement front-end
Partenaire(s)
en collaboration avec Benjamin Gremillon et l’équipe du médialab
Date
2019

RésIn

Plateforme pour un réseau d’ingénieur·es dans la recherche,
avec système de filtres croisés.

.
URL
resin.medialab.sciences-po.fr
Secteur
Recherche
Client
médialab, SciencesPo
Prestation(s)
Identité visuelle et développement front-end
Date
2025

Chromobase

Base de données du projet ERC Chromotope qui explore l’impact culturel de l’apparition de la couleur dans l’industrie dans les années 1850. Comprend des fonctionnalités avancées de navigation, recherche et tri des contenus.

.
URL
chromobase.huma-num.fr
Secteur
Recherche
Client
Sorbonne Université, CNAM, University of Oxford
Prestation(s)
Design et développement front-end
Partenaire(s)
OuestWare (développement)
Date
2023

ESAJ

Site vitrine pour l’École supérieure d’Architecture des Jardins, avec programmes des formations, formulaire de contact et actualités.

.
URL
www.esaj.asso.fr
Secteur
Formation
Client
École supérieure d’Architecture des Jardins
Prestation(s)
Développement full-stack
Partenaire(s)
Lola Duval (design)
Date
2024

Cultures visuelles

Plateforme collaborative pour le programme de recherche, intégrant une interface graphique en front-end pour l’édition du contenu.

.
URL
culturesvisuelles.org
Secteur
Recherche
Client
Université de Strasbourg
Prestation(s)
Design et développement full-stack
Partenaire(s)
en collaboration avec Timothée Goguely
Date
2020

actuel-inactuel

Plateforme pour une critique des arts et des techniques.

.
URL
actuel-inactuel.fr
Secteur
Recherche
Client
Association époque
Prestation(s)
Design et développement full-stack
Date
2024

Héro·ïne·s

Publication du groupe de recherche de La Fémis à propos de la figure du héros dans les œuvres et pratiques artistiques

.
URL
repenserlesheros.femis.fr
Secteur
Recherche
Client
groupe de recherche de La Fémis / SACRe, PSL
Prestation(s)
Design et développement full-stack
Date
2021

TMN Lab, État des lieux du numérique 2021

Outil pour présenter les études du TMNlab avec système de collecte des favoris et d’impression à la demande.

.
URL
/www.tmnlab.com/etudes/etat-des-lieux-du-numerique-2021
Secteur
Recherche
Client
TMNlab
Prestation(s)
Design et développement full-stack
Partenaire(s)
en collaboration avec Praticable
Date
2021

STUDIO VARIABLE
SAS, société par actions simplifiée au capital social de 1 200,00 €
N° SIRET 988 558 003 00014
N° de TVA FR95988558003

Siège social:
22 rue Boyer
75020 Paris - France

Lieu d’activité:
Césure (Bureau 339)
13 rue Santeuil
75005 Paris - France

Site web: studio-variable.com

Pour nous contacter: contact@studio-variable.com