Compare commits
3 commits
| Author | SHA1 | Date | |
|---|---|---|---|
|
9ebfaac5f6 | ||
|
|
0b8ee392c5 | ||
|
|
3dd9a54e2d |
11 changed files with 428 additions and 529 deletions
|
|
@ -63,7 +63,7 @@ header{
|
||||||
}
|
}
|
||||||
header h1{
|
header h1{
|
||||||
font-size: 6em;
|
font-size: 6em;
|
||||||
line-height: 1.1em;
|
line-height: 1em;
|
||||||
}
|
}
|
||||||
|
|
||||||
header h2{
|
header h2{
|
||||||
|
|
@ -255,8 +255,8 @@ footer{
|
||||||
#equipe .people{
|
#equipe .people{
|
||||||
min-height: 160px;
|
min-height: 160px;
|
||||||
break-inside: avoid;
|
break-inside: avoid;
|
||||||
margin-top: 2em;
|
margin-top: 6em;
|
||||||
margin-bottom: 2em;
|
margin-bottom: 6em;
|
||||||
padding-left: 220px;
|
padding-left: 220px;
|
||||||
position: relative;
|
position: relative;
|
||||||
margin-left: 5em;
|
margin-left: 5em;
|
||||||
|
|
|
||||||
766
index.html
766
index.html
|
|
@ -3,7 +3,7 @@
|
||||||
<head>
|
<head>
|
||||||
<meta charset="UTF-8">
|
<meta charset="UTF-8">
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
<title>Timothée Goguely <br>× Studio Variable</title>
|
<title>Studio Variable</title>
|
||||||
<script src="/assets/paged.polyfill.js"></script>
|
<script src="/assets/paged.polyfill.js"></script>
|
||||||
|
|
||||||
|
|
||||||
|
|
@ -16,55 +16,52 @@
|
||||||
<body>
|
<body>
|
||||||
|
|
||||||
<aside class="infos">
|
<aside class="infos">
|
||||||
<p>EBABX</p>
|
<p>Portfolio CEAAC</p>
|
||||||
<p>6 avril 2026</p>
|
<p>12 février 2026</p>
|
||||||
<p>contact@studio-variable.com</p>
|
<p>contact@studio-variable.com</p>
|
||||||
</aside>
|
</aside>
|
||||||
|
|
||||||
<header>
|
<header>
|
||||||
<h1>Timothée Goguely <br>× Studio Variable</h1>
|
<h1>Studio Variable</h1>
|
||||||
<h2>Design & code</h2>
|
<h2>Design × code | studio-variable.com</h2>
|
||||||
</header>
|
</header>
|
||||||
|
|
||||||
<footer>
|
<footer>
|
||||||
<p><p>Timothée Goguely × Studio Variable – Portfolio
|
<p><p>Studio Variable – Portfolio CEAAC</p></p>
|
||||||
EBABX</p></p>
|
|
||||||
</footer>
|
</footer>
|
||||||
|
|
||||||
|
|
||||||
<section id="studio-variable">
|
<section id="studio-variable">
|
||||||
<p>Timothée Goguely, designer et développeur web spécialisé en
|
<p>Créé en juin 2025 et basé à Paris, Studio Variable conjugue
|
||||||
éco-conception et accessibilité numérique, s’associe à Studio
|
<strong>design graphique, design d’interface et développement web
|
||||||
Variable pour cette candidature. Fondé par Julie Blanc et Adrien
|
full-stack</strong>. Œuvrant principalement avec le secteur de la
|
||||||
Payet, le studio conjugue <strong>design graphique, design
|
recherche, de l’écologie et de la culture, il collabore aussi bien
|
||||||
d’interface et développement web full-stack</strong> — une équipe
|
avec de grands comptes qu’avec des indépendants.</p>
|
||||||
avec laquelle il a l’habitude de travailler.</p>
|
<p>Fondé par <strong>Julie Blanc</strong> (designer-développeuse et
|
||||||
<p>Nous œuvrons ensemble dans le secteur de la recherche, de
|
chercheuse en ergonomie) et <strong>Adrien Payet</strong>
|
||||||
l’écologie et de la culture, aussi bien avec de grands comptes
|
(designer-développeur issu de la philosophie), Studio Variable
|
||||||
qu’avec des indépendants. Notre approche formelle et technique
|
développe une approche formelle et technique qui concilie
|
||||||
concilie <strong>ergonomie, sobriété, accessibilité et respect de la
|
<strong>ergonomie, sobriété, accessibilité et respect de la vie
|
||||||
vie privée</strong>. Les projets ouverts et engagés sont au cœur de
|
privée</strong>.</p>
|
||||||
notre démarche, avec une forte culture du logiciel libre et de
|
<!-- Nous sommes spécialisés dans la publication à source unique en **web-to-print**. -->
|
||||||
l’open source.</p>
|
<p>Nous privilégions les projets ouverts et engagés, avec une forte
|
||||||
|
culture du ogiciel libre et de l’open source.</p>
|
||||||
</section>
|
</section>
|
||||||
<section id="equipe">
|
<section id="equipe">
|
||||||
<h2 id="équipe">Équipe</h2>
|
<h2 id="équipe">Équipe</h2>
|
||||||
<div class="people">
|
<div class="people">
|
||||||
<figure>
|
<figure>
|
||||||
<img src="images/Timothee_small.jpg" alt="." />
|
<img src="images/studio-variable_Julie_small.png" alt="." />
|
||||||
<figcaption aria-hidden="true">.</figcaption>
|
<figcaption aria-hidden="true">.</figcaption>
|
||||||
</figure>
|
</figure>
|
||||||
<h1 id="timothée-goguely">Timothée Goguely</h1>
|
<h1 id="julie-blanc">Julie Blanc</h1>
|
||||||
<p>Designer et développeur web, spécialisé en éco-conception et
|
<p>Docteur en ergonomie et spécialiste de CSS, Julie Blanc assurera
|
||||||
accessibilité numérique, Timothée assurera le
|
le <strong>design</strong> et le <strong>développement
|
||||||
<strong>design</strong> et le <strong>développement
|
front-end</strong> du projet.</p>
|
||||||
front-end</strong> du projet. Il sera votre interlocuteur
|
<p>Julie est designer, développeuse et chercheuse. Elle a co-fondé
|
||||||
principal.</p>
|
le studio Variable. Elle est chercheuse associée à la HEAD (Genève).
|
||||||
<p>Timothée est co-responsable du Master Design Environnements
|
Sa thèse, soutenue en 2023, porte sur l’utilisation des technologies
|
||||||
numériques de l’Univsersité de Strasbourg. Il collabore
|
du web par les designers graphiques.</p>
|
||||||
essentiellement avec des associations, studios et coopératives dans
|
|
||||||
le domaine du design, de l’architecture, de la culture, du numérique
|
|
||||||
et de la recherche.</p>
|
|
||||||
</div>
|
</div>
|
||||||
<div class="people">
|
<div class="people">
|
||||||
<figure>
|
<figure>
|
||||||
|
|
@ -80,20 +77,6 @@ EBABX</p></p>
|
||||||
le code. Il a co-fondé le studio Variable. Il enseigne à l’ENSCi et
|
le code. Il a co-fondé le studio Variable. Il enseigne à l’ENSCi et
|
||||||
à Paris 1.</p>
|
à Paris 1.</p>
|
||||||
</div>
|
</div>
|
||||||
<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>
|
|
||||||
<p>Docteur en ergonomie et spécialiste de CSS, Julie Blanc sera en
|
|
||||||
soutien pour le <strong>design</strong> et le <strong>développement
|
|
||||||
front-end</strong> du projet.</p>
|
|
||||||
<p>Julie est designer, développeuse et chercheuse. Elle a co-fondé
|
|
||||||
le studio Variable. Elle est chercheuse associée à la HEAD (Genève).
|
|
||||||
Sa thèse, soutenue en 2023, porte sur l’utilisation des technologies
|
|
||||||
du web par les designers graphiques.</p>
|
|
||||||
</div>
|
|
||||||
</section>
|
</section>
|
||||||
<section id="portfolio-introduction" class="portfolio-group">
|
<section id="portfolio-introduction" class="portfolio-group">
|
||||||
<h2 id="sélection-de-projets">Sélection de projets</h2>
|
<h2 id="sélection-de-projets">Sélection de projets</h2>
|
||||||
|
|
@ -149,6 +132,65 @@ EBABX</p></p>
|
||||||
</dl>
|
</dl>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</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">
|
<section id="esaj" class="portfolio-group">
|
||||||
<h1 id="esaj">ESAJ</h1>
|
<h1 id="esaj">ESAJ</h1>
|
||||||
<p>Site vitrine pour l’École supérieure d’Architecture des Jardins,
|
<p>Site vitrine pour l’École supérieure d’Architecture des Jardins,
|
||||||
|
|
@ -209,13 +251,12 @@ EBABX</p></p>
|
||||||
</dl>
|
</dl>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
<section id="cultures-visuelles" class="portfolio-group">
|
<section id="ntbesancon" class="portfolio-group">
|
||||||
<h1 id="cultures-visuelles">Cultures visuelles</h1>
|
<h1 id="nouveau-théâtre-de-besançon">Nouveau théâtre de
|
||||||
<p>Plateforme collaborative pour le programme de recherche,
|
Besançon</h1>
|
||||||
intégrant une interface graphique en front-end pour l’édition du
|
<p>Site web, avec calendrier et billetterie intégrée.</p>
|
||||||
contenu.</p>
|
|
||||||
<figure>
|
<figure>
|
||||||
<img src="images/cultures-visuelles.png" alt="." />
|
<img src="images/ntbesancon.png" alt="." />
|
||||||
<figcaption aria-hidden="true">.</figcaption>
|
<figcaption aria-hidden="true">.</figcaption>
|
||||||
</figure>
|
</figure>
|
||||||
<div class="details">
|
<div class="details">
|
||||||
|
|
@ -224,68 +265,7 @@ EBABX</p></p>
|
||||||
URL
|
URL
|
||||||
</dt>
|
</dt>
|
||||||
<dd>
|
<dd>
|
||||||
<a href="https://www.culturesvisuelles.org/" target="_blank">culturesvisuelles.org</a>
|
<a href="https://ntbesancon.fr/" target="_blank">ntbesancon.fr</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="vernacular" class="portfolio-group">
|
|
||||||
<h1 id="jules-vernacular">Jules Vernacular</h1>
|
|
||||||
<p>Archives de la collection personnelle de Jack Usine de
|
|
||||||
photographies du patrimoine typographique artisanal français depuis
|
|
||||||
le milieu des années 2000. Comprend un système de <strong>filtres
|
|
||||||
avancé, recherche et tri des contenus</strong>.</p>
|
|
||||||
<figure>
|
|
||||||
<img src="images/vernacular.png" alt="." />
|
|
||||||
<figcaption aria-hidden="true">.</figcaption>
|
|
||||||
</figure>
|
|
||||||
<div class="details">
|
|
||||||
<dl>
|
|
||||||
<dt>
|
|
||||||
URL
|
|
||||||
</dt>
|
|
||||||
<dd>
|
|
||||||
<a href="https://vernacular.fr/" target="_blank">vernacular.fr</a>
|
|
||||||
</dd>
|
</dd>
|
||||||
</dl>
|
</dl>
|
||||||
<dl>
|
<dl>
|
||||||
|
|
@ -301,227 +281,7 @@ EBABX</p></p>
|
||||||
Client
|
Client
|
||||||
</dt>
|
</dt>
|
||||||
<dd>
|
<dd>
|
||||||
Jack Usine
|
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>
|
|
||||||
en collaboration avec Grégory Cadars
|
|
||||||
</dd>
|
|
||||||
</dl>
|
|
||||||
<dl>
|
|
||||||
<dt>
|
|
||||||
Date
|
|
||||||
</dt>
|
|
||||||
<dd>
|
|
||||||
2026
|
|
||||||
</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="encoreheureux" class="portfolio-group">
|
|
||||||
<h1 id="encore-heureux">Encore Heureux</h1>
|
|
||||||
<p>Site vitrine d’une agence d’architecture. Comprend un système de
|
|
||||||
<strong>filtres, trie et vues multiples</strong> des projets, ainsi
|
|
||||||
qu’une <strong>structure de données</strong> permettant la
|
|
||||||
<strong>transformation d’une actualité en projet</strong>.</p>
|
|
||||||
<figure>
|
|
||||||
<img src="images/encoreheureux.png" alt="." />
|
|
||||||
<figcaption aria-hidden="true">.</figcaption>
|
|
||||||
</figure>
|
|
||||||
<div class="details">
|
|
||||||
<dl>
|
|
||||||
<dt>
|
|
||||||
URL
|
|
||||||
</dt>
|
|
||||||
<dd>
|
|
||||||
<a href="https://encoreheureux.org/" target="_blank">encoreheureux.org</a>
|
|
||||||
</dd>
|
|
||||||
</dl>
|
|
||||||
<dl>
|
|
||||||
<dt>
|
|
||||||
Secteur
|
|
||||||
</dt>
|
|
||||||
<dd>
|
|
||||||
Architecture
|
|
||||||
</dd>
|
|
||||||
</dl>
|
|
||||||
<dl>
|
|
||||||
<dt>
|
|
||||||
Client
|
|
||||||
</dt>
|
|
||||||
<dd>
|
|
||||||
Encore Heureux
|
|
||||||
</dd>
|
|
||||||
</dl>
|
|
||||||
<dl>
|
|
||||||
<dt>
|
|
||||||
Prestation(s)
|
|
||||||
</dt>
|
|
||||||
<dd>
|
|
||||||
Design, développement full-stack
|
|
||||||
</dd>
|
|
||||||
</dl>
|
|
||||||
<dl>
|
|
||||||
<dt>
|
|
||||||
Date
|
|
||||||
</dt>
|
|
||||||
<dd>
|
|
||||||
2024
|
|
||||||
</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="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>
|
</dd>
|
||||||
</dl>
|
</dl>
|
||||||
<dl>
|
<dl>
|
||||||
|
|
@ -782,12 +542,13 @@ EBABX</p></p>
|
||||||
</dl>
|
</dl>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
<section id="rediriger" class="portfolio-group">
|
<section id="cultures-visuelles" class="portfolio-group">
|
||||||
<h1 id="noranim">Noranim</h1>
|
<h1 id="cultures-visuelles">Cultures visuelles</h1>
|
||||||
<p>Site web <strong>éco-conçu</strong> rassemblant le lexique et les
|
<p>Plateforme collaborative pour le programme de recherche,
|
||||||
outils de la Redirection Écologique.</p>
|
intégrant une interface graphique en front-end pour l’édition du
|
||||||
|
contenu.</p>
|
||||||
<figure>
|
<figure>
|
||||||
<img src="images/rediriger.png" alt="." />
|
<img src="images/cultures-visuelles.png" alt="." />
|
||||||
<figcaption aria-hidden="true">.</figcaption>
|
<figcaption aria-hidden="true">.</figcaption>
|
||||||
</figure>
|
</figure>
|
||||||
<div class="details">
|
<div class="details">
|
||||||
|
|
@ -796,7 +557,7 @@ EBABX</p></p>
|
||||||
URL
|
URL
|
||||||
</dt>
|
</dt>
|
||||||
<dd>
|
<dd>
|
||||||
<a href="https://rediriger.fr/" target="_blank">rediriger.fr</a>
|
<a href="https://www.culturesvisuelles.org/" target="_blank">culturesvisuelles.org</a>
|
||||||
</dd>
|
</dd>
|
||||||
</dl>
|
</dl>
|
||||||
<dl>
|
<dl>
|
||||||
|
|
@ -812,7 +573,7 @@ EBABX</p></p>
|
||||||
Client
|
Client
|
||||||
</dt>
|
</dt>
|
||||||
<dd>
|
<dd>
|
||||||
Institut d’Études Avancées de Nantes, Origens Medialab
|
Université de Strasbourg
|
||||||
</dd>
|
</dd>
|
||||||
</dl>
|
</dl>
|
||||||
<dl>
|
<dl>
|
||||||
|
|
@ -820,7 +581,7 @@ EBABX</p></p>
|
||||||
Prestation(s)
|
Prestation(s)
|
||||||
</dt>
|
</dt>
|
||||||
<dd>
|
<dd>
|
||||||
Design, développement full-stack
|
Design et développement full-stack
|
||||||
</dd>
|
</dd>
|
||||||
</dl>
|
</dl>
|
||||||
<dl>
|
<dl>
|
||||||
|
|
@ -828,7 +589,7 @@ EBABX</p></p>
|
||||||
Partenaire(s)
|
Partenaire(s)
|
||||||
</dt>
|
</dt>
|
||||||
<dd>
|
<dd>
|
||||||
en collaboration avec Élisa Denève et Anton Moglia
|
en collaboration avec Timothée Goguely
|
||||||
</dd>
|
</dd>
|
||||||
</dl>
|
</dl>
|
||||||
<dl>
|
<dl>
|
||||||
|
|
@ -836,7 +597,220 @@ EBABX</p></p>
|
||||||
Date
|
Date
|
||||||
</dt>
|
</dt>
|
||||||
<dd>
|
<dd>
|
||||||
2025
|
2020
|
||||||
|
</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="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="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="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>
|
</dd>
|
||||||
</dl>
|
</dl>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -900,14 +874,13 @@ EBABX</p></p>
|
||||||
</dl>
|
</dl>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
<section id="noranim" class="portfolio-group">
|
<section id="design-to-pack" class="portfolio-group">
|
||||||
<h1 id="noranim">Noranim</h1>
|
<h1 id="design-to-pack">Design to Pack</h1>
|
||||||
<p>Site vitrine pour une association professionnelle de la filière
|
<p>Plateforme complète de gestion de projets de création de flacons
|
||||||
cinéma d’animation en région Hauts de France. Comprend des pages
|
de parfum. L’interface permet de collaborer du brief aux produits
|
||||||
<strong>évènements et membres filtrables par
|
finis, en passant par les <strong>vues 3D interactives</strong>.</p>
|
||||||
catégories</strong>.</p>
|
|
||||||
<figure>
|
<figure>
|
||||||
<img src="images/noranim.png" alt="." />
|
<img src="images/design-to-pack.png" alt="." />
|
||||||
<figcaption aria-hidden="true">.</figcaption>
|
<figcaption aria-hidden="true">.</figcaption>
|
||||||
</figure>
|
</figure>
|
||||||
<div class="details">
|
<div class="details">
|
||||||
|
|
@ -916,7 +889,7 @@ EBABX</p></p>
|
||||||
URL
|
URL
|
||||||
</dt>
|
</dt>
|
||||||
<dd>
|
<dd>
|
||||||
<a href="https://noranim.fr/" target="_blank">noranim.fr</a>
|
Plateforme privée
|
||||||
</dd>
|
</dd>
|
||||||
</dl>
|
</dl>
|
||||||
<dl>
|
<dl>
|
||||||
|
|
@ -924,7 +897,7 @@ EBABX</p></p>
|
||||||
Secteur
|
Secteur
|
||||||
</dt>
|
</dt>
|
||||||
<dd>
|
<dd>
|
||||||
Culture
|
Luxe
|
||||||
</dd>
|
</dd>
|
||||||
</dl>
|
</dl>
|
||||||
<dl>
|
<dl>
|
||||||
|
|
@ -932,7 +905,7 @@ EBABX</p></p>
|
||||||
Client
|
Client
|
||||||
</dt>
|
</dt>
|
||||||
<dd>
|
<dd>
|
||||||
Noranim
|
Groupe Pochet
|
||||||
</dd>
|
</dd>
|
||||||
</dl>
|
</dl>
|
||||||
<dl>
|
<dl>
|
||||||
|
|
@ -940,7 +913,8 @@ EBABX</p></p>
|
||||||
Prestation(s)
|
Prestation(s)
|
||||||
</dt>
|
</dt>
|
||||||
<dd>
|
<dd>
|
||||||
Développement full-stack
|
Développement du back-end, de la logique applicative et des
|
||||||
|
interactions.
|
||||||
</dd>
|
</dd>
|
||||||
</dl>
|
</dl>
|
||||||
<dl>
|
<dl>
|
||||||
|
|
@ -953,12 +927,12 @@ EBABX</p></p>
|
||||||
</dl>
|
</dl>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
<section id="ramel-luzoir" class="portfolio-group">
|
<section id="gms" class="portfolio-group">
|
||||||
<h1 id="ramelluzoir">ramel·luzoir</h1>
|
<h1 id="game-management-system">Game Management System</h1>
|
||||||
<p>Portoflio de l’atelier de design graphique strasbourgeois
|
<p>Plateforme sur-mesure dédiée à la conception et à la
|
||||||
ramel·luzoir.</p>
|
planification de parties de divers jeux en ligne.</p>
|
||||||
<figure>
|
<figure>
|
||||||
<img src="images/ramel-luzoir.png" alt="." />
|
<img src="images/gms.png" alt="." />
|
||||||
<figcaption aria-hidden="true">.</figcaption>
|
<figcaption aria-hidden="true">.</figcaption>
|
||||||
</figure>
|
</figure>
|
||||||
<div class="details">
|
<div class="details">
|
||||||
|
|
@ -967,7 +941,7 @@ EBABX</p></p>
|
||||||
URL
|
URL
|
||||||
</dt>
|
</dt>
|
||||||
<dd>
|
<dd>
|
||||||
<a href="https://ramel-luzoir.com/" target="_blank">ramel-luzoir.com</a>
|
Plateforme privée
|
||||||
</dd>
|
</dd>
|
||||||
</dl>
|
</dl>
|
||||||
<dl>
|
<dl>
|
||||||
|
|
@ -975,7 +949,7 @@ EBABX</p></p>
|
||||||
Secteur
|
Secteur
|
||||||
</dt>
|
</dt>
|
||||||
<dd>
|
<dd>
|
||||||
Design
|
Divertissement
|
||||||
</dd>
|
</dd>
|
||||||
</dl>
|
</dl>
|
||||||
<dl>
|
<dl>
|
||||||
|
|
@ -983,7 +957,7 @@ EBABX</p></p>
|
||||||
Client
|
Client
|
||||||
</dt>
|
</dt>
|
||||||
<dd>
|
<dd>
|
||||||
ramel·luzoir
|
<a href="https://www.world.game/">World Game</a>
|
||||||
</dd>
|
</dd>
|
||||||
</dl>
|
</dl>
|
||||||
<dl>
|
<dl>
|
||||||
|
|
@ -991,7 +965,7 @@ EBABX</p></p>
|
||||||
Prestation(s)
|
Prestation(s)
|
||||||
</dt>
|
</dt>
|
||||||
<dd>
|
<dd>
|
||||||
Développement full-stack
|
Design et développement full-stack
|
||||||
</dd>
|
</dd>
|
||||||
</dl>
|
</dl>
|
||||||
<dl>
|
<dl>
|
||||||
|
|
@ -999,7 +973,67 @@ EBABX</p></p>
|
||||||
Date
|
Date
|
||||||
</dt>
|
</dt>
|
||||||
<dd>
|
<dd>
|
||||||
2023
|
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>
|
</dd>
|
||||||
</dl>
|
</dl>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
|
|
@ -1,4 +1,4 @@
|
||||||
## Notre approche
|
## Notre studio et son approche
|
||||||
|
|
||||||
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 un travail mené directement dans le code, 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é.
|
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 un travail mené directement dans le code, 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é.
|
||||||
Notre façon de travailler repose sur des **allers-retours réguliers** 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.
|
Notre façon de travailler repose sur des **allers-retours réguliers** 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.
|
||||||
|
|
|
||||||
|
|
@ -1,18 +1,14 @@
|
||||||
## Équipe
|
## Équipe
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<div class="people">
|
<div class="people">
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
# Timothée Goguely
|
# Julie Blanc
|
||||||
|
|
||||||
Designer et développeur web, spécialisé en éco-conception et accessibilité numérique, Timothée assurera le **design** et le **développement front-end** du projet. Il sera votre interlocuteur principal.
|
Docteur en ergonomie et spécialiste de CSS, Julie Blanc assurera le **design** et le **développement front-end** du projet.
|
||||||
|
|
||||||
Timothée est co-responsable du Master Design Environnements numériques de l’Univsersité de Strasbourg. Il collabore essentiellement avec des associations, studios et coopératives dans le domaine du design, de l’architecture, de la culture, du numérique et de la recherche.
|
Julie est designer, développeuse et chercheuse. Elle a co-fondé le studio Variable. Elle est chercheuse associée à la HEAD (Genève). Sa thèse, soutenue en 2023, porte sur l’utilisation des technologies du web par les designers graphiques.
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
@ -28,16 +24,5 @@ Adrien étudie, enseigne et pratique la philosophie, le design et le code. Il&nb
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="people">
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
# Julie Blanc
|
|
||||||
|
|
||||||
Docteur en ergonomie et spécialiste de CSS, Julie Blanc sera en soutien pour le **design** et le **développement front-end** du projet.
|
|
||||||
|
|
||||||
Julie est designer, développeuse et chercheuse. Elle a co-fondé le studio Variable. Elle est chercheuse associée à la HEAD (Genève). Sa thèse, soutenue en 2023, porte sur l’utilisation des technologies du web par les designers graphiques.
|
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -7,19 +7,20 @@ input-files:
|
||||||
- src/equipe.md
|
- src/equipe.md
|
||||||
- src/portfolio-introduction.md
|
- src/portfolio-introduction.md
|
||||||
- src/portfolio-1img/wysiwyg.md
|
- src/portfolio-1img/wysiwyg.md
|
||||||
- src/portfolio-1img/esaj.md
|
|
||||||
- src/portfolio-1img/cultures-visuelles.md
|
|
||||||
- src/portfolio-1img/vernacular.md
|
|
||||||
- src/portfolio-1img/acau.md
|
- src/portfolio-1img/acau.md
|
||||||
- src/portfolio-1img/encoreheureux.md
|
- src/portfolio-1img/esaj.md
|
||||||
- src/portfolio-1img/actuel-inactuel.md
|
- src/portfolio-1img/ntbesancon.md
|
||||||
- src/portfolio-1img/flaash.md
|
|
||||||
- src/portfolio-1img/timelure.md
|
- src/portfolio-1img/timelure.md
|
||||||
- src/portfolio-1img/chromobase.md
|
- src/portfolio-1img/chromobase.md
|
||||||
- src/portfolio-1img/resin.md
|
- src/portfolio-1img/resin.md
|
||||||
- src/portfolio-1img/medialab.md
|
- src/portfolio-1img/medialab.md
|
||||||
- src/portfolio-1img/rediriger.md
|
- src/portfolio-1img/cultures-visuelles.md
|
||||||
|
- src/portfolio-1img/actuel-inactuel.md
|
||||||
|
- src/portfolio-1img/flaash.md
|
||||||
|
- src/portfolio-1img/actuel-inactuel.md
|
||||||
|
- src/portfolio-1img/heroines.md
|
||||||
- src/portfolio-1img/decarb-one.md
|
- src/portfolio-1img/decarb-one.md
|
||||||
- src/portfolio-1img/noranim.md
|
- src/portfolio-1img/design-to-pack.md
|
||||||
- src/portfolio-1img/ramel-luzoir.md
|
- src/portfolio-1img/gms.md
|
||||||
|
- src/portfolio-1img/tmn-lab.md
|
||||||
- src/details.md
|
- src/details.md
|
||||||
|
|
|
||||||
|
|
@ -1,8 +1,8 @@
|
||||||
---
|
---
|
||||||
title: "Timothée Goguely <br>× Studio Variable"
|
title: "Studio Variable"
|
||||||
baseline: "Design & code"
|
baseline: "Design × code | studio-variable.com"
|
||||||
client: "EBABX"
|
client: "Portfolio CEAAC"
|
||||||
date: "6 avril 2026"
|
date: "12 février 2026"
|
||||||
contact: "contact@studio-variable.com"
|
contact: "contact@studio-variable.com"
|
||||||
footer: "Timothée Goguely × Studio Variable – Portfolio EBABX"
|
footer: "Studio Variable – Portfolio CEAAC"
|
||||||
---
|
---
|
||||||
|
|
@ -1,29 +0,0 @@
|
||||||
# Encore Heureux
|
|
||||||
|
|
||||||
Site vitrine d’une agence d’architecture. Comprend un système de **filtres, trie et vues multiples** des projets, ainsi qu’une **structure de données** permettant la **transformation d’une actualité en projet**.
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<div class="details">
|
|
||||||
<dl>
|
|
||||||
<dt>URL</dt>
|
|
||||||
<dd><a href="https://encoreheureux.org/" target="_blank">encoreheureux.org</a>
|
|
||||||
</dd>
|
|
||||||
</dl>
|
|
||||||
<dl>
|
|
||||||
<dt>Secteur</dt>
|
|
||||||
<dd>Architecture</dd>
|
|
||||||
</dl>
|
|
||||||
<dl>
|
|
||||||
<dt>Client</dt>
|
|
||||||
<dd>Encore Heureux</dd>
|
|
||||||
</dl>
|
|
||||||
<dl>
|
|
||||||
<dt>Prestation(s)</dt>
|
|
||||||
<dd>Design, développement full-stack</dd>
|
|
||||||
</dl>
|
|
||||||
<dl>
|
|
||||||
<dt>Date</dt>
|
|
||||||
<dd>2024</dd>
|
|
||||||
</dl>
|
|
||||||
</div>
|
|
||||||
|
|
@ -1,29 +0,0 @@
|
||||||
# ramel·luzoir
|
|
||||||
|
|
||||||
Portoflio de l’atelier de design graphique strasbourgeois ramel·luzoir.
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<div class="details">
|
|
||||||
<dl>
|
|
||||||
<dt>URL</dt>
|
|
||||||
<dd><a href="https://ramel-luzoir.com/" target="_blank">ramel-luzoir.com</a>
|
|
||||||
</dd>
|
|
||||||
</dl>
|
|
||||||
<dl>
|
|
||||||
<dt>Secteur</dt>
|
|
||||||
<dd>Design</dd>
|
|
||||||
</dl>
|
|
||||||
<dl>
|
|
||||||
<dt>Client</dt>
|
|
||||||
<dd>ramel·luzoir</dd>
|
|
||||||
</dl>
|
|
||||||
<dl>
|
|
||||||
<dt>Prestation(s)</dt>
|
|
||||||
<dd>Développement full-stack</dd>
|
|
||||||
</dl>
|
|
||||||
<dl>
|
|
||||||
<dt>Date</dt>
|
|
||||||
<dd>2023</dd>
|
|
||||||
</dl>
|
|
||||||
</div>
|
|
||||||
|
|
@ -1,33 +0,0 @@
|
||||||
# Noranim
|
|
||||||
|
|
||||||
Site web **éco-conçu** rassemblant le lexique et les outils de la Redirection Écologique.
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<div class="details">
|
|
||||||
<dl>
|
|
||||||
<dt>URL</dt>
|
|
||||||
<dd><a href="https://rediriger.fr/" target="_blank">rediriger.fr</a>
|
|
||||||
</dd>
|
|
||||||
</dl>
|
|
||||||
<dl>
|
|
||||||
<dt>Secteur</dt>
|
|
||||||
<dd>Recherche</dd>
|
|
||||||
</dl>
|
|
||||||
<dl>
|
|
||||||
<dt>Client</dt>
|
|
||||||
<dd>Institut d’Études Avancées de Nantes, Origens Medialab</dd>
|
|
||||||
</dl>
|
|
||||||
<dl>
|
|
||||||
<dt>Prestation(s)</dt>
|
|
||||||
<dd>Design, développement full-stack</dd>
|
|
||||||
</dl>
|
|
||||||
<dl>
|
|
||||||
<dt>Partenaire(s)</dt>
|
|
||||||
<dd>en collaboration avec Élisa Denève et Anton Moglia</dd>
|
|
||||||
</dl>
|
|
||||||
<dl>
|
|
||||||
<dt>Date</dt>
|
|
||||||
<dd>2025</dd>
|
|
||||||
</dl>
|
|
||||||
</div>
|
|
||||||
|
|
@ -1,33 +0,0 @@
|
||||||
# Jules Vernacular
|
|
||||||
|
|
||||||
Archives de la collection personnelle de Jack Usine de photographies du patrimoine typographique artisanal français depuis le milieu des années 2000. Comprend un système de **filtres avancé, recherche et tri des contenus**.
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<div class="details">
|
|
||||||
<dl>
|
|
||||||
<dt>URL</dt>
|
|
||||||
<dd><a href="https://vernacular.fr/" target="_blank">vernacular.fr</a>
|
|
||||||
</dd>
|
|
||||||
</dl>
|
|
||||||
<dl>
|
|
||||||
<dt>Secteur</dt>
|
|
||||||
<dd>Culture</dd>
|
|
||||||
</dl>
|
|
||||||
<dl>
|
|
||||||
<dt>Client</dt>
|
|
||||||
<dd>Jack Usine</dd>
|
|
||||||
</dl>
|
|
||||||
<dl>
|
|
||||||
<dt>Prestation(s)</dt>
|
|
||||||
<dd>Développement full-stack</dd>
|
|
||||||
</dl>
|
|
||||||
<dl>
|
|
||||||
<dt>Partenaire(s)</dt>
|
|
||||||
<dd>en collaboration avec Grégory Cadars</dd>
|
|
||||||
</dl>
|
|
||||||
<dl>
|
|
||||||
<dt>Date</dt>
|
|
||||||
<dd>2026</dd>
|
|
||||||
</dl>
|
|
||||||
</div>
|
|
||||||
|
|
@ -1,3 +1,6 @@
|
||||||
Timothée Goguely, designer et développeur web spécialisé en éco-conception et accessibilité numérique, s’associe à Studio Variable pour cette candidature. Fondé par Julie Blanc et Adrien Payet, le studio conjugue **design graphique, design d’interface et développement web full-stack** — une équipe avec laquelle il a l’habitude de travailler.
|
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.
|
||||||
|
|
||||||
Nous œuvrons ensemble dans le secteur de la recherche, de l’écologie et de la culture, aussi bien avec de grands comptes qu’avec des indépendants. Notre approche formelle et technique concilie **ergonomie, sobriété, accessibilité et respect de la vie privée**. Les projets ouverts et engagés sont au cœur de notre démarche, avec une forte culture du logiciel libre et de l’open source.
|
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.
|
||||||
Loading…
Add table
Add a link
Reference in a new issue