{"id":877,"date":"2026-02-04T21:05:11","date_gmt":"2026-02-04T21:05:11","guid":{"rendered":"https:\/\/alys-portfolio.fr\/?page_id=877"},"modified":"2026-02-05T10:11:36","modified_gmt":"2026-02-05T10:11:36","slug":"foodlab","status":"publish","type":"page","link":"https:\/\/alys-portfolio.fr\/index.php\/foodlab\/","title":{"rendered":"Foodlab"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"877\" class=\"elementor elementor-877\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c254625 e-flex e-con-boxed e-con e-parent\" data-id=\"c254625\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1c0c3ec elementor-widget elementor-widget-spacer\" data-id=\"1c0c3ec\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9edbef2 e-con-full e-flex e-con e-child\" data-id=\"9edbef2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-61e1ae7 elementor-widget__width-initial elementor-view-default elementor-widget elementor-widget-icon\" data-id=\"61e1ae7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-wrapper\">\n\t\t\t<a class=\"elementor-icon\" href=\"https:\/\/alys-portfolio.fr\/index.php\/projets-academique\/\">\n\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-home\" viewBox=\"0 0 576 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M280.37 148.26L96 300.11V464a16 16 0 0 0 16 16l112.06-.29a16 16 0 0 0 15.92-16V368a16 16 0 0 1 16-16h64a16 16 0 0 1 16 16v95.64a16 16 0 0 0 16 16.05L464 480a16 16 0 0 0 16-16V300L295.67 148.26a12.19 12.19 0 0 0-15.3 0zM571.6 251.47L488 182.56V44.05a12 12 0 0 0-12-12h-56a12 12 0 0 0-12 12v72.61L318.47 43a48 48 0 0 0-61 0L4.34 251.47a12 12 0 0 0-1.6 16.9l25.5 31A12 12 0 0 0 45.15 301l235.22-193.74a12.19 12.19 0 0 1 15.3 0L530.9 301a12 12 0 0 0 16.9-1.6l25.5-31a12 12 0 0 0-1.7-16.93z\"><\/path><\/svg>\t\t\t<\/a>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6b2d25e elementor-widget elementor-widget-button\" data-id=\"6b2d25e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/alys-portfolio.fr\/index.php\/projets-academique\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Retours aux projets acad\u00e9miques<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-28c0b6a elementor-widget elementor-widget-spacer\" data-id=\"28c0b6a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c9bad29 projects-grid project-item pole-audiovisuel pole-communication comp-concevoir comp-exprimer  e-flex e-con-boxed e-con e-parent\" data-id=\"c9bad29\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-c041fb5 e-con-full e-flex e-con e-child\" data-id=\"c041fb5\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-01cbfc0 elementor-widget elementor-widget-heading\" data-id=\"01cbfc0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Foodlab<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f302f2d elementor-widget elementor-widget-image\" data-id=\"f302f2d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"800\" height=\"534\" src=\"https:\/\/alys-portfolio.fr\/wp-content\/uploads\/2026\/02\/foodlab-1024x683.png\" class=\"attachment-large size-large wp-image-879\" alt=\"\" srcset=\"https:\/\/alys-portfolio.fr\/wp-content\/uploads\/2026\/02\/foodlab-1024x683.png 1024w, https:\/\/alys-portfolio.fr\/wp-content\/uploads\/2026\/02\/foodlab-300x200.png 300w, https:\/\/alys-portfolio.fr\/wp-content\/uploads\/2026\/02\/foodlab-768x512.png 768w, https:\/\/alys-portfolio.fr\/wp-content\/uploads\/2026\/02\/foodlab.png 1536w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f040f20 elementor-widget__width-initial elementor-widget elementor-widget-heading\" data-id=\"f040f20\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">18\/01\/2026 IUT de Toulon MMI<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7022dad elementor-widget elementor-widget-heading\" data-id=\"7022dad\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">5W<\/h2>\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7be6647 e-con-full e-flex e-con e-child\" data-id=\"7be6647\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9d5ae29 elementor-widget elementor-widget-text-editor\" data-id=\"9d5ae29\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p data-start=\"672\" data-end=\"854\">Ce projet a \u00e9t\u00e9 r\u00e9alis\u00e9 <strong data-start=\"696\" data-end=\"716\">individuellement<\/strong> en <strong data-start=\"720\" data-end=\"749\">deuxi\u00e8me ann\u00e9e de BUT MMI<\/strong>. J\u2019ai pris en charge l\u2019ensemble du travail, de l\u2019analyse de la maquette \u00e0 son int\u00e9gration sur WordPress.<\/p><p data-start=\"856\" data-end=\"990\">Il s\u2019agit de la <strong data-start=\"872\" data-end=\"909\">reproduction d\u2019une maquette Figma<\/strong> sur WordPress, int\u00e9grant des \u00e9l\u00e9ments graphiques avanc\u00e9s. Le projet comprend :<\/p><ul data-start=\"991\" data-end=\"1259\"><li data-start=\"991\" data-end=\"1055\"><p data-start=\"993\" data-end=\"1055\">L\u2019int\u00e9gration de graphismes et d\u2019\u00e9l\u00e9ments visuels superpos\u00e9s<\/p><\/li><li data-start=\"1056\" data-end=\"1125\"><p data-start=\"1058\" data-end=\"1125\">Le travail sur la mise en page et la hi\u00e9rarchisation des contenus<\/p><\/li><li data-start=\"1126\" data-end=\"1194\"><p data-start=\"1128\" data-end=\"1194\">L\u2019adaptation de l\u2019interface aux contraintes du responsive design<\/p><\/li><li data-start=\"1195\" data-end=\"1259\"><p data-start=\"1197\" data-end=\"1259\">L\u2019optimisation de l\u2019affichage sur diff\u00e9rents formats d\u2019\u00e9cran<\/p><\/li><\/ul><p data-start=\"1261\" data-end=\"1401\">Le projet a \u00e9t\u00e9 r\u00e9alis\u00e9 en <strong data-start=\"1288\" data-end=\"1317\">deuxi\u00e8me ann\u00e9e de BUT MMI<\/strong>, dans le cadre de l\u2019apprentissage de l\u2019int\u00e9gration web et du <strong data-start=\"1379\" data-end=\"1400\">responsive design<\/strong>.<\/p><p data-start=\"1403\" data-end=\"1556\">Le travail a \u00e9t\u00e9 r\u00e9alis\u00e9 en autonomie, \u00e0 l\u2019IUT et en travail personnel, \u00e0 partir de la maquette Figma fournie, directement sur l\u2019environnement WordPress.<\/p><p data-start=\"1558\" data-end=\"1771\">L\u2019objectif \u00e9tait de <strong data-start=\"1578\" data-end=\"1627\">d\u00e9velopper des comp\u00e9tences en int\u00e9gration web<\/strong>, de mieux comprendre les contraintes du responsive, d\u2019apprendre \u00e0 superposer des \u00e9l\u00e9ments graphiques, et de renforcer ma ma\u00eetrise de WordPress.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e0d3d3e e-con-full e-flex e-con e-child\" data-id=\"e0d3d3e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b7d505d elementor-widget__width-initial elementor-widget elementor-widget-heading\" data-id=\"b7d505d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Site vitrine \/ maquette Figma \/ WordPress \/ charte graphique \/ plugins adapt\u00e9s \/ int\u00e9gration CMS \/ coh\u00e9rence visuelle \/ int\u00e9gration de la maquette \/ ergonomie \/ adaptation responsive \/ exp\u00e9rience utilisateur \/ responsive design<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2a20c33 elementor-widget__width-initial elementor-absolute elementor-hidden-tablet elementor-hidden-mobile elementor-widget elementor-widget-image\" data-id=\"2a20c33\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_position&quot;:&quot;absolute&quot;}\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"682\" height=\"1024\" src=\"https:\/\/alys-portfolio.fr\/wp-content\/uploads\/2026\/02\/vase-fleur-682x1024.png\" class=\"attachment-large size-large wp-image-687\" alt=\"\" srcset=\"https:\/\/alys-portfolio.fr\/wp-content\/uploads\/2026\/02\/vase-fleur-682x1024.png 682w, https:\/\/alys-portfolio.fr\/wp-content\/uploads\/2026\/02\/vase-fleur-200x300.png 200w, https:\/\/alys-portfolio.fr\/wp-content\/uploads\/2026\/02\/vase-fleur-768x1152.png 768w, https:\/\/alys-portfolio.fr\/wp-content\/uploads\/2026\/02\/vase-fleur.png 853w\" sizes=\"(max-width: 682px) 100vw, 682px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ab47e91 elementor-widget elementor-widget-heading\" data-id=\"ab47e91\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">En quelques mots...<\/h2>\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-606c957 e-con-full e-flex e-con e-child\" data-id=\"606c957\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0181e69 elementor-widget elementor-widget-text-editor\" data-id=\"0181e69\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Dans ce projet, j\u2019ai r\u00e9alis\u00e9 une <strong data-start=\"285\" data-end=\"325\">initiation \u00e0 l\u2019int\u00e9gration WordPress<\/strong> \u00e0 partir d\u2019une maquette Figma, avec un travail approfondi sur les graphismes, la superposition des \u00e9l\u00e9ments et le responsive design.<br data-start=\"458\" data-end=\"461\" \/>L\u2019objectif \u00e9tait de comprendre comment traduire une interface graphique plus complexe en site web fonctionnel, tout en respectant une mise en page dynamique et adaptable \u00e0 diff\u00e9rents supports.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-62c97c2 elementor-widget elementor-widget-heading\" data-id=\"62c97c2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">D\u00e9tails<\/h2>\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-eb8705a e-con-full e-flex e-con e-child\" data-id=\"eb8705a\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4f95556 elementor-widget elementor-widget-text-editor\" data-id=\"4f95556\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p data-start=\"1802\" data-end=\"1823\"><strong data-start=\"1802\" data-end=\"1809\">CMS<\/strong><br data-start=\"1809\" data-end=\"1812\" \/>WordPress<\/p><p data-start=\"1825\" data-end=\"1847\"><strong data-start=\"1825\" data-end=\"1837\">Maquette<\/strong><br data-start=\"1837\" data-end=\"1840\" \/>Figma<\/p><p data-start=\"1849\" data-end=\"1883\"><strong data-start=\"1849\" data-end=\"1876\">Temps de travail estim\u00e9<\/strong><br data-start=\"1876\" data-end=\"1879\" \/>9h<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2f0a597 elementor-widget__width-initial elementor-widget elementor-widget-heading\" data-id=\"2f0a597\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\"><a href=\"https:\/\/alys-portfolio.fr\/index.php\/contact\/\">Me contacter pour un projet similaire<\/a><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Retours aux projets acad\u00e9miques Foodlab 18\/01\/2026 IUT de Toulon MMI 5W Ce projet a \u00e9t\u00e9 r\u00e9alis\u00e9 individuellement en deuxi\u00e8me ann\u00e9e de BUT MMI. J\u2019ai pris en charge l\u2019ensemble du travail, de l\u2019analyse de la maquette \u00e0 son int\u00e9gration sur WordPress. Il s\u2019agit de la reproduction d\u2019une maquette Figma sur WordPress, int\u00e9grant des \u00e9l\u00e9ments graphiques avanc\u00e9s. [&hellip;]<\/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-877","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/alys-portfolio.fr\/index.php\/wp-json\/wp\/v2\/pages\/877","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/alys-portfolio.fr\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/alys-portfolio.fr\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/alys-portfolio.fr\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/alys-portfolio.fr\/index.php\/wp-json\/wp\/v2\/comments?post=877"}],"version-history":[{"count":10,"href":"https:\/\/alys-portfolio.fr\/index.php\/wp-json\/wp\/v2\/pages\/877\/revisions"}],"predecessor-version":[{"id":1072,"href":"https:\/\/alys-portfolio.fr\/index.php\/wp-json\/wp\/v2\/pages\/877\/revisions\/1072"}],"wp:attachment":[{"href":"https:\/\/alys-portfolio.fr\/index.php\/wp-json\/wp\/v2\/media?parent=877"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}