add projet Resin
This commit is contained in:
Julie Blanc
parent
6134204a10
commit
2856f36f3e
7 changed files with 109 additions and 258 deletions
10
README.md
10
README.md
|
|
@ -1,5 +1,15 @@
|
||||||
|
# Portfotlio basique, studio variable
|
||||||
|
|
||||||
|
|
||||||
|
## Contenus
|
||||||
|
|
||||||
|
Les contenus sont à ajouter/modifier dans 'src'.
|
||||||
|
|
||||||
|
- `meta.yaml` → métadonnées (nom projet, client, date)
|
||||||
|
- `file.yaml` → les fichiers markdown à ajouter au PDF, dans l’ordre
|
||||||
|
|
||||||
|
## Générer le PDF
|
||||||
|
|
||||||
HTML paged.js
|
HTML paged.js
|
||||||
|
|
||||||
|
|
||||||
|
|
|
||||||
BIN
images/resin.png
Normal file
BIN
images/resin.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 804 KiB |
308
index.html
308
index.html
|
|
@ -16,8 +16,8 @@
|
||||||
<body>
|
<body>
|
||||||
|
|
||||||
<aside class="infos">
|
<aside class="infos">
|
||||||
<p>Proposition RésIn</p>
|
<p>Proposition Direction 6ème</p>
|
||||||
<p>6 octobre 2025</p>
|
<p>29 décembre 2025</p>
|
||||||
<p>contact@studio-varible.com</p>
|
<p>contact@studio-varible.com</p>
|
||||||
</aside>
|
</aside>
|
||||||
|
|
||||||
|
|
@ -27,7 +27,7 @@
|
||||||
</header>
|
</header>
|
||||||
|
|
||||||
<footer>
|
<footer>
|
||||||
<p><p>Studio Variable – Proposition RésIn</p></p>
|
<p><p>Studio Variable – Proposition Direction 6ème</p></p>
|
||||||
</footer>
|
</footer>
|
||||||
|
|
||||||
|
|
||||||
|
|
@ -48,245 +48,6 @@
|
||||||
et engagés, avec une forte culture du logiciel libre et de l’open
|
et engagés, avec une forte culture du logiciel libre et de l’open
|
||||||
source.</p>
|
source.</p>
|
||||||
</section>
|
</section>
|
||||||
<section id="note-intention">
|
|
||||||
<h2 id="note-intention">Note intention</h2>
|
|
||||||
<p>Notre intervention se concentre 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é.</p>
|
|
||||||
<p><strong>Sur le plan graphique</strong>, nous portons une
|
|
||||||
attention particulière à la lisibilité et à l’harmonisation des
|
|
||||||
contenus. L’hétérogénéité des profils proposés dans l’annuaire
|
|
||||||
(parfois très succincts, parfois très denses) sera prise en compte
|
|
||||||
pour construire des pages qui restent esthétiques et équilibrées.
|
|
||||||
Nous privilégions <strong>une esthétique sobre, sur mesure, où la
|
|
||||||
typographie et les contrastes assurent une hiérarchie
|
|
||||||
claire</strong>, afin d’éviter les ruptures visuelles dans
|
|
||||||
l’annuaire. L’arbre des compétences, qui constitue un outil central
|
|
||||||
de navigation et de recherche, fera l’objet d’une refonte spécifique
|
|
||||||
: nous souhaitons en améliorer la lisibilité et l’exploration, en le
|
|
||||||
rendant plus visible et plus interactif, tout en veillant à une
|
|
||||||
utilisation fluide sur mobile comme sur ordinateur. Notre objectif
|
|
||||||
est de concevoir une interface qui mette en valeur les compétences
|
|
||||||
et facilite réellement la recherche dans l’annuaire, sans surcharge
|
|
||||||
graphique inutile.</p>
|
|
||||||
<p><strong>Sur le plan technique</strong>, nous proposons une
|
|
||||||
architecture simple : <strong>HTML, SCSS et JavaScript
|
|
||||||
vanilla</strong>, complétés si nécessaire par une librairie légère
|
|
||||||
comme Alpine.js pour la recherche réactive. Cette sobriété garantit
|
|
||||||
la compatibilité avec la licence libre du projet, facilite la
|
|
||||||
maintenance et limite l’empreinte écologique du site. Nous
|
|
||||||
travaillerons à partir de l’existant, que ce soit le code ou l’image
|
|
||||||
Docker déjà utilisée, et nous engageons à adapter nos développements
|
|
||||||
à vos contraintes sans surcomplexification. En fonction de vos
|
|
||||||
préférence, nous travaillerons soit sur une branch du répôt Git
|
|
||||||
existant soit sur une copie de ce repo.</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. Cette philosophie guidera l’ensemble de notre intervention :
|
|
||||||
un site léger, <br>lisible et durable, au service du réseau
|
|
||||||
RésIn.</p>
|
|
||||||
<h3 id="les-forces-de-notre-proposition">Les forces de notre
|
|
||||||
proposition</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é wev » dès le maquettage.
|
|
||||||
Elle garantie 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 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’utlisation de variable fonts et des
|
|
||||||
fallback bien pensé. Bref, une attention constante à la performance
|
|
||||||
et à la sobriété des ressources.</li>
|
|
||||||
<li><strong>Une refonte graphique pensée autour de l’arbre des
|
|
||||||
compétences</strong>, conçu comme un élément central et progressif
|
|
||||||
de navigation : il sera placé visuellement à proximité du moteur de
|
|
||||||
recherche sur desktop, déployé en accordéon sur mobile, et enrichi
|
|
||||||
de fonctions de multi-filtrage. <br>Selon la pertinence, un fil
|
|
||||||
d’Ariane (breadcrumb) pour contextualiser <br>les profils
|
|
||||||
affichés.</li>
|
|
||||||
</ul>
|
|
||||||
</section>
|
|
||||||
<section id="devis">
|
|
||||||
<h2 id="devis">Devis</h2>
|
|
||||||
<p>→ Taux journalier: 800€ HT</p>
|
|
||||||
<table>
|
|
||||||
<colgroup>
|
|
||||||
<col style="width: 75%" />
|
|
||||||
<col style="width: 11%" />
|
|
||||||
<col style="width: 12%" />
|
|
||||||
</colgroup>
|
|
||||||
<thead>
|
|
||||||
<tr class="header">
|
|
||||||
<th><strong>Tâche</strong></th>
|
|
||||||
<th><strong>Jours</strong></th>
|
|
||||||
<th><strong>€ (HT)</strong></th>
|
|
||||||
</tr>
|
|
||||||
</thead>
|
|
||||||
<tbody>
|
|
||||||
<tr class="odd">
|
|
||||||
<td>Création du logo</td>
|
|
||||||
<td>1</td>
|
|
||||||
<td>800</td>
|
|
||||||
</tr>
|
|
||||||
<tr class="even">
|
|
||||||
<td>Identité visuelle avec mockup d’une page responsive type
|
|
||||||
(maquettes HTML & CSS)</td>
|
|
||||||
<td>2</td>
|
|
||||||
<td>1600</td>
|
|
||||||
</tr>
|
|
||||||
<tr class="odd">
|
|
||||||
<td>UI arbre de compétences (explorable, filtrage)</td>
|
|
||||||
<td>1.5</td>
|
|
||||||
<td>1200</td>
|
|
||||||
</tr>
|
|
||||||
<tr class="even">
|
|
||||||
<td>Développement front-end de toutes les pages responsives</td>
|
|
||||||
<td></td>
|
|
||||||
<td></td>
|
|
||||||
</tr>
|
|
||||||
<tr class="odd">
|
|
||||||
<td><span class="indent"></span>→ Home page</td>
|
|
||||||
<td>1</td>
|
|
||||||
<td>800</td>
|
|
||||||
</tr>
|
|
||||||
<tr class="even">
|
|
||||||
<td><span class="indent"></span>→ Pages listes et de tri</td>
|
|
||||||
<td>1.5</td>
|
|
||||||
<td>1200</td>
|
|
||||||
</tr>
|
|
||||||
<tr class="odd">
|
|
||||||
<td><span class="indent"></span>→ Pages individuelles</td>
|
|
||||||
<td>1.5</td>
|
|
||||||
<td>1200</td>
|
|
||||||
</tr>
|
|
||||||
<tr class="even">
|
|
||||||
<td><span class="indent"></span>→ Pages de contenu: présentation,
|
|
||||||
ressources, etc.</td>
|
|
||||||
<td>0.5</td>
|
|
||||||
<td>400</td>
|
|
||||||
</tr>
|
|
||||||
<tr class="odd">
|
|
||||||
<td><span class="indent"></span>→ Intégration au code existant</td>
|
|
||||||
<td>30.00%</td>
|
|
||||||
<td>1080</td>
|
|
||||||
</tr>
|
|
||||||
<tr class="even">
|
|
||||||
<td>Mise en place de la recherche réactive</td>
|
|
||||||
<td>0.5</td>
|
|
||||||
<td>400</td>
|
|
||||||
</tr>
|
|
||||||
<tr class="odd">
|
|
||||||
<td>Révisions UI et petits ajustements</td>
|
|
||||||
<td>0.5</td>
|
|
||||||
<td>400</td>
|
|
||||||
</tr>
|
|
||||||
<tr class="even">
|
|
||||||
<td>Tests cross-device, optimisation HTML/CSS/JS et
|
|
||||||
accessibilité</td>
|
|
||||||
<td>0.5</td>
|
|
||||||
<td>400</td>
|
|
||||||
</tr>
|
|
||||||
<tr class="odd">
|
|
||||||
<td>Gestion de projet</td>
|
|
||||||
<td>10.00%</td>
|
|
||||||
<td>948</td>
|
|
||||||
</tr>
|
|
||||||
</tbody>
|
|
||||||
</table>
|
|
||||||
<div id="total">
|
|
||||||
<table>
|
|
||||||
<thead>
|
|
||||||
<tr class="header">
|
|
||||||
<th>Sous total HT</th>
|
|
||||||
<th>10428</th>
|
|
||||||
</tr>
|
|
||||||
</thead>
|
|
||||||
<tbody>
|
|
||||||
<tr class="odd">
|
|
||||||
<td>TVA 20 %</td>
|
|
||||||
<td>2085.6</td>
|
|
||||||
</tr>
|
|
||||||
<tr class="even">
|
|
||||||
<td>Total TTC</td>
|
|
||||||
<td>12513.6</td>
|
|
||||||
</tr>
|
|
||||||
</tbody>
|
|
||||||
</table>
|
|
||||||
</div>
|
|
||||||
<p>Note : Si votre structure ne récupère pas la TVA et que cela
|
|
||||||
constitue une contrainte budgétaire, nous vous invitons à nous en
|
|
||||||
faire part afin d’en discuter.</p>
|
|
||||||
</section>
|
|
||||||
<section id="planning">
|
|
||||||
<h2 id="planning-phases">Planning & phases</h2>
|
|
||||||
<ul>
|
|
||||||
<li>Démarrage : <strong>dès sélection</strong> (idéalement semaine
|
|
||||||
du 13 octobre 2025).</li>
|
|
||||||
<li>Rendu final : <strong>8 décembre 2025</strong>.</li>
|
|
||||||
<li>Mode : itérations de 1 à 2 semaines (sprints courts).</li>
|
|
||||||
</ul>
|
|
||||||
<h3 id="phases">Phases</h3>
|
|
||||||
<ul>
|
|
||||||
<li>Semaine 1 (13–17 oct.) : Échange pour le démarrage du projet,
|
|
||||||
accès API</li>
|
|
||||||
<li>Semaine 2–3 (20–31 oct.) : Proposition d’identité sur maquette
|
|
||||||
HTML/CSS statique (1 page type), avec UI arbre de compétences.
|
|
||||||
Inclus palette de couleur + proposition logo</li>
|
|
||||||
<li><strong>4 novembre : validation de l’identité
|
|
||||||
proposée</strong></li>
|
|
||||||
<li>Semaine 4–6 (3–21 nov.) : Développement front avec sprints
|
|
||||||
<ul>
|
|
||||||
<li>Sprint 1 — Copie du dèpôt, pipeline parallèle, audit HTML, mise
|
|
||||||
en place SASS</li>
|
|
||||||
<li>Sprint 2 — Intégration arbre de compétence, développement de la
|
|
||||||
page d’acceuil et de la liste filtrables</li>
|
|
||||||
<li>Sprint 3 — Développement et intégration des pages individuelles
|
|
||||||
et des pages de contenus</li>
|
|
||||||
<li>Sprint 4 — Recherche plein texte réactive et affinement de
|
|
||||||
l’affichage filtrage multi-sélection</li>
|
|
||||||
</ul></li>
|
|
||||||
<li>Semaine 7 (24–28 nov.) : Révisions UI et petits ajustements.
|
|
||||||
Validation définitive du logo.</li>
|
|
||||||
<li>Semaine 8 (1–5 déc.) : Tests & optimisation.</li>
|
|
||||||
<li><strong>Livraison finale</strong> : au plus tard <strong>8
|
|
||||||
décembre 2025</strong>.</li>
|
|
||||||
</ul>
|
|
||||||
</section>
|
|
||||||
<section id="livrables">
|
|
||||||
<h2 id="livrables">Livrables</h2>
|
|
||||||
<ul>
|
|
||||||
<li>Copie du dépôt GitHub public (AGPLv3) avec : code,
|
|
||||||
Dockerfile</li>
|
|
||||||
<li>Pack logo (.svg / .png multi-résolution).</li>
|
|
||||||
<li>Maquettes codées (HTML/SCSS) si demandées</li>
|
|
||||||
</ul>
|
|
||||||
</section>
|
|
||||||
<section id="equipe">
|
<section id="equipe">
|
||||||
<h2 id="équipe">Équipe</h2>
|
<h2 id="équipe">Équipe</h2>
|
||||||
<div class="people">
|
<div class="people">
|
||||||
|
|
@ -295,9 +56,9 @@
|
||||||
<figcaption aria-hidden="true">.</figcaption>
|
<figcaption aria-hidden="true">.</figcaption>
|
||||||
</figure>
|
</figure>
|
||||||
<h1 id="julie-blanc-chef-de-projet">Julie Blanc, chef de projet</h1>
|
<h1 id="julie-blanc-chef-de-projet">Julie Blanc, chef de projet</h1>
|
||||||
<p>Docteur en ergonomie et spécialiste de CSS, Julie Blanc assurera
|
<p>Docteur en ergonomie et spécialiste de CSS, Julie Blanc le
|
||||||
la chefferie de projet, le <strong>design</strong> et le
|
<strong>design</strong> et le <strong>développement
|
||||||
<strong>développement front-end</strong>.</p>
|
front-end</strong>.</p>
|
||||||
<p>Julie est designer, développeuse et chercheuse. Elle a co-fondé
|
<p>Julie est designer, développeuse et chercheuse. Elle a co-fondé
|
||||||
le studio Variable. Elle est chercheuse associée à la HEAD (Genève).
|
le studio Variable. Elle est chercheuse associée à la HEAD (Genève).
|
||||||
Sa thèse, soutenue en 2023, porte sur l’utilisation des
|
Sa thèse, soutenue en 2023, porte sur l’utilisation des
|
||||||
|
|
@ -310,9 +71,9 @@
|
||||||
</figure>
|
</figure>
|
||||||
<h1 id="adrien-payet">Adrien Payet</h1>
|
<h1 id="adrien-payet">Adrien Payet</h1>
|
||||||
<p>Développeur full-stack, spécialisé en design et développement de
|
<p>Développeur full-stack, spécialisé en design et développement de
|
||||||
back-office et d’interactions front-end, Adrien apportera son appui
|
back-office et d’interactions front-end, Adrien assurera le
|
||||||
pour garantir une <strong>intégration harmonieuse</strong> dans
|
<strong>développement bank-end et la maintenance</strong> du
|
||||||
l’architecture et l’écosystème technique existants.</p>
|
projet.</p>
|
||||||
<p>Adrien étudie, enseigne et pratique la philosophie, le design et
|
<p>Adrien étudie, enseigne et pratique la philosophie, le design et
|
||||||
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>
|
||||||
|
|
@ -492,6 +253,57 @@
|
||||||
</dl>
|
</dl>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</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="cultures-visuelles" class="portfolio-group">
|
<section id="cultures-visuelles" class="portfolio-group">
|
||||||
<h1 id="cultures-visuelles">Cultures visuelles</h1>
|
<h1 id="cultures-visuelles">Cultures visuelles</h1>
|
||||||
<p>Plateforme pour le programme de recherche, intégrant une
|
<p>Plateforme pour le programme de recherche, intégrant une
|
||||||
|
|
|
||||||
|
|
@ -6,7 +6,7 @@
|
||||||
|
|
||||||
# Julie Blanc, chef de projet
|
# Julie Blanc, chef de projet
|
||||||
|
|
||||||
Docteur en ergonomie et spécialiste de CSS, Julie Blanc assurera la chefferie de projet, le **design** et le **développement front-end**.
|
Docteur en ergonomie et spécialiste de CSS, Julie Blanc le **design** et le **développement front-end**.
|
||||||
|
|
||||||
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 techonologies du web par les designers graphique.
|
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 techonologies du web par les designers graphique.
|
||||||
|
|
||||||
|
|
@ -18,8 +18,7 @@ Julie est designer, développeuse et chercheuse. Elle a co-fondé le studio Vari
|
||||||
|
|
||||||
# Adrien Payet
|
# Adrien Payet
|
||||||
|
|
||||||
Développeur full-stack, spécialisé en design et développement de back-office et d'interactions front-end, Adrien apportera son appui pour garantir une **intégration harmonieuse** dans l’architecture et l’écosystème technique existants.
|
Développeur full-stack, spécialisé en design et développement de back-office et d'interactions front-end, Adrien assurera le **développement bank-end et la maintenance** du projet.
|
||||||
|
|
||||||
|
|
||||||
Adrien étudie, enseigne et pratique la philosophie, le design et le code. Il a co-fondé le studio Variable. Il enseigne à l’ENSCi et à Paris 1.
|
Adrien étudie, enseigne et pratique la philosophie, le design et le code. Il a co-fondé le studio Variable. Il enseigne à l’ENSCi et à Paris 1.
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -1,14 +1,15 @@
|
||||||
input-files:
|
input-files:
|
||||||
- src/studio-variable.md
|
- src/studio-variable.md
|
||||||
- src/note-intention.md
|
# - src/note-intention.md
|
||||||
- src/devis.md
|
# - src/devis.md
|
||||||
- src/planning.md
|
# - src/planning.md
|
||||||
- src/livrables.md
|
# - src/livrables.md
|
||||||
- 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/chromobase.md
|
- src/portfolio-1img/chromobase.md
|
||||||
- src/portfolio-1img/medialab.md
|
- src/portfolio-1img/medialab.md
|
||||||
|
- src/portfolio-1img/resin.md
|
||||||
- src/portfolio-1img/cultures-visuelles.md
|
- src/portfolio-1img/cultures-visuelles.md
|
||||||
- src/portfolio-1img/actuel-inactuel.md
|
- src/portfolio-1img/actuel-inactuel.md
|
||||||
- src/portfolio-1img/heroines.md
|
- src/portfolio-1img/heroines.md
|
||||||
|
|
|
||||||
|
|
@ -1,8 +1,8 @@
|
||||||
---
|
---
|
||||||
title: "Studio Variable"
|
title: "Studio Variable"
|
||||||
baseline: "Design × code"
|
baseline: "Design × code"
|
||||||
client: "Proposition RésIn"
|
client: "Proposition Direction 6ème"
|
||||||
date: "6 octobre 2025"
|
date: "29 décembre 2025"
|
||||||
contact: "contact@studio-varible.com"
|
contact: "contact@studio-varible.com"
|
||||||
footer: "Studio Variable – Proposition RésIn"
|
footer: "Studio Variable – Proposition Direction 6ème"
|
||||||
---
|
---
|
||||||
29
src/portfolio-1img/resin.md
Normal file
29
src/portfolio-1img/resin.md
Normal file
|
|
@ -0,0 +1,29 @@
|
||||||
|
# RésIn
|
||||||
|
|
||||||
|
Plateforme pour un réseau d’ingénieur·es dans la recherche, avec système de recherche par arbre de compétences
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<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>
|
||||||
Loading…
Add table
Add a link
Reference in a new issue