diff --git a/README.md b/README.md index 34a79d1..fdc2745 100644 --- a/README.md +++ b/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 diff --git a/images/resin.png b/images/resin.png new file mode 100644 index 0000000..33cb959 Binary files /dev/null and b/images/resin.png differ diff --git a/index.html b/index.html index 95cd515..bf5ac06 100644 --- a/index.html +++ b/index.html @@ -16,8 +16,8 @@ @@ -27,7 +27,7 @@ @@ -48,245 +48,6 @@ et engagés, avec une forte culture du logiciel libre et de l’open source.

-
-

Note intention

-

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é.

-

Sur le plan graphique, 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 une esthétique sobre, sur mesure, où la - typographie et les contrastes assurent une hiérarchie - claire, 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.

-

Sur le plan technique, nous proposons une - architecture simple : HTML, SCSS et JavaScript - vanilla, 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.

-

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 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 faire - dialoguer les logiques formelles et techniques. 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,
lisible et durable, au service du réseau - RésIn.

-

Les forces de notre - proposition

- -
-
-

Devis

-

→ Taux journalier: 800€ HT

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
TâcheJours€ (HT)
Création du logo1800
Identité visuelle avec mockup d’une page responsive type - (maquettes HTML & CSS)21600
UI arbre de compétences (explorable, filtrage)1.51200
Développement front-end de toutes les pages responsives
→ Home page1800
→ Pages listes et de tri1.51200
→ Pages individuelles1.51200
→ Pages de contenu: présentation, - ressources, etc.0.5400
→ Intégration au code existant30.00%1080
Mise en place de la recherche réactive0.5400
Révisions UI et petits ajustements0.5400
Tests cross-device, optimisation HTML/CSS/JS et - accessibilité0.5400
Gestion de projet10.00%948
-
- - - - - - - - - - - - - - - - - -
Sous total HT10428
TVA 20 %2085.6
Total TTC12513.6
-
-

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.

-
-
-

Planning & phases

- -

Phases

- -
-
-

Livrables

- -

Équipe

@@ -295,9 +56,9 @@

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 @@ -310,9 +71,9 @@

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.

+ 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.

@@ -492,6 +253,57 @@
+
+

RésIn

+

Plateforme pour un réseau d’ingénieur·es dans la recherche, avec + système de recherche par arbre de compétences

+
+ . + +
+
+
+
+ URL +
+
+ resin.medialab.sciences-po.fr +
+
+
+
+ Secteur +
+
+ Recherche +
+
+
+
+ Client +
+
+ médialab, SciencesPo +
+
+
+
+ Prestation(s) +
+
+ Design, développement front-end +
+
+
+
+ Date +
+
+ 2025 +
+
+
+

Cultures visuelles

Plateforme pour le programme de recherche, intégrant une diff --git a/src/equipe.md b/src/equipe.md index 950c26c..5fb8a6f 100644 --- a/src/equipe.md +++ b/src/equipe.md @@ -6,7 +6,7 @@ # 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. @@ -18,8 +18,7 @@ Julie est designer, développeuse et chercheuse. Elle a co-fondé le studio Vari # 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. diff --git a/src/files.yaml b/src/files.yaml index 527896d..e317ec5 100644 --- a/src/files.yaml +++ b/src/files.yaml @@ -1,14 +1,15 @@ input-files: - src/studio-variable.md - - src/note-intention.md - - src/devis.md - - src/planning.md - - src/livrables.md + # - src/note-intention.md + # - src/devis.md + # - src/planning.md + # - src/livrables.md - src/equipe.md - src/portfolio-introduction.md - src/portfolio-1img/wysiwyg.md - src/portfolio-1img/chromobase.md - src/portfolio-1img/medialab.md + - src/portfolio-1img/resin.md - src/portfolio-1img/cultures-visuelles.md - src/portfolio-1img/actuel-inactuel.md - src/portfolio-1img/heroines.md diff --git a/src/meta.yaml b/src/meta.yaml index fb0578c..c1b442a 100644 --- a/src/meta.yaml +++ b/src/meta.yaml @@ -1,8 +1,8 @@ --- title: "Studio Variable" baseline: "Design × code" -client: "Proposition RésIn" -date: "6 octobre 2025" +client: "Proposition Direction 6ème" +date: "29 décembre 2025" contact: "contact@studio-varible.com" -footer: "Studio Variable – Proposition RésIn" +footer: "Studio Variable – Proposition Direction 6ème" --- \ No newline at end of file diff --git a/src/portfolio-1img/resin.md b/src/portfolio-1img/resin.md new file mode 100644 index 0000000..d6fcdb1 --- /dev/null +++ b/src/portfolio-1img/resin.md @@ -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 + +![.](images/resin.png) + +

+
+
URL
+
resin.medialab.sciences-po.fr +
+
+
+
Secteur
+
Recherche
+
+
+
Client
+
médialab, SciencesPo
+
+
+
Prestation(s)
+
Design, développement front-end
+
+
+
Date
+
2025
+
+