1451 lines
No EOL
36 KiB
HTML
1451 lines
No EOL
36 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="fr">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title>Studio Variable</title>
|
||
<script src="/assets/paged.polyfill.js"></script>
|
||
|
||
|
||
<link rel="stylesheet" type="text/css" href="assets/style.css">
|
||
<link rel="stylesheet" type="text/css" href="assets/fonts/Area/stylesheet.css">
|
||
<link rel="stylesheet" type="text/css" href="assets/fonts/Geist-mono/stylesheet.css">
|
||
|
||
|
||
</head>
|
||
<body>
|
||
|
||
<aside class="infos">
|
||
<p>Portfolio</p>
|
||
<p>19 juin 2026</p>
|
||
<p>contact@studio-variable.com</p>
|
||
</aside>
|
||
|
||
<header>
|
||
<h1>Studio Variable</h1>
|
||
<h2>Design × code | studio-variable.com</h2>
|
||
</header>
|
||
|
||
<footer>
|
||
<p><p>Studio Variable – Portfolio</p></p>
|
||
</footer>
|
||
|
||
|
||
<section id="studio-variable">
|
||
<p>Créé en juin 2025 et basé à Paris, Studio Variable conjugue
|
||
<strong>design graphique, design d’interface et développement web
|
||
full-stack</strong>. Œ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.</p>
|
||
<p>Fondé par <strong>Julie Blanc</strong> (designer-développeuse et
|
||
chercheuse en ergonomie) et <strong>Adrien Payet</strong>
|
||
(designer-développeur issu de la philosophie), Studio Variable
|
||
développe une approche formelle et technique qui concilie
|
||
<strong>ergonomie, sobriété, accessibilité et respect de la vie
|
||
privée</strong>.</p>
|
||
<p>Nous sommes spécialisés dans la publication à source unique en
|
||
<strong>web-to-print</strong>. Nous privilégions les projets ouverts
|
||
et engagés, avec une forte culture du ogiciel libre et de l’open
|
||
source.</p>
|
||
</section>
|
||
<section id="equipe">
|
||
<h2 id="équipe">Équipe</h2>
|
||
<div class="people">
|
||
<figure>
|
||
<img src="images/studio-variable_Julie_small.png" alt="." />
|
||
<figcaption aria-hidden="true">.</figcaption>
|
||
</figure>
|
||
<h1 id="julie-blanc">Julie Blanc</h1>
|
||
<!-- Julie Blanc est designer, développeuse et chercheuse. <br>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. -->
|
||
<p>Julie Blanc est designer, développeuse et chercheuse.
|
||
<br>Docteure en ergonomie, sa thèse, soutenue en 2023, porte sur
|
||
l’utilisation des technologies web par les designers graphiques,
|
||
notamment à travers sa contribution à la librairie open-source
|
||
Paged.js. Chercheuse associée à la HEAD (Genève), elle mène
|
||
régulièrement des interventions pédagogiques dans les écoles d’art
|
||
et de design.</p>
|
||
</div>
|
||
<div class="people">
|
||
<figure>
|
||
<img src="images/studio-variable_Adrien_small.png" alt="." />
|
||
<figcaption aria-hidden="true">.</figcaption>
|
||
</figure>
|
||
<h1 id="adrien-payet">Adrien Payet</h1>
|
||
<p>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.</p>
|
||
</div>
|
||
<section id="notre-réseau" class="people">
|
||
<h1>Notre réseau</h1>
|
||
<p>Le studio est ancré dans un réseau actif de professionnels du
|
||
graphisme et de la typographie, notamment via les <strong>Rencontres
|
||
de Lure</strong> et le collectif <strong>PrePostprint</strong>,
|
||
espaces de réflexion et d’échange autour du design graphique, de
|
||
l’édition et des pratiques numériques.</p>
|
||
<p>Cet ancrage nous permet de mobiliser au besoin des compétences
|
||
complémentaires (par exemple pour un travail de <strong>lettrage
|
||
<br>ou de création typographique</strong> dans le cadre d’un
|
||
logotype) en faisant appel à des professionnels de confiance avec
|
||
lesquels <br>nous collaborons régulièrement.</p>
|
||
</section>
|
||
</section>
|
||
<section id="approche-studio">
|
||
<h2 id="notre-studio-et-son-approche">Notre studio et son
|
||
approche</h2>
|
||
<p>Notre activité principale est la conception et le développement
|
||
<strong>de sites web, d’outils graphiques et de plateformes
|
||
éditoriales</strong>. Nos interventions se concentrent sur une
|
||
double approche, à la fois graphique et technique, pensée comme un
|
||
tout cohérent. Nous concevons le design non pas comme une couche
|
||
séparée mais comme <strong>un travail mené directement dans
|
||
le code</strong>, afin que chaque choix esthétique s’accompagne
|
||
d’une réflexion technique et ergonomique. Les premiers prototypes
|
||
seront donc réalisés en HTML et CSS, pour permettre de valider
|
||
rapidement des maquettes fonctionnelles, accessibles et déjà proches
|
||
de la version finale. Cette méthode réduit les écarts entre
|
||
intention et réalisation, et permet d’intégrer dès le départ nos
|
||
principes d’écoconception et d’accessibilité.</p>
|
||
<p>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 <strong>Kirby</strong>, 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éveloppeur·ses.</p>
|
||
<p>Notre façon de travailler repose sur des <strong>allers-retours
|
||
réguliers</strong> avec vous. Nous définirons des étapes
|
||
intermédiaires pour valider les choix au fur et à mesure, plutôt que
|
||
de tout livrer en une fois. Cela permet d’ajuster le projet
|
||
en fonction de vos retours et des contraintes qui pourraient
|
||
émerger.</p>
|
||
<p>Notre force réside dans la complémentarité de nos profils :
|
||
designers et développeur·ses à la fois, nous avons l’habitude de
|
||
traverser les deux champs de compétences et de <strong>faire
|
||
dialoguer les logiques formelles et techniques</strong>. En tant que
|
||
studio, nous défendons une approche sur-mesure, attentive aux usages
|
||
concrets, à la sobriété des moyens employés et au respect de la vie
|
||
privée.</p>
|
||
<h3 id="multisupport-et-web-to-print">Multisupport et
|
||
web-to-print</h3>
|
||
<p>Le <strong>single-source publishing</strong> consiste à produire
|
||
plusieurs supports (site web, documents imprimés, exports
|
||
numériques) depuis une source de contenus unique. Le
|
||
<strong>web-to-print</strong> en est l’application pour les pièces
|
||
imprimables (plaquettes, programmes, rapports) : plutôt que de
|
||
concevoir chaque document manuellement dans un logiciel de mise en
|
||
page, on définit une fois les règles graphiques, et le programme
|
||
génère automatiquement les documents en y injectant les contenus.
|
||
Chaque rendu respecte la charte sans que son auteur·ice ait besoin
|
||
de compétences en design.</p>
|
||
<p>Cette approche est particulièrement pertinente lorsqu’une
|
||
institution produit des supports récurrents 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, elle a aussi fait partie de
|
||
l’équipe de développement de la librairie Paged.js. 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.</p>
|
||
<p>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.</p>
|
||
<!-- ### 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. <br>Elle les complète, selon les besoins réels du projet et les ressources disponibles. -->
|
||
<h3 id="nos-forces">Nos forces</h3>
|
||
<ul>
|
||
<li><strong>Des maquettes directement codées en HTML et
|
||
CSS</strong>, plutôt que figées dans un outil comme Figma. Cette
|
||
approche permet d’adopter une « mentalité web » dès le maquettage.
|
||
Elle garantit la faisabilité technique du design, la fidélité des
|
||
maquettes par rapport au résultat final, réduit les allers-retours
|
||
entre design et développement et accélère nettement
|
||
l’intégration.</li>
|
||
<li><strong>Un travail mené au plus près du code existant</strong>,
|
||
afin de faciliter l’intégration de nos développements, d’assurer la
|
||
continuité technique et de favoriser des échanges simples et
|
||
efficaces avec vous.</li>
|
||
<li><strong>Une expertise en single-source publishing et
|
||
web-to-print</strong>, nous concevons des systèmes éditoriaux
|
||
capables de produire simultanément des versions web et des documents
|
||
imprimables depuis une source unique, en nous appuyant sur des
|
||
technologies ouvertes (HTML, CSS, Paged.js).</li>
|
||
<li><strong>Une démarche d’écoconception et d’accessibilité
|
||
assumée</strong>, qui se traduit par un design et un code légers, un
|
||
recours limité à JavaScript, un HTML bien construit répondant aux
|
||
normes d’accessibilité, l’utilisation de variable fonts et des
|
||
fallback bien pensés. Bref, une attention constante à la performance
|
||
et à la sobriété des ressources.</li>
|
||
</ul>
|
||
</section>
|
||
<section id="portfolio-introduction" class="portfolio-group">
|
||
<h2 id="sélection-de-projets">Sélection de projets</h2>
|
||
</section>
|
||
<section id="wysiwyg" class="portfolio-group">
|
||
<h1 id="wysiwyg">WYSIWYG</h1>
|
||
<p>Projet de recherche sur l’évolution des logiciels de graphisme en
|
||
Suisse et en France (1980 - aujourd’hui).</p>
|
||
<figure>
|
||
<img src="images/wysiwyg.png" alt="." />
|
||
<figcaption aria-hidden="true">.</figcaption>
|
||
</figure>
|
||
<div class="details">
|
||
<dl>
|
||
<dt>
|
||
URL
|
||
</dt>
|
||
<dd>
|
||
<a href="https://wysiwyg.ch/" target="_blank">wysiwyg.ch</a>
|
||
</dd>
|
||
</dl>
|
||
<dl>
|
||
<dt>
|
||
Secteur
|
||
</dt>
|
||
<dd>
|
||
Recherche
|
||
</dd>
|
||
</dl>
|
||
<dl>
|
||
<dt>
|
||
Client
|
||
</dt>
|
||
<dd>
|
||
HEAD – Genève, Haute école d’art et de design
|
||
</dd>
|
||
</dl>
|
||
<dl>
|
||
<dt>
|
||
Prestation(s)
|
||
</dt>
|
||
<dd>
|
||
Design et développement full-stack
|
||
</dd>
|
||
</dl>
|
||
<dl>
|
||
<dt>
|
||
Date
|
||
</dt>
|
||
<dd>
|
||
2025
|
||
</dd>
|
||
</dl>
|
||
</div>
|
||
</section>
|
||
<section id="cultures-visuelles" class="portfolio-group">
|
||
<h1 id="cultures-visuelles">Cultures visuelles</h1>
|
||
<p>Plateforme collaborative pour le programme de recherche,
|
||
intégrant une interface graphique en front-end pour l’édition du
|
||
contenu.</p>
|
||
<figure>
|
||
<img src="images/cultures-visuelles.png" alt="." />
|
||
<figcaption aria-hidden="true">.</figcaption>
|
||
</figure>
|
||
<div class="details">
|
||
<dl>
|
||
<dt>
|
||
URL
|
||
</dt>
|
||
<dd>
|
||
<a href="https://www.culturesvisuelles.org/" target="_blank">culturesvisuelles.org</a>
|
||
</dd>
|
||
</dl>
|
||
<dl>
|
||
<dt>
|
||
Secteur
|
||
</dt>
|
||
<dd>
|
||
Recherche
|
||
</dd>
|
||
</dl>
|
||
<dl>
|
||
<dt>
|
||
Client
|
||
</dt>
|
||
<dd>
|
||
Université de Strasbourg
|
||
</dd>
|
||
</dl>
|
||
<dl>
|
||
<dt>
|
||
Prestation(s)
|
||
</dt>
|
||
<dd>
|
||
Design et développement full-stack
|
||
</dd>
|
||
</dl>
|
||
<dl>
|
||
<dt>
|
||
Partenaire(s)
|
||
</dt>
|
||
<dd>
|
||
en collaboration avec Timothée Goguely
|
||
</dd>
|
||
</dl>
|
||
<dl>
|
||
<dt>
|
||
Date
|
||
</dt>
|
||
<dd>
|
||
2020
|
||
</dd>
|
||
</dl>
|
||
</div>
|
||
</section>
|
||
<section id="timelure" class="portfolio-group">
|
||
<h1 id="timelure">Timelure</h1>
|
||
<p>Archives des 70 ans de programmation des Rencontres de Lure,
|
||
organisées sous forme de chronologie.</p>
|
||
<figure>
|
||
<img src="images/timelure-responsive.jpg" alt="." />
|
||
<figcaption aria-hidden="true">.</figcaption>
|
||
</figure>
|
||
<div class="details">
|
||
<dl>
|
||
<dt>
|
||
URL
|
||
</dt>
|
||
<dd>
|
||
<a href="https://chronologie.delure.org/" target="_blank">chronologie.delure.org</a>
|
||
</dd>
|
||
</dl>
|
||
<dl>
|
||
<dt>
|
||
Secteur
|
||
</dt>
|
||
<dd>
|
||
Culturel, Recherche
|
||
</dd>
|
||
</dl>
|
||
<dl>
|
||
<dt>
|
||
Client
|
||
</dt>
|
||
<dd>
|
||
Rencontres Internationales de Lure
|
||
</dd>
|
||
</dl>
|
||
<dl>
|
||
<dt>
|
||
Prestation(s)
|
||
</dt>
|
||
<dd>
|
||
Design et développement full-stack
|
||
</dd>
|
||
</dl>
|
||
<dl>
|
||
<dt>
|
||
Partenaire(s)
|
||
</dt>
|
||
<dd>
|
||
Julien Bidoret, Lola Duval et l’équipe des Rencontres de Lure
|
||
</dd>
|
||
</dl>
|
||
<dl>
|
||
<dt>
|
||
Date
|
||
</dt>
|
||
<dd>
|
||
2022
|
||
</dd>
|
||
</dl>
|
||
</div>
|
||
</section>
|
||
<section id="chromobase" class="portfolio-group">
|
||
<h1 id="chromobase">Chromobase</h1>
|
||
<p><strong>Base de données</strong> 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
|
||
<strong>fonctionnalités avancées de navigation, recherche et tri des
|
||
contenus</strong>.</p>
|
||
<figure>
|
||
<img src="images/chromobase.png" alt="." />
|
||
<figcaption aria-hidden="true">.</figcaption>
|
||
</figure>
|
||
<div class="details">
|
||
<dl>
|
||
<dt>
|
||
URL
|
||
</dt>
|
||
<dd>
|
||
<a href="https://chromobase.huma-num.fr/" target="_blank">chromobase.huma-num.fr</a>
|
||
</dd>
|
||
</dl>
|
||
<dl>
|
||
<dt>
|
||
Secteur
|
||
</dt>
|
||
<dd>
|
||
Recherche
|
||
</dd>
|
||
</dl>
|
||
<dl>
|
||
<dt>
|
||
Client
|
||
</dt>
|
||
<dd>
|
||
Sorbonne Université, CNAM, University of Oxford
|
||
</dd>
|
||
</dl>
|
||
<dl>
|
||
<dt>
|
||
Prestation(s)
|
||
</dt>
|
||
<dd>
|
||
Design et développement front-end
|
||
</dd>
|
||
</dl>
|
||
<dl>
|
||
<dt>
|
||
Partenaire(s)
|
||
</dt>
|
||
<dd>
|
||
OuestWare (développement)
|
||
</dd>
|
||
</dl>
|
||
<dl>
|
||
<dt>
|
||
Date
|
||
</dt>
|
||
<dd>
|
||
2023
|
||
</dd>
|
||
</dl>
|
||
</div>
|
||
</section>
|
||
<section id="resin" class="portfolio-group">
|
||
<h1 id="résin">RésIn</h1>
|
||
<p>Plateforme pour un réseau d’ingénieur·es dans la recherche, avec
|
||
<strong>système de filtres croisés</strong>.</p>
|
||
<figure>
|
||
<img src="images/resin.png" alt="." />
|
||
<figcaption aria-hidden="true">.</figcaption>
|
||
</figure>
|
||
<div class="details">
|
||
<dl>
|
||
<dt>
|
||
URL
|
||
</dt>
|
||
<dd>
|
||
<a href="https://resin.medialab.sciences-po.fr/" target="_blank">resin.medialab.sciences-po.fr</a>
|
||
</dd>
|
||
</dl>
|
||
<dl>
|
||
<dt>
|
||
Secteur
|
||
</dt>
|
||
<dd>
|
||
Recherche
|
||
</dd>
|
||
</dl>
|
||
<dl>
|
||
<dt>
|
||
Client
|
||
</dt>
|
||
<dd>
|
||
médialab, SciencesPo
|
||
</dd>
|
||
</dl>
|
||
<dl>
|
||
<dt>
|
||
Prestation(s)
|
||
</dt>
|
||
<dd>
|
||
Design et développement front-end
|
||
</dd>
|
||
</dl>
|
||
<dl>
|
||
<dt>
|
||
Date
|
||
</dt>
|
||
<dd>
|
||
2025
|
||
</dd>
|
||
</dl>
|
||
</div>
|
||
</section>
|
||
<section id="medialab" class="portfolio-group">
|
||
<h1 id="médialab">médialab</h1>
|
||
<p>Laboratoire interdisciplinaire qui interroge les relations entre
|
||
le numérique et nos sociétés. Un site web sans images et sans
|
||
Javascript.</p>
|
||
<figure>
|
||
<img src="images/medialab.png" alt="." />
|
||
<figcaption aria-hidden="true">.</figcaption>
|
||
</figure>
|
||
<div class="details">
|
||
<dl>
|
||
<dt>
|
||
URL
|
||
</dt>
|
||
<dd>
|
||
<a href="https://medialab.sciencespo.fr/" target="_blank">medialab.sciencespo.fr</a>
|
||
</dd>
|
||
</dl>
|
||
<dl>
|
||
<dt>
|
||
Secteur
|
||
</dt>
|
||
<dd>
|
||
Recherche
|
||
</dd>
|
||
</dl>
|
||
<dl>
|
||
<dt>
|
||
Client
|
||
</dt>
|
||
<dd>
|
||
médialab, SciencesPo
|
||
</dd>
|
||
</dl>
|
||
<dl>
|
||
<dt>
|
||
Prestation(s)
|
||
</dt>
|
||
<dd>
|
||
Design et développement front-end
|
||
</dd>
|
||
</dl>
|
||
<dl>
|
||
<dt>
|
||
Partenaire(s)
|
||
</dt>
|
||
<dd>
|
||
en collaboration avec Benjamin Gremillon et l’équipe du médialab
|
||
</dd>
|
||
</dl>
|
||
<dl>
|
||
<dt>
|
||
Date
|
||
</dt>
|
||
<dd>
|
||
2019
|
||
</dd>
|
||
</dl>
|
||
<br>
|
||
<dl>
|
||
<dd>
|
||
En savoir
|
||
plus: <a href="https://julie-blanc.fr/activites/2020-03-25_medialab-1/" target="_blank">julie-blanc.fr/activites/2020-03-25_medialab-1</a>
|
||
</dd>
|
||
</dl>
|
||
</div>
|
||
</section>
|
||
<section id="d6cor" class="portfolio-group">
|
||
<h1 id="d6cor">D6cor</h1>
|
||
<p>Outil de gestion éditoriale fondé sur le CMS Kirby, pour une
|
||
revue reposant sur le single-source publishing : web-to-print pour
|
||
la version imprimée, contenus multimédias pour la version en
|
||
ligne.</p>
|
||
<figure>
|
||
<img src="images/d6cor-book.png" alt="." />
|
||
<figcaption aria-hidden="true">.</figcaption>
|
||
</figure>
|
||
<div class="details">
|
||
<dl>
|
||
<dt>
|
||
URL
|
||
</dt>
|
||
<dd>
|
||
[en cours de développement]
|
||
</dd>
|
||
</dl>
|
||
<dl>
|
||
<dt>
|
||
Secteur
|
||
</dt>
|
||
<dd>
|
||
Édition
|
||
</dd>
|
||
</dl>
|
||
<dl>
|
||
<dt>
|
||
Client
|
||
</dt>
|
||
<dd>
|
||
École nationale Supérieure des Arts Décoratifs, Paris
|
||
</dd>
|
||
</dl>
|
||
<dl>
|
||
<dt>
|
||
Prestation(s)
|
||
</dt>
|
||
<dd>
|
||
Direction artistique, développement full-stack et web-to-print
|
||
</dd>
|
||
</dl>
|
||
<dl>
|
||
<dt>
|
||
Partenaire(s)
|
||
</dt>
|
||
<dd>
|
||
Sarah Garcin
|
||
</dd>
|
||
</dl>
|
||
<dl>
|
||
<dt>
|
||
Date
|
||
</dt>
|
||
<dd>
|
||
2026
|
||
</dd>
|
||
</dl>
|
||
</div>
|
||
</section>
|
||
<section id="actuel-inactuel" class="portfolio-group">
|
||
<h1 id="actuel-inactuel">actuel-inactuel</h1>
|
||
<p>Plateforme pour une critique des arts et des techniques.</p>
|
||
<figure>
|
||
<img src="images/actuel-inactuel.png" alt="." />
|
||
<figcaption aria-hidden="true">.</figcaption>
|
||
</figure>
|
||
<div class="details">
|
||
<dl>
|
||
<dt>
|
||
URL
|
||
</dt>
|
||
<dd>
|
||
<a href="https://actuel-inactuel.fr/" target="_blank">actuel-inactuel.fr</a>
|
||
</dd>
|
||
</dl>
|
||
<dl>
|
||
<dt>
|
||
Secteur
|
||
</dt>
|
||
<dd>
|
||
Recherche
|
||
</dd>
|
||
</dl>
|
||
<dl>
|
||
<dt>
|
||
Client
|
||
</dt>
|
||
<dd>
|
||
Association époque
|
||
</dd>
|
||
</dl>
|
||
<dl>
|
||
<dt>
|
||
Prestation(s)
|
||
</dt>
|
||
<dd>
|
||
Design et développement full-stack
|
||
</dd>
|
||
</dl>
|
||
<dl>
|
||
<dt>
|
||
Date
|
||
</dt>
|
||
<dd>
|
||
2024
|
||
</dd>
|
||
</dl>
|
||
</div>
|
||
</section>
|
||
<section id="chiragan" class="portfolio-group">
|
||
<h1 id="les-sculptures-de-la-villa-romaine-de-chiragan">Les
|
||
sculptures de la villa romaine de Chiragan</h1>
|
||
<p>Catalogue multisupport pour le musée Saint-Raymond : <br>version
|
||
numérique et version imprimée générées <br>depuis une même source
|
||
avec du web-to-print</p>
|
||
<figure>
|
||
<img src="images/chiragan-2.jpg" alt="." />
|
||
<figcaption aria-hidden="true">.</figcaption>
|
||
</figure>
|
||
<div class="details">
|
||
<dl>
|
||
<dt>
|
||
URL
|
||
</dt>
|
||
<dd>
|
||
<p><a href="https://villachiragan.saintraymond.toulouse.fr/" target="_blank">villachiragan.saintraymond.toulouse.fr</a></p>
|
||
</dd>
|
||
</dl>
|
||
<dl>
|
||
<dt>
|
||
Secteur
|
||
</dt>
|
||
<dd>
|
||
Culture
|
||
</dd>
|
||
</dl>
|
||
<dl>
|
||
<dt>
|
||
Client
|
||
</dt>
|
||
<dd>
|
||
Musée Saint-Raymond (Toulouse)
|
||
</dd>
|
||
</dl>
|
||
<dl>
|
||
<dt>
|
||
Prestation(s)
|
||
</dt>
|
||
<dd>
|
||
Design et développement front-end
|
||
</dd>
|
||
</dl>
|
||
<dl>
|
||
<dt>
|
||
Partenaire(s)
|
||
</dt>
|
||
<dd>
|
||
Antoine Fauchié
|
||
</dd>
|
||
</dl>
|
||
<dl>
|
||
<dt>
|
||
Date
|
||
</dt>
|
||
<dd>
|
||
2020
|
||
</dd>
|
||
</dl>
|
||
<br>
|
||
<dl>
|
||
<dd>
|
||
En savoir
|
||
plus: <a href="https://julie-blanc.fr/activites/2020-chiragan-article/" target="_blank">julie-blanc.fr/activites/2020-chiragan-article</a>
|
||
</dd>
|
||
</dl>
|
||
</div>
|
||
</section>
|
||
<section id="regarts" class="portfolio-group">
|
||
<h1 id="regarts">Reg·arts</h1>
|
||
<p>Plateforme d’exploration de données interactives liée aux
|
||
registres d’inscriptions des Beaux-Arts de Paris.</p>
|
||
<figure>
|
||
<img src="images/regarts.png" alt="." />
|
||
<figcaption aria-hidden="true">.</figcaption>
|
||
</figure>
|
||
<div class="details">
|
||
<dl>
|
||
<dt>
|
||
URL
|
||
</dt>
|
||
<dd>
|
||
<a href="https://regarts.huma-num.fr/" target="_blank">regarts.huma-num.fr</a>
|
||
</dd>
|
||
</dl>
|
||
<dl>
|
||
<dt>
|
||
Secteur
|
||
</dt>
|
||
<dd>
|
||
Culture
|
||
</dd>
|
||
</dl>
|
||
<dl>
|
||
<dt>
|
||
Client
|
||
</dt>
|
||
<dd>
|
||
École des Beaux-Arts de Paris
|
||
</dd>
|
||
</dl>
|
||
<dl>
|
||
<dt>
|
||
Prestation(s)
|
||
</dt>
|
||
<dd>
|
||
Développement front-end
|
||
</dd>
|
||
</dl>
|
||
<dl>
|
||
<dt>
|
||
Partenaire(s)
|
||
</dt>
|
||
<dd>
|
||
OuestWare (développement), <br>Lola Duval (direction artistique)
|
||
</dd>
|
||
</dl>
|
||
<dl>
|
||
<dt>
|
||
Date
|
||
</dt>
|
||
<dd>
|
||
2024
|
||
</dd>
|
||
</dl>
|
||
</div>
|
||
</section>
|
||
<section id="acau" class="portfolio-group">
|
||
<h1 id="acau">ACAU</h1>
|
||
<p>Site vitrine pour l’Agence Coopérative Architectes
|
||
Urbanistes.</p>
|
||
<figure>
|
||
<img src="images/acau.png" alt="." />
|
||
<figcaption aria-hidden="true">.</figcaption>
|
||
</figure>
|
||
<div class="details">
|
||
<dl>
|
||
<dt>
|
||
URL
|
||
</dt>
|
||
<dd>
|
||
<a href="https://www.acau-architectes.fr/" target="_blank">acau-architectes.fr</a>
|
||
</dd>
|
||
</dl>
|
||
<dl>
|
||
<dt>
|
||
Secteur
|
||
</dt>
|
||
<dd>
|
||
Communication
|
||
</dd>
|
||
</dl>
|
||
<dl>
|
||
<dt>
|
||
Client
|
||
</dt>
|
||
<dd>
|
||
Agence Coopérative Architectes Urbanistes
|
||
</dd>
|
||
</dl>
|
||
<dl>
|
||
<dt>
|
||
Prestation(s)
|
||
</dt>
|
||
<dd>
|
||
Développement full-stack
|
||
</dd>
|
||
</dl>
|
||
<dl>
|
||
<dt>
|
||
Partenaire(s)
|
||
</dt>
|
||
<dd>
|
||
Plastac (design)
|
||
</dd>
|
||
</dl>
|
||
<dl>
|
||
<dt>
|
||
Date
|
||
</dt>
|
||
<dd>
|
||
2024
|
||
</dd>
|
||
</dl>
|
||
</div>
|
||
</section>
|
||
<section id="esaj" class="portfolio-group">
|
||
<h1 id="esaj">ESAJ</h1>
|
||
<p>Site vitrine pour l’École supérieure d’Architecture des Jardins,
|
||
avec programmes des formations, formulaire de contact et
|
||
actualités.</p>
|
||
<figure>
|
||
<img src="images/esaj.png" alt="." />
|
||
<figcaption aria-hidden="true">.</figcaption>
|
||
</figure>
|
||
<div class="details">
|
||
<dl>
|
||
<dt>
|
||
URL
|
||
</dt>
|
||
<dd>
|
||
<a href="https://www.esaj.asso.fr/" target="_blank">www.esaj.asso.fr</a>
|
||
</dd>
|
||
</dl>
|
||
<dl>
|
||
<dt>
|
||
Secteur
|
||
</dt>
|
||
<dd>
|
||
Formation
|
||
</dd>
|
||
</dl>
|
||
<dl>
|
||
<dt>
|
||
Client
|
||
</dt>
|
||
<dd>
|
||
École supérieure d’Architecture des Jardins
|
||
</dd>
|
||
</dl>
|
||
<dl>
|
||
<dt>
|
||
Prestation(s)
|
||
</dt>
|
||
<dd>
|
||
Développement full-stack
|
||
</dd>
|
||
</dl>
|
||
<dl>
|
||
<dt>
|
||
Partenaire(s)
|
||
</dt>
|
||
<dd>
|
||
Lola Duval (design)
|
||
</dd>
|
||
</dl>
|
||
<dl>
|
||
<dt>
|
||
Date
|
||
</dt>
|
||
<dd>
|
||
2024
|
||
</dd>
|
||
</dl>
|
||
</div>
|
||
</section>
|
||
<section id="botascopia" class="portfolio-group">
|
||
<h1 id="botascopia">Botascopia</h1>
|
||
<p>Projet de recherche collaboratif dont le but est de connaître et
|
||
reconnaître les plantes à fleurs dans un espace donné. Mise en page
|
||
web-to-print pour un générateur automatique de guide
|
||
d’identification de plantes à partir d’une base de données
|
||
collaborative.</p>
|
||
<figure>
|
||
<img src="images/botascopia-livret.png" alt="." />
|
||
<figcaption aria-hidden="true">.</figcaption>
|
||
</figure>
|
||
<div class="details">
|
||
<dl>
|
||
<dt>
|
||
URL
|
||
</dt>
|
||
<dd>
|
||
<a href="https://botascopia.inria.fr/" target="_blank">botascopia.inria.fr</a>
|
||
</dd>
|
||
</dl>
|
||
<dl>
|
||
<dt>
|
||
Secteur
|
||
</dt>
|
||
<dd>
|
||
Recherche
|
||
</dd>
|
||
</dl>
|
||
<dl>
|
||
<dt>
|
||
Client
|
||
</dt>
|
||
<dd>
|
||
Botascopia, INRIA
|
||
</dd>
|
||
</dl>
|
||
<dl>
|
||
<dt>
|
||
Prestation(s)
|
||
</dt>
|
||
<dd>
|
||
Design et développement du système web-to-print
|
||
</dd>
|
||
</dl>
|
||
<dl>
|
||
<dt>
|
||
Date
|
||
</dt>
|
||
<dd>
|
||
2026
|
||
</dd>
|
||
</dl>
|
||
</div>
|
||
</section>
|
||
<section id="heroines" class="portfolio-group">
|
||
<h1 id="héroïnes">Héro·ïne·s</h1>
|
||
<p>Publication du groupe de recherche de La Fémis à propos de la
|
||
figure du héros dans les œuvres et pratiques artistiques</p>
|
||
<figure>
|
||
<img src="images/repenser-les-heros.png" alt="." />
|
||
<figcaption aria-hidden="true">.</figcaption>
|
||
</figure>
|
||
<div class="details">
|
||
<dl>
|
||
<dt>
|
||
URL
|
||
</dt>
|
||
<dd>
|
||
<a href="https://repenserlesheros.femis.fr/" target="_blank">repenserlesheros.femis.fr</a>
|
||
</dd>
|
||
</dl>
|
||
<dl>
|
||
<dt>
|
||
Secteur
|
||
</dt>
|
||
<dd>
|
||
Recherche
|
||
</dd>
|
||
</dl>
|
||
<dl>
|
||
<dt>
|
||
Client
|
||
</dt>
|
||
<dd>
|
||
groupe de recherche de La Fémis / SACRe, PSL
|
||
</dd>
|
||
</dl>
|
||
<dl>
|
||
<dt>
|
||
Prestation(s)
|
||
</dt>
|
||
<dd>
|
||
Design et développement full-stack
|
||
</dd>
|
||
</dl>
|
||
<!-- <dl>
|
||
<dt>Partenaire(s)</dt>
|
||
<dd>en collaboration avec Benjamin Benjamin Gremillon et l’équipe du médialab</dd>
|
||
</dl> -->
|
||
<dl>
|
||
<dt>
|
||
Date
|
||
</dt>
|
||
<dd>
|
||
2021
|
||
</dd>
|
||
</dl>
|
||
</div>
|
||
</section>
|
||
<section id="ntbesancon" class="portfolio-group">
|
||
<h1 id="nouveau-théâtre-de-besançon">Nouveau théâtre de
|
||
Besançon</h1>
|
||
<p>Site web, avec calendrier et billetterie intégrée.</p>
|
||
<figure>
|
||
<img src="images/ntbesancon.png" alt="." />
|
||
<figcaption aria-hidden="true">.</figcaption>
|
||
</figure>
|
||
<div class="details">
|
||
<dl>
|
||
<dt>
|
||
URL
|
||
</dt>
|
||
<dd>
|
||
<a href="https://ntbesancon.fr/" target="_blank">ntbesancon.fr</a>
|
||
</dd>
|
||
</dl>
|
||
<dl>
|
||
<dt>
|
||
Secteur
|
||
</dt>
|
||
<dd>
|
||
Culture
|
||
</dd>
|
||
</dl>
|
||
<dl>
|
||
<dt>
|
||
Client
|
||
</dt>
|
||
<dd>
|
||
Nouveau théâtre de Besançon
|
||
</dd>
|
||
</dl>
|
||
<dl>
|
||
<dt>
|
||
Prestation(s)
|
||
</dt>
|
||
<dd>
|
||
Développement full-stack
|
||
</dd>
|
||
</dl>
|
||
<dl>
|
||
<dt>
|
||
Partenaire(s)
|
||
</dt>
|
||
<dd>
|
||
Studio Plastac (design)
|
||
</dd>
|
||
</dl>
|
||
<dl>
|
||
<dt>
|
||
Date
|
||
</dt>
|
||
<dd>
|
||
2024
|
||
</dd>
|
||
</dl>
|
||
</div>
|
||
</section>
|
||
<section id="flaash" class="portfolio-group">
|
||
<h1 id="flaash">Flaash</h1>
|
||
<p>Site de la revue d’anticipation Flaash.</p>
|
||
<figure>
|
||
<img src="images/flaash-thematiques.png" alt="." />
|
||
<figcaption aria-hidden="true">.</figcaption>
|
||
</figure>
|
||
<div class="details">
|
||
<dl>
|
||
<dt>
|
||
URL
|
||
</dt>
|
||
<dd>
|
||
<a href="https://www.flaash.fr" target="_blank">flaash.fr</a>
|
||
</dd>
|
||
</dl>
|
||
<dl>
|
||
<dt>
|
||
Secteur
|
||
</dt>
|
||
<dd>
|
||
Culture
|
||
</dd>
|
||
</dl>
|
||
<dl>
|
||
<dt>
|
||
Client
|
||
</dt>
|
||
<dd>
|
||
Revue Flaash
|
||
</dd>
|
||
</dl>
|
||
<dl>
|
||
<dt>
|
||
Prestation(s)
|
||
</dt>
|
||
<dd>
|
||
Développement full-stack
|
||
</dd>
|
||
</dl>
|
||
<dl>
|
||
<dt>
|
||
Partenaire(s)
|
||
</dt>
|
||
<dd>
|
||
Studio Plastac (design)
|
||
</dd>
|
||
</dl>
|
||
<dl>
|
||
<dt>
|
||
Date
|
||
</dt>
|
||
<dd>
|
||
2024
|
||
</dd>
|
||
</dl>
|
||
</div>
|
||
</section>
|
||
<section id="decarb-one" class="portfolio-group">
|
||
<h1 id="decarb.one">Decarb.one</h1>
|
||
<p>Site <strong>éco-conçu</strong> pour une agence de relations
|
||
presse et de communication responsable.</p>
|
||
<figure>
|
||
<img src="images/decarb-one.png" alt="." />
|
||
<figcaption aria-hidden="true">.</figcaption>
|
||
</figure>
|
||
<div class="details">
|
||
<dl>
|
||
<dt>
|
||
URL
|
||
</dt>
|
||
<dd>
|
||
<a href="https://decarb.one/" target="_blank">decarb.one</a>
|
||
</dd>
|
||
</dl>
|
||
<dl>
|
||
<dt>
|
||
Secteur
|
||
</dt>
|
||
<dd>
|
||
Communication
|
||
</dd>
|
||
</dl>
|
||
<dl>
|
||
<dt>
|
||
Client
|
||
</dt>
|
||
<dd>
|
||
decarb.one
|
||
</dd>
|
||
</dl>
|
||
<dl>
|
||
<dt>
|
||
Prestation(s)
|
||
</dt>
|
||
<dd>
|
||
Design, développement full-stack
|
||
</dd>
|
||
</dl>
|
||
<dl>
|
||
<dt>
|
||
Partenaire(s)
|
||
</dt>
|
||
<dd>
|
||
en collaboration avec Praticable
|
||
</dd>
|
||
</dl>
|
||
<dl>
|
||
<dt>
|
||
Date
|
||
</dt>
|
||
<dd>
|
||
2022
|
||
</dd>
|
||
</dl>
|
||
</div>
|
||
</section>
|
||
<section id="design-to-pack" class="portfolio-group">
|
||
<h1 id="design-to-pack">Design to Pack</h1>
|
||
<p>Plateforme complète de gestion de projets de création de flacons
|
||
de parfum. L’interface permet de collaborer du brief aux produits
|
||
finis, en passant par les <strong>vues 3D interactives</strong>.</p>
|
||
<figure>
|
||
<img src="images/design-to-pack.png" alt="." />
|
||
<figcaption aria-hidden="true">.</figcaption>
|
||
</figure>
|
||
<div class="details">
|
||
<dl>
|
||
<dt>
|
||
URL
|
||
</dt>
|
||
<dd>
|
||
Plateforme privée
|
||
</dd>
|
||
</dl>
|
||
<dl>
|
||
<dt>
|
||
Secteur
|
||
</dt>
|
||
<dd>
|
||
Luxe
|
||
</dd>
|
||
</dl>
|
||
<dl>
|
||
<dt>
|
||
Client
|
||
</dt>
|
||
<dd>
|
||
Groupe Pochet
|
||
</dd>
|
||
</dl>
|
||
<dl>
|
||
<dt>
|
||
Prestation(s)
|
||
</dt>
|
||
<dd>
|
||
Développement du back-end, de la logique applicative et des
|
||
interactions.
|
||
</dd>
|
||
</dl>
|
||
<dl>
|
||
<dt>
|
||
Date
|
||
</dt>
|
||
<dd>
|
||
2025
|
||
</dd>
|
||
</dl>
|
||
</div>
|
||
</section>
|
||
<section id="gms" class="portfolio-group">
|
||
<h1 id="game-management-system">Game Management System</h1>
|
||
<p>Plateforme sur-mesure dédiée à la conception et à la
|
||
planification de parties de divers jeux en ligne.</p>
|
||
<figure>
|
||
<img src="images/gms.png" alt="." />
|
||
<figcaption aria-hidden="true">.</figcaption>
|
||
</figure>
|
||
<div class="details">
|
||
<dl>
|
||
<dt>
|
||
URL
|
||
</dt>
|
||
<dd>
|
||
Plateforme privée
|
||
</dd>
|
||
</dl>
|
||
<dl>
|
||
<dt>
|
||
Secteur
|
||
</dt>
|
||
<dd>
|
||
Divertissement
|
||
</dd>
|
||
</dl>
|
||
<dl>
|
||
<dt>
|
||
Client
|
||
</dt>
|
||
<dd>
|
||
<a href="https://www.world.game/">World Game</a>
|
||
</dd>
|
||
</dl>
|
||
<dl>
|
||
<dt>
|
||
Prestation(s)
|
||
</dt>
|
||
<dd>
|
||
Design et développement full-stack
|
||
</dd>
|
||
</dl>
|
||
<dl>
|
||
<dt>
|
||
Date
|
||
</dt>
|
||
<dd>
|
||
En cours
|
||
</dd>
|
||
</dl>
|
||
</div>
|
||
</section>
|
||
<section id="tmn-lab" class="portfolio-group">
|
||
<h1 id="tmn-lab-état-des-lieux-du-numérique-2021">TMN Lab, État des
|
||
lieux du numérique 2021</h1>
|
||
<p>Outil pour présenter les études du TMNlab avec système de
|
||
collecte des favoris et d’impression à la demande.</p>
|
||
<figure>
|
||
<img src="images/TMNlab.png" alt="." />
|
||
<figcaption aria-hidden="true">.</figcaption>
|
||
</figure>
|
||
<div class="details">
|
||
<dl>
|
||
<dt>
|
||
URL
|
||
</dt>
|
||
<dd>
|
||
<a href="https://www.tmnlab.com/etudes/etat-des-lieux-du-numerique-2021" target="_blank">/www.tmnlab.com/etudes/etat-des-lieux-du-numerique-2021</a>
|
||
</dd>
|
||
</dl>
|
||
<dl>
|
||
<dt>
|
||
Secteur
|
||
</dt>
|
||
<dd>
|
||
Recherche
|
||
</dd>
|
||
</dl>
|
||
<dl>
|
||
<dt>
|
||
Client
|
||
</dt>
|
||
<dd>
|
||
TMNlab
|
||
</dd>
|
||
</dl>
|
||
<dl>
|
||
<dt>
|
||
Prestation(s)
|
||
</dt>
|
||
<dd>
|
||
Design et développement full-stack
|
||
</dd>
|
||
</dl>
|
||
<dl>
|
||
<dt>
|
||
Partenaire(s)
|
||
</dt>
|
||
<dd>
|
||
en collaboration avec Praticable
|
||
</dd>
|
||
</dl>
|
||
<dl>
|
||
<dt>
|
||
Date
|
||
</dt>
|
||
<dd>
|
||
2021
|
||
</dd>
|
||
</dl>
|
||
</div>
|
||
</section>
|
||
<section id="kirby">
|
||
<h2 id="kirby-le-cms-qui-sadapte-à-vous">Kirby, le CMS qui s’adapte
|
||
à vous</h2>
|
||
<p>Après avoir testé différents CMS, nous avons choisi de nous
|
||
spécialiser sur Kirby, un CMS <strong>open-source, léger et
|
||
sécurisé</strong>. Contrairement à WordPress, dont l’interface
|
||
surcharge les administrateur·ices de menus et d’options, Kirby
|
||
propose un <strong>back-office sobre et ergonomique, centré sur
|
||
l’essentiel: l’édition de contenus</strong>.<br />
|
||
Sa souplesse permet de créer rapidement des interfaces sur mesure,
|
||
adaptées aux besoins réels, sans dépendre d’une multitude de plugins
|
||
sources de conflits et de failles de sécurité. Plus confidentiel,
|
||
Kirby est aussi moins exposé aux attaques et sa <strong>codebase
|
||
allégée</strong> garantit des <strong>sites rapides, stables et
|
||
faciles à maintenir</strong>.<br />
|
||
En résumé, Kirby offre une solution élégante, durable et
|
||
parfaitement adaptée aux équipes qui veulent un outil de publication
|
||
simple et efficace.</p>
|
||
<figure>
|
||
<img src="images/kirby/compagnie-le-k-home.png"
|
||
alt="Exemple d’interface d’entrée des contenus dans Kirby" />
|
||
<figcaption aria-hidden="true">Exemple d’interface d’entrée des
|
||
contenus dans Kirby</figcaption>
|
||
</figure>
|
||
</section>
|
||
<section id="kirby-d6cor">
|
||
<h2
|
||
id="revue-d6cor-un-exemple-de-réalisation-en-web-to-print-avec-kirby">Revue
|
||
D6cor: un exemple de réalisation en web-to-print avec Kirby</h2>
|
||
<div class="description">
|
||
<p>Décor est la revue de l’École nationale supérieure des Arts
|
||
Décoratifs de Paris. Ce sixième numéro, <em>D6cor Terminal</em>, est
|
||
consacré aux pratiques numériques. Pour cette édition, un
|
||
<strong>outil de gestion éditoriale</strong> fondé sur le CMS Kirby
|
||
a été spécialement développé afin de faciliter les échanges et la
|
||
collaboration tout au long du processus de fabrication.</p>
|
||
<p>La revue repose également sur un principe de
|
||
<strong>single-source publishing</strong> : la version imprimée est
|
||
produite selon le principe du web-to-print, tandis que la version
|
||
en ligne propose des contenus multimédias complémentaires.</p>
|
||
<ul>
|
||
<li>165 × 240 mm, 292 pages</li>
|
||
<li>10 000 exemplaires, impression offset</li>
|
||
<li>Site web: en cours de développement</li>
|
||
</ul>
|
||
</div>
|
||
<figure>
|
||
<img src="images/kirby/d6cor-1-home.png" class="fig-border"
|
||
alt="Panel d’accès aux contributions de la revue" />
|
||
<figcaption aria-hidden="true">Panel d’accès aux contributions de la
|
||
revue</figcaption>
|
||
</figure>
|
||
<figure>
|
||
<img src="images/kirby/d6cor-3-constructeur-blocs-page.png"
|
||
class="fig-border"
|
||
alt="Page d’entrée des contenus pour une publication avec métadonnées et images" />
|
||
<figcaption aria-hidden="true">Page d’entrée des contenus pour une
|
||
publication avec métadonnées et images</figcaption>
|
||
</figure>
|
||
<figure>
|
||
<img src="images/kirby/d6cor-2-publication.png" class="fig-border"
|
||
alt="Blocs de constructureurs de page" />
|
||
<figcaption aria-hidden="true">Blocs de constructureurs de
|
||
page</figcaption>
|
||
</figure>
|
||
<figure>
|
||
<img src="images/kirby/d6cor-web-to-print.png" class="fig-border"
|
||
alt="Double page de la revue en aperçu dans le navigateur" />
|
||
<figcaption aria-hidden="true">Double page de la revue en aperçu
|
||
dans le navigateur</figcaption>
|
||
</figure>
|
||
<figure>
|
||
<img src="images/d6cor-book.png" alt="Revue en impression offset" />
|
||
<figcaption aria-hidden="true">Revue en impression
|
||
offset</figcaption>
|
||
</figure>
|
||
</section>
|
||
<section id="details">
|
||
<p>STUDIO VARIABLE<br />
|
||
SAS, société par actions simplifiée au capital social de 1 200,00
|
||
€<br />
|
||
N° SIRET 988 558 003 00014<br />
|
||
N° de TVA FR95988558003</p>
|
||
<p>Siège social:<br />
|
||
22 rue Boyer<br />
|
||
75020 Paris - France</p>
|
||
<p>Lieu d’activité:<br />
|
||
Césure (Bureau 339)<br />
|
||
13 rue Santeuil<br />
|
||
75005 Paris - France</p>
|
||
<p>Site web: <a
|
||
href="https://studio-variable.com/">studio-variable.com</a></p>
|
||
<p>Pour nous contacter:</p>
|
||
<ul>
|
||
<li>contact@studio-variable.com</li>
|
||
<li>julie@studio-variable.com / +33 (0)6 31 51 36 55</li>
|
||
<li>adrien@studio-variable.com / +33 (0)6 30 69 09 29</li>
|
||
</ul>
|
||
</section>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
</body>
|
||
</html> |