{"id":76,"date":"2026-03-04T17:13:28","date_gmt":"2026-03-04T17:13:28","guid":{"rendered":"http:\/\/mathilderouton.com\/?page_id=76"},"modified":"2026-04-22T15:53:27","modified_gmt":"2026-04-22T15:53:27","slug":"ateliers-decriture","status":"publish","type":"page","link":"https:\/\/mathilderouton.com\/?page_id=76","title":{"rendered":"Projets de structuration"},"content":{"rendered":"\n

Projets d\u00e9velopp\u00e9s dans le cadre de ma transition vers le d\u00e9veloppement Web. <\/em><\/p>\n\n\n\n

Concevoir, structurer et rendre utilisables des syst\u00e8mes complexes.<\/strong><\/h2>\n\n\n\n

Dans le cadre de ma transition vers le d\u00e9veloppement web, je d\u00e9veloppe des projets centr\u00e9s sur la structuration de l\u2019information et l\u2019exp\u00e9rience utilisateur.
Issus de ma pratique de l\u2019architecture, ces travaux montrent ma capacit\u00e9 \u00e0 passer de l\u2019analyse d\u2019un syst\u00e8me contraint \u00e0 la conception d\u2019une organisation lisible et fonctionnelle.
Ils constituent une premi\u00e8re mise en pratique et mettent en \u00e9vidence les comp\u00e9tences techniques \u00e0 acqu\u00e9rir (HTML, CSS, JavaScript).<\/p>\n\n\n\n

# 1 : Structurer un espace<\/h2>\n\n\n\n
\n
\"\"<\/figure>\n\n\n\n
\"\"<\/figure>\n\n\n\n
\"\"<\/figure>\n<\/figure>\n\n\n\n

Transformer une contrainte en organisation.
Lire un espace brut, en extraire une structure, puis en proposer une forme habitable.<\/p>\n\n\n\n

De l\u2019existant au plan, du plan \u00e0 l\u2019usage, ce projet suit un mouvement simple : rendre lisible ce qui ne l\u2019est pas encore.<\/p>\n\n\n\n

De l\u2019espace \u00e0 la pens\u00e9e, une m\u00eame exigence : structurer.<\/p>\n\n\n\n

#2 : Structurer un langage<\/h2>\n\n\n\n
\n
\n
\n

SLAM – VENCE<\/strong><\/p>\n<\/blockquote>\n\n\n\n

\n

V<\/strong>erticale. Ascension.<\/p>\n\n\n\n

Ruissellent <\/p>\n\n\n\n

les ruelles de Vence.<\/p>\n\n\n\n

\u00ab\u00a0E<\/strong>h l’eau!\u00a0\u00bb<\/p>\n\n\n\n

Murmure les fontaines<\/p>\n\n\n\n

N<\/strong>oires et blanches.<\/p>\n\n\n\n

C<\/strong>it\u00e9 aux scarifications<\/p>\n\n\n\n

\u00c9<\/strong>crites dans la stratification.<\/p>\n<\/blockquote>\n<\/blockquote>\n\n\n\n

Transformer un lieu, des sensations, en texte \u00e0 d\u00e9clamer.
Extraire d\u2019une mati\u00e8re brute, \u00e9motions, mots jet\u00e9s, une structure, puis lui donner forme et voix.<\/p>\n\n\n\n

Du fragment \u00e0 la parole, un m\u00eame mouvement : rendre lisible ce qui ne l\u2019est pas encore. Travail de structuration du langage : organisation, hi\u00e9rarchisation et mise en forme d\u2019un contenu.<\/p>\n\n\n\n

Cette d\u00e9marche trouve aujourd\u2019hui son prolongement dans le d\u00e9veloppement web : structurer l\u2019information, concevoir des interfaces lisibles et organiser des syst\u00e8mes complexes.<\/p>\n<\/div>\n\n\n\n

\n
\n
\n
\"Architecture<\/a><\/div>\n\n\n
<\/div>\n\n\n\n

ARCHITECTURE DU VIVANT<\/h2>\n<\/div>\n<\/div>\n\n\n\n
<\/div>\n\n\n\n
\n

\u00a9 Mathilde Routon
Correspondance<\/a> \u00b7 linkedIn<\/a> \u00b7 Instagram<\/a><\/p>\n<\/div>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"

Projets d\u00e9velopp\u00e9s dans le cadre de ma transition vers le d\u00e9veloppement Web. Concevoir, structurer et rendre utilisables des syst\u00e8mes complexes. Dans le cadre de ma transition vers le d\u00e9veloppement web, je d\u00e9veloppe des projets centr\u00e9s sur la structuration de l\u2019information et l\u2019exp\u00e9rience utilisateur.Issus de ma pratique de l\u2019architecture, ces travaux montrent ma capacit\u00e9 \u00e0 passer […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-76","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/mathilderouton.com\/index.php?rest_route=\/wp\/v2\/pages\/76","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mathilderouton.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mathilderouton.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mathilderouton.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mathilderouton.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=76"}],"version-history":[{"count":38,"href":"https:\/\/mathilderouton.com\/index.php?rest_route=\/wp\/v2\/pages\/76\/revisions"}],"predecessor-version":[{"id":316,"href":"https:\/\/mathilderouton.com\/index.php?rest_route=\/wp\/v2\/pages\/76\/revisions\/316"}],"wp:attachment":[{"href":"https:\/\/mathilderouton.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=76"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}