studio-variable/basic-portfolio_web-to-print
4
0
Fork 0
Code Issues Pull requests 1 Projects Releases Packages Wiki Activity Actions

ordre fichiers

Browse source
This commit is contained in:
Julie Blanc 2026-06-19 18:07:10 +02:00
parent 3072abff35
commit 944ef32fb1
4 changed files with 232 additions and 327 deletions
Download patch file Download diff file Expand all files Collapse all files

533
index.html
View file

@ -237,12 +237,13 @@
</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>
<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/acau.png" alt="." />
<img src="images/cultures-visuelles.png" alt="." />
<figcaption aria-hidden="true">.</figcaption>
</figure>
<div class="details">
@ -251,7 +252,7 @@
URL
</dt>
<dd>
<a href="https://www.acau-architectes.fr/" target="_blank">acau-architectes.fr</a>
<a href="https://www.culturesvisuelles.org/" target="_blank">culturesvisuelles.org</a>
</dd>
</dl>
<dl>
@ -259,7 +260,7 @@
Secteur
</dt>
<dd>
Communication
Recherche
</dd>
</dl>
<dl>
@ -267,7 +268,7 @@
Client
</dt>
<dd>
Agence Coopérative Architectes Urbanistes
Université de Strasbourg
</dd>
</dl>
<dl>
@ -275,7 +276,7 @@
Prestation(s)
</dt>
<dd>
Développement full-stack
Design et développement full-stack
</dd>
</dl>
<dl>
@ -283,7 +284,7 @@
Partenaire(s)
</dt>
<dd>
Plastac (design)
en collaboration avec Timothée Goguely
</dd>
</dl>
<dl>
@ -291,126 +292,7 @@
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="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
2020
</dd>
</dl>
</div>
@ -647,13 +529,14 @@
</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>
<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/cultures-visuelles.png" alt="." />
<img src="images/d6cor-book.png" alt="." />
<figcaption aria-hidden="true">.</figcaption>
</figure>
<div class="details">
@ -662,7 +545,7 @@
URL
</dt>
<dd>
<a href="https://www.culturesvisuelles.org/" target="_blank">culturesvisuelles.org</a>
[en cours de développement]
</dd>
</dl>
<dl>
@ -670,7 +553,7 @@
Secteur
</dt>
<dd>
Recherche
Édition
</dd>
</dl>
<dl>
@ -678,7 +561,7 @@
Client
</dt>
<dd>
Université de Strasbourg
École nationale Supérieure des Arts Décoratifs, Paris
</dd>
</dl>
<dl>
@ -686,7 +569,7 @@
Prestation(s)
</dt>
<dd>
Design et développement full-stack
Direction artistique, développement full-stack et web-to-print
</dd>
</dl>
<dl>
@ -694,7 +577,7 @@
Partenaire(s)
</dt>
<dd>
en collaboration avec Timothée Goguely
Sarah Garcin
</dd>
</dl>
<dl>
@ -702,7 +585,7 @@
Date
</dt>
<dd>
2020
2026
</dd>
</dl>
</div>
@ -757,11 +640,12 @@
</dl>
</div>
</section>
<section id="flaash" class="portfolio-group">
<h1 id="flaash">Flaash</h1>
<p>Site de la revue d’anticipation Flaash.</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/flaash-thematiques.png" alt="." />
<img src="images/acau.png" alt="." />
<figcaption aria-hidden="true">.</figcaption>
</figure>
<div class="details">
@ -770,7 +654,7 @@
URL
</dt>
<dd>
<a href="https://www.flaash.fr" target="_blank">flaash.fr</a>
<a href="https://www.acau-architectes.fr/" target="_blank">acau-architectes.fr</a>
</dd>
</dl>
<dl>
@ -778,7 +662,7 @@
Secteur
</dt>
<dd>
Culture
Communication
</dd>
</dl>
<dl>
@ -786,7 +670,7 @@
Client
</dt>
<dd>
Revue Flaash
Agence Coopérative Architectes Urbanistes
</dd>
</dl>
<dl>
@ -802,7 +686,67 @@
Partenaire(s)
</dt>
<dd>
Studio Plastac (design)
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>
@ -924,6 +868,123 @@
</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
@ -983,110 +1044,6 @@
</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>
@ -1147,67 +1104,6 @@
</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="kirby">
<h2 id="kirby-le-cms-qui-sadapte-à-vous">Kirby, le CMS qui s’adapte
à vous</h2>
@ -1300,7 +1196,12 @@
75005 Paris - France</p>
<p>Site web: <a
href="https://studio-variable.com/">studio-variable.com</a></p>
<p>Pour nous contacter: contact@studio-variable.com</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>

6
src/details.md
View file

@ -14,5 +14,9 @@ Césure (Bureau 339) \
Site web: [studio-variable.com](https://studio-variable.com/)
Pour nous contacter: contact@studio-variable.com
Pour nous contacter:
- contact@studio-variable.com
- julie@studio-variable.com / +33 (0)6 31 51 36 55
- adrien@studio-variable.com / +33 (0)6 30 69 09 29

4
src/equipe.md
View file

@ -6,9 +6,9 @@
# Julie Blanc
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.
<!-- 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. -->
<!-- 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&nbsp;interventions pédagogiques dans les écoles d'art et de design. -->
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&nbsp;interventions pédagogiques dans les écoles d'art et de design.
</div>

16
src/files.yaml
View file

@ -8,23 +8,23 @@ input-files:
- src/approche-studio.md
- src/portfolio-introduction.md
- src/portfolio-1img/wysiwyg.md
- src/portfolio-1img/acau.md
- src/portfolio-1img/esaj.md
- src/portfolio-1img/ntbesancon.md
- src/portfolio-1img/cultures-visuelles.md
- src/portfolio-1img/timelure.md
- src/portfolio-1img/chromobase.md
- src/portfolio-1img/resin.md
- src/portfolio-1img/medialab.md
- src/portfolio-1img/cultures-visuelles.md
- src/portfolio-1img/d6cor.md
- src/portfolio-1img/actuel-inactuel.md
- src/portfolio-1img/flaash.md
- src/portfolio-1img/acau.md
- src/portfolio-1img/esaj.md
- src/portfolio-1img/botascopia.md
- src/portfolio-1img/heroines.md
- src/portfolio-1img/ntbesancon.md
- src/portfolio-1img/flaash.md
- src/portfolio-1img/decarb-one.md
- src/portfolio-1img/design-to-pack.md
- src/portfolio-1img/gms.md
#- src/portfolio-1img/design-to-pack.md
#- src/portfolio-1img/gms.md
- src/portfolio-1img/tmn-lab.md
- src/portfolio-1img/d6cor.md
- src/kirby.md
- src/kirby-d6cor.md
- src/details.md