diff --git a/assets/style.css b/assets/style.css index 773a81e..fd213bf 100644 --- a/assets/style.css +++ b/assets/style.css @@ -63,7 +63,7 @@ header{ } header h1{ font-size: 6em; - line-height: 1.1em; + line-height: 1em; } header h2{ @@ -255,8 +255,8 @@ footer{ #equipe .people{ min-height: 160px; break-inside: avoid; - margin-top: 2em; - margin-bottom: 2em; + margin-top: 6em; + margin-bottom: 6em; padding-left: 220px; position: relative; margin-left: 5em; diff --git a/index.html b/index.html index 2bba88f..a85153d 100644 --- a/index.html +++ b/index.html @@ -3,7 +3,7 @@ - Timothée Goguely <br>× Studio Variable + Studio Variable @@ -16,55 +16,52 @@
-

Timothée Goguely
× Studio Variable

-

Design & code

+

Studio Variable

+

Design × code | studio-variable.com

-

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.

-

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.

+

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

+

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

+ +

Nous privilégions les projets ouverts et engagés, avec une forte + culture du ogiciel libre et de l’open source.

Équipe

- . + .
-

Timothée Goguely

-

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.

-

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 Blanc

+

Docteur en ergonomie et spécialiste de CSS, Julie Blanc assurera + 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.

@@ -80,20 +77,6 @@ EBABX

le code. Il a co-fondé le studio Variable. Il enseigne à l’ENSCi et à Paris 1.

-
-
- . - -
-

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.

-

Sélection de projets

@@ -149,6 +132,65 @@ EBABX

+
+

ACAU

+

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

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

ESAJ

Site vitrine pour l’École supérieure d’Architecture des Jardins, @@ -209,13 +251,12 @@ EBABX

-
-

Cultures visuelles

-

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

+
+

Nouveau théâtre de + Besançon

+

Site web, avec calendrier et billetterie intégrée.

- . + .
@@ -224,68 +265,7 @@ EBABX

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

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.

-
- . - -
-
-
-
- URL -
-
- vernacular.fr + ntbesancon.fr
@@ -301,227 +281,7 @@ EBABX

Client
- Jack Usine -
-
-
-
- Prestation(s) -
-
- Développement full-stack -
-
-
-
- Partenaire(s) -
-
- en collaboration avec Grégory Cadars -
-
-
-
- Date -
-
- 2026 -
-
-
-
-
-

ACAU

-

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

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

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.

-
- . - -
-
-
-
- URL -
-
- encoreheureux.org -
-
-
-
- Secteur -
-
- Architecture -
-
-
-
- Client -
-
- Encore Heureux -
-
-
-
- Prestation(s) -
-
- Design, développement full-stack -
-
-
-
- Date -
-
- 2024 -
-
-
-
-
-

actuel-inactuel

-

Plateforme pour une critique des arts et des techniques.

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

Flaash

-

Site de la revue d’anticipation Flaash.

-
- . - -
-
-
-
- URL -
-
- flaash.fr -
-
-
-
- Secteur -
-
- Culture -
-
-
-
- Client -
-
- Revue Flaash + Nouveau théâtre de Besançon
@@ -782,12 +542,13 @@ EBABX

-
-

Noranim

-

Site web éco-conçu rassemblant le lexique et les - outils de la Redirection Écologique.

+
+

Cultures visuelles

+

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

- . + .
@@ -796,7 +557,7 @@ EBABX

URL
- rediriger.fr + culturesvisuelles.org
@@ -812,7 +573,7 @@ EBABX

Client
- Institut d’Études Avancées de Nantes, Origens Medialab + Université de Strasbourg
@@ -820,7 +581,7 @@ EBABX

Prestation(s)
- Design, développement full-stack + Design et développement full-stack
@@ -828,7 +589,7 @@ EBABX

Partenaire(s)
- en collaboration avec Élisa Denève et Anton Moglia + en collaboration avec Timothée Goguely
@@ -836,7 +597,220 @@ EBABX

Date
- 2025 + 2020 +
+
+
+
+
+

actuel-inactuel

+

Plateforme pour une critique des arts et des techniques.

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

Flaash

+

Site de la revue d’anticipation Flaash.

+
+ . + +
+
+
+
+ URL +
+
+ flaash.fr +
+
+
+
+ Secteur +
+
+ Culture +
+
+
+
+ Client +
+
+ Revue Flaash +
+
+
+
+ Prestation(s) +
+
+ Développement full-stack +
+
+
+
+ Partenaire(s) +
+
+ Studio Plastac (design) +
+
+
+
+ Date +
+
+ 2024 +
+
+
+
+
+

actuel-inactuel

+

Plateforme pour une critique des arts et des techniques.

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

Héro·ïne·s

+

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

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

-
-

Noranim

-

Site vitrine pour une association professionnelle de la filière - cinéma d’animation en région Hauts de France. Comprend des pages - évènements et membres filtrables par - catégories.

+
+

Design to Pack

+

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.

- . + .
@@ -916,7 +889,7 @@ EBABX

URL
- noranim.fr + Plateforme privée
@@ -924,7 +897,7 @@ EBABX

Secteur
- Culture + Luxe
@@ -932,7 +905,7 @@ EBABX

Client
- Noranim + Groupe Pochet
@@ -940,7 +913,8 @@ EBABX

Prestation(s)
- Développement full-stack + Développement du back-end, de la logique applicative et des + interactions.
@@ -953,12 +927,12 @@ EBABX

-
-

ramel·luzoir

-

Portoflio de l’atelier de design graphique strasbourgeois - ramel·luzoir.

+
+

Game Management System

+

Plateforme sur-mesure dédiée à la conception et à la + planification de parties de divers jeux en ligne.

- . + .
@@ -967,7 +941,7 @@ EBABX

URL
- ramel-luzoir.com + Plateforme privée
@@ -975,7 +949,7 @@ EBABX

Secteur
- Design + Divertissement
@@ -983,7 +957,7 @@ EBABX

Client
- ramel·luzoir + World Game
@@ -991,7 +965,7 @@ EBABX

Prestation(s)
- Développement full-stack + Design et développement full-stack
@@ -999,7 +973,67 @@ EBABX

Date
- 2023 + En cours +
+
+
+
+
+

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

+

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

+
+ . + +
+
+
+
+ URL +
+
+ /www.tmnlab.com/etudes/etat-des-lieux-du-numerique-2021 +
+
+
+
+ Secteur +
+
+ Recherche +
+
+
+
+ Client +
+
+ TMNlab +
+
+
+
+ Prestation(s) +
+
+ Design et développement full-stack +
+
+
+
+ Partenaire(s) +
+
+ en collaboration avec Praticable +
+
+
+
+ Date +
+
+ 2021
diff --git a/src/approche-studio.md b/src/approche-studio.md index ee703d1..ef4ac34 100644 --- a/src/approche-studio.md +++ b/src/approche-studio.md @@ -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é. 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. diff --git a/src/equipe.md b/src/equipe.md index 4298679..fe9de77 100644 --- a/src/equipe.md +++ b/src/equipe.md @@ -1,18 +1,14 @@ ## Équipe - - - -
-![.](images/Timothee_small.jpg) +![.](images/studio-variable_Julie_small.png) -# 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.
@@ -28,16 +24,5 @@ Adrien étudie, enseigne et pratique la philosophie, le design et le code. Il&nb -
- -![.](images/studio-variable_Julie_small.png) - -# 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. - -
diff --git a/src/files.yaml b/src/files.yaml index 8df0d78..c40e3df 100644 --- a/src/files.yaml +++ b/src/files.yaml @@ -7,19 +7,20 @@ input-files: - src/equipe.md - src/portfolio-introduction.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/encoreheureux.md - - src/portfolio-1img/actuel-inactuel.md - - src/portfolio-1img/flaash.md + - src/portfolio-1img/esaj.md + - src/portfolio-1img/ntbesancon.md - src/portfolio-1img/timelure.md - src/portfolio-1img/chromobase.md - src/portfolio-1img/resin.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/noranim.md - - src/portfolio-1img/ramel-luzoir.md + - src/portfolio-1img/design-to-pack.md + - src/portfolio-1img/gms.md + - src/portfolio-1img/tmn-lab.md - src/details.md diff --git a/src/meta.yaml b/src/meta.yaml index 7eb807a..2d4eccd 100644 --- a/src/meta.yaml +++ b/src/meta.yaml @@ -1,8 +1,8 @@ --- -title: "Timothée Goguely
× Studio Variable" -baseline: "Design & code" -client: "EBABX" -date: "6 avril 2026" +title: "Studio Variable" +baseline: "Design × code | studio-variable.com" +client: "Portfolio CEAAC" +date: "12 février 2026" contact: "contact@studio-variable.com" -footer: "Timothée Goguely × Studio Variable – Portfolio EBABX" +footer: "Studio Variable – Portfolio CEAAC" --- \ No newline at end of file diff --git a/src/portfolio-1img/encoreheureux.md b/src/portfolio-1img/encoreheureux.md deleted file mode 100644 index fd5a8fa..0000000 --- a/src/portfolio-1img/encoreheureux.md +++ /dev/null @@ -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**. - -![.](images/encoreheureux.png) - -
-
-
URL
-
encoreheureux.org -
-
-
-
Secteur
-
Architecture
-
-
-
Client
-
Encore Heureux
-
-
-
Prestation(s)
-
Design, développement full-stack
-
-
-
Date
-
2024
-
-
diff --git a/src/portfolio-1img/ramel-luzoir.md b/src/portfolio-1img/ramel-luzoir.md deleted file mode 100644 index 5da3f46..0000000 --- a/src/portfolio-1img/ramel-luzoir.md +++ /dev/null @@ -1,29 +0,0 @@ -# ramel·luzoir - -Portoflio de l’atelier de design graphique strasbourgeois ramel·luzoir. - -![.](images/ramel-luzoir.png) - -
-
-
URL
-
ramel-luzoir.com -
-
-
-
Secteur
-
Design
-
-
-
Client
-
ramel·luzoir
-
-
-
Prestation(s)
-
Développement full-stack
-
-
-
Date
-
2023
-
-
diff --git a/src/portfolio-1img/rediriger.md b/src/portfolio-1img/rediriger.md deleted file mode 100644 index 2568398..0000000 --- a/src/portfolio-1img/rediriger.md +++ /dev/null @@ -1,33 +0,0 @@ -# Noranim - -Site web **éco-conçu** rassemblant le lexique et les outils de la Redirection Écologique. - -![.](images/rediriger.png) - -
-
-
URL
-
rediriger.fr -
-
-
-
Secteur
-
Recherche
-
-
-
Client
-
Institut d’Études Avancées de Nantes, Origens Medialab
-
-
-
Prestation(s)
-
Design, développement full-stack
-
-
-
Partenaire(s)
-
en collaboration avec Élisa Denève et Anton Moglia
-
-
-
Date
-
2025
-
-
diff --git a/src/portfolio-1img/vernacular.md b/src/portfolio-1img/vernacular.md deleted file mode 100644 index 8a8ee43..0000000 --- a/src/portfolio-1img/vernacular.md +++ /dev/null @@ -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**. - -![.](images/vernacular.png) - -
-
-
URL
-
vernacular.fr -
-
-
-
Secteur
-
Culture
-
-
-
Client
-
Jack Usine
-
-
-
Prestation(s)
-
Développement full-stack
-
-
-
Partenaire(s)
-
en collaboration avec Grégory Cadars
-
-
-
Date
-
2026
-
-
diff --git a/src/studio-variable.md b/src/studio-variable.md index 1b05ba5..d98277c 100644 --- a/src/studio-variable.md +++ b/src/studio-variable.md @@ -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. \ No newline at end of file +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 privilégions les projets ouverts et engagés, avec une forte culture du ogiciel libre et de l’open source. \ No newline at end of file