add TMNlab for Ceramiq
This commit is contained in:
Julie Blanc
parent
b2302d9268
commit
03cb0f3468
8 changed files with 353 additions and 287 deletions
565
index.html
565
index.html
|
|
@ -16,18 +16,18 @@
|
|||
<body>
|
||||
|
||||
<aside class="infos">
|
||||
<p>Proposition Direction 6ème!</p>
|
||||
<p>29 décembre 2025</p>
|
||||
<p>Portfolio CERAMIQ+</p>
|
||||
<p>2 février 2026</p>
|
||||
<p>contact@studio-variable.com</p>
|
||||
</aside>
|
||||
|
||||
<header>
|
||||
<h1>Studio Variable</h1>
|
||||
<h2>Design × code</h2>
|
||||
<h2>Design × code | studio-variable.com</h2>
|
||||
</header>
|
||||
|
||||
<footer>
|
||||
<p><p>Studio Variable – Proposition Direction 6ème!</p></p>
|
||||
<p><p>Studio Variable – Portfolio CERAMIQ+</p></p>
|
||||
</footer>
|
||||
|
||||
|
||||
|
|
@ -82,57 +82,6 @@
|
|||
<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, développement full-stack
|
||||
</dd>
|
||||
</dl>
|
||||
<dl>
|
||||
<dt>
|
||||
Date
|
||||
</dt>
|
||||
<dd>
|
||||
2025
|
||||
</dd>
|
||||
</dl>
|
||||
</div>
|
||||
</section>
|
||||
<section id="chromobase" class="portfolio-group">
|
||||
<h1 id="chromobase">Chromobase</h1>
|
||||
<p>Base de données du projet ERC Chromotope qui explore l’impact
|
||||
|
|
@ -193,6 +142,272 @@
|
|||
</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
|
||||
système de filtres croisés</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, développement front-end
|
||||
</dd>
|
||||
</dl>
|
||||
<dl>
|
||||
<dt>
|
||||
Date
|
||||
</dt>
|
||||
<dd>
|
||||
2025
|
||||
</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 vues 3D interactives.</p>
|
||||
<figure>
|
||||
<img src="images/design-to-pack.jpg" 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>Back-office sur-mesure dédié à 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="hhttps://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="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, développement full-stack
|
||||
</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
|
||||
|
|
@ -254,165 +469,11 @@
|
|||
</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
|
||||
système de recherche par arbre de compétences</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, développement front-end
|
||||
</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>Back-office sur-mesure dédié à 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="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 vues 3D interactives.</p>
|
||||
<figure>
|
||||
<img src="images/design-to-pack.jpg" 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="cultures-visuelles" class="portfolio-group">
|
||||
<h1 id="cultures-visuelles">Cultures visuelles</h1>
|
||||
<p>Plateforme pour le programme de recherche, intégrant une
|
||||
interface graphique en front-end pour l’édition du contenu.</p>
|
||||
<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>
|
||||
|
|
@ -468,11 +529,12 @@
|
|||
</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>
|
||||
<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/actuel-inactuel.png" alt="." />
|
||||
<img src="images/acau.png" alt="." />
|
||||
<figcaption aria-hidden="true">.</figcaption>
|
||||
</figure>
|
||||
<div class="details">
|
||||
|
|
@ -481,7 +543,7 @@
|
|||
URL
|
||||
</dt>
|
||||
<dd>
|
||||
<a href="https://actuel-inactuel.fr/" target="_blank">actuel-inactuel.fr</a>
|
||||
<a href="https://www.acau-architectes.fr/" target="_blank">acau-architectes.fr/</a>
|
||||
</dd>
|
||||
</dl>
|
||||
<dl>
|
||||
|
|
@ -489,7 +551,7 @@
|
|||
Secteur
|
||||
</dt>
|
||||
<dd>
|
||||
Recherche
|
||||
Communication
|
||||
</dd>
|
||||
</dl>
|
||||
<dl>
|
||||
|
|
@ -497,7 +559,7 @@
|
|||
Client
|
||||
</dt>
|
||||
<dd>
|
||||
Association époque
|
||||
Agence Coopérative Architectes Urbanistes
|
||||
</dd>
|
||||
</dl>
|
||||
<dl>
|
||||
|
|
@ -505,7 +567,15 @@
|
|||
Prestation(s)
|
||||
</dt>
|
||||
<dd>
|
||||
Design et développement full-stack
|
||||
Développement full-stack
|
||||
</dd>
|
||||
</dl>
|
||||
<dl>
|
||||
<dt>
|
||||
Partenaire(s)
|
||||
</dt>
|
||||
<dd>
|
||||
Plastac (design)
|
||||
</dd>
|
||||
</dl>
|
||||
<dl>
|
||||
|
|
@ -518,61 +588,6 @@
|
|||
</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, 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="decarb-one" class="portfolio-group">
|
||||
<h1 id="decarb.one">Decarb.one</h1>
|
||||
<p>Site vitrine pour l’agence de relations presse et de
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue