{"id":158,"date":"2025-01-07T11:29:14","date_gmt":"2025-01-07T10:29:14","guid":{"rendered":"https:\/?p=158"},"modified":"2025-01-31T13:47:34","modified_gmt":"2025-01-31T12:47:34","slug":"charles-cantin","status":"publish","type":"post","link":"https:\/\/lucas-chancel.dev\/index.php\/2025\/01\/07\/charles-cantin\/","title":{"rendered":"Charles Cantin\u200b\u200b"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"158\" class=\"elementor elementor-158\">\n\t\t\t\t<div class=\"elementor-element elementor-element-71248b98 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-parent\" data-id=\"71248b98\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-26eec7c6 elementor-widget elementor-widget-spacer\" data-id=\"26eec7c6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\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<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5ed074fc e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-parent\" data-id=\"5ed074fc\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-740a829a elementor-widget elementor-widget-heading\" data-id=\"740a829a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Charles Cantin<\/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<div class=\"elementor-element elementor-element-e0dd0f7 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-parent\" data-id=\"e0dd0f7\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;shape_divider_bottom&quot;:&quot;pyramids&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-shape elementor-shape-bottom\" aria-hidden=\"true\" data-negative=\"false\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 1000 100\" preserveAspectRatio=\"none\">\n\t<path class=\"elementor-shape-fill\" d=\"M761.9,44.1L643.1,27.2L333.8,98L0,3.8V0l1000,0v3.9\"\/>\n<\/svg>\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-773bf71 elementor-widget elementor-widget-spacer\" data-id=\"773bf71\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\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<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9590f46 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-parent\" data-id=\"9590f46\" 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-a058edc elementor-widget elementor-widget-spacer\" data-id=\"a058edc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\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<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-430b5631 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-parent\" data-id=\"430b5631\" 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-65299c2f elementor-widget elementor-widget-image\" data-id=\"65299c2f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/chancelucas.github.io\/Charles-Cantin\/\">\n\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"1024\" height=\"500\" src=\"https:\/\/lucas-chancel.dev\/wp-content\/uploads\/2025\/01\/Capture-decran-2025-01-13-a-09.52.06-1024x500.png\" class=\"attachment-large size-large wp-image-386\" alt=\"\" srcset=\"https:\/\/lucas-chancel.dev\/wp-content\/uploads\/2025\/01\/Capture-decran-2025-01-13-a-09.52.06-1024x500.png 1024w, https:\/\/lucas-chancel.dev\/wp-content\/uploads\/2025\/01\/Capture-decran-2025-01-13-a-09.52.06-300x146.png 300w, https:\/\/lucas-chancel.dev\/wp-content\/uploads\/2025\/01\/Capture-decran-2025-01-13-a-09.52.06-768x375.png 768w, https:\/\/lucas-chancel.dev\/wp-content\/uploads\/2025\/01\/Capture-decran-2025-01-13-a-09.52.06-1536x750.png 1536w, https:\/\/lucas-chancel.dev\/wp-content\/uploads\/2025\/01\/Capture-decran-2025-01-13-a-09.52.06.png 1903w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/>\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\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<div class=\"elementor-element elementor-element-3fd8437d e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-parent\" data-id=\"3fd8437d\" 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-36ac636 elementor-widget elementor-widget-spacer\" data-id=\"36ac636\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\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<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-25b99dc5 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-parent\" data-id=\"25b99dc5\" 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-78262440 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-child\" data-id=\"78262440\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-37ad11b7 elementor-widget elementor-widget-heading\" data-id=\"37ad11b7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Description du projet<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2b16177f elementor-widget elementor-widget-text-editor\" data-id=\"2b16177f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"page\" title=\"Page 2\"><div class=\"layoutArea\"><div class=\"column\"><p>Ce projet vise a\u0300 cre\u0301er une application web front-end pour un photographe qui souhaite exposer ses cliche\u0301s et renforcer sa pre\u0301sence en ligne. L&rsquo;objectif principal est de concevoir une plateforme attrayante et conviviale qui mette en valeur les photographies capture\u0301es par le photographe, offrant ainsi une expe\u0301rience immersive pour les visiteurs.<\/p><p>En utilisant les langages HTML, CSS et JavaScript, ainsi que le framework React.JS, l&rsquo;application garantit une expe\u0301rience utilisateur fluide et engageante. Le site se distingue par un design e\u0301pure\u0301 et esthe\u0301tiquement plaisant, permettant aux images de prendre le devant de la sce\u0300ne. La simplicite\u0301 et l&rsquo;e\u0301le\u0301gance sont privile\u0301gie\u0301es pour refle\u0301ter la beaute\u0301 intrinse\u0300que des cliche\u0301s.<\/p><p>L&rsquo;application propose diffe\u0301rentes fonctionnalite\u0301s pour faciliter l&rsquo;exploration des collections de photos, la visualisation en haute re\u0301solution et la navigation aise\u0301e entre les galeries. Gra\u0302ce a\u0300 une organisation soigne\u0301e du code source, les composants React et les fichiers de style CSS\/SCSS sont structure\u0301s de manie\u0300re logique, favorisant la maintenabilite\u0301 et la scalabilite\u0301 du projet.<\/p><\/div><\/div><\/div>\t\t\t\t\t\t\t\t<\/div>\n\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<div class=\"elementor-element elementor-element-45b0af74 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-parent\" data-id=\"45b0af74\" 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-5f541b5f elementor-widget elementor-widget-spacer\" data-id=\"5f541b5f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\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<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-45655dff e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-parent\" data-id=\"45655dff\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;shape_divider_top&quot;:&quot;arrow&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-shape elementor-shape-top\" aria-hidden=\"true\" data-negative=\"false\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 700 10\" preserveAspectRatio=\"none\">\n\t<path class=\"elementor-shape-fill\" d=\"M350,10L340,0h20L350,10z\"\/>\n<\/svg>\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7b6a93d elementor-widget elementor-widget-spacer\" data-id=\"7b6a93d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\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<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-29a35ed4 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-parent\" data-id=\"29a35ed4\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-4f3e3d71 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-child\" data-id=\"4f3e3d71\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-419dadc0 elementor-widget elementor-widget-heading\" data-id=\"419dadc0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Cahier des charges<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-668b0307 elementor-widget elementor-widget-text-editor\" data-id=\"668b0307\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"page\" title=\"Page 2\"><div class=\"layoutArea\"><div class=\"column\"><ul><li><strong>Galeries de photos<\/strong> : L&rsquo;application doit permettre au photographe de cre\u0301er et de ge\u0301rer plusieurs galeries de photos, organise\u0301es par the\u0300me, e\u0301ve\u0301nement ou cate\u0301gorie.<\/li><li><strong>Affichage des photos<\/strong> : Les photos doivent e\u0302tre affiche\u0301es de manie\u0300re attrayante, en haute re\u0301solution.<\/li><li><strong>Navigation intuitive<\/strong> : Les visiteurs du site doivent pouvoir naviguer facilement entre les diffe\u0301rentes galeries, en utilisant des boutons de navigation ou des menus de\u0301roulants, pour explorer les collections de photos.<\/li><li><strong>Pre\u0301sentation esthe\u0301tique<\/strong> : Le design de l&rsquo;application doit e\u0302tre e\u0301le\u0301gant, minimaliste et en harmonie avec le style du photographe. Une mise en page e\u0301pure\u0301e, des polices de caracte\u0300res adapte\u0301es et une utilisation judicieuse de l&rsquo;espace seront ne\u0301cessaires pour mettre en valeur les photographies.<\/li><li><strong>Re\u0301activite\u0301<\/strong> : L&rsquo;application doit e\u0302tre compatible avec diffe\u0301rents appareils et re\u0301solutions d&rsquo;e\u0301cran, en offrant une expe\u0301rience utilisateur optimale aussi bien sur les ordinateurs de bureau que sur les smartphones et les tablettes.<\/li><li><strong>Performances optimales<\/strong> : L&rsquo;application doit e\u0302tre rapide a\u0300 charger et re\u0301active lors de la navigation, afin d&rsquo;offrir une expe\u0301rience fluide aux utilisateurs.<\/li><li><strong>Optimisation pour les moteurs de recherche<\/strong> : L&rsquo;application doit e\u0302tre conc\u0327ue en tenant compte des bonnes pratiques de re\u0301fe\u0301rencement naturel (SEO), pour permettre aux photographies du photographe d&rsquo;apparai\u0302tre dans les re\u0301sultats de recherche pertinents.<\/li><\/ul><\/div><\/div><\/div>\t\t\t\t\t\t\t\t<\/div>\n\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<div class=\"elementor-element elementor-element-58750c3c e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-parent\" data-id=\"58750c3c\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;shape_divider_bottom&quot;:&quot;arrow&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-shape elementor-shape-bottom\" aria-hidden=\"true\" data-negative=\"false\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 700 10\" preserveAspectRatio=\"none\">\n\t<path class=\"elementor-shape-fill\" d=\"M350,10L340,0h20L350,10z\"\/>\n<\/svg>\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-176b1d91 elementor-widget elementor-widget-spacer\" data-id=\"176b1d91\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\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<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b4545c6 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-parent\" data-id=\"b4545c6\" 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-6458d69 elementor-widget elementor-widget-spacer\" data-id=\"6458d69\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\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<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-184b58d6 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-parent\" data-id=\"184b58d6\" 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-19970bd6 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-child\" data-id=\"19970bd6\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3329228c elementor-widget elementor-widget-heading\" data-id=\"3329228c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Charte graphique<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-65597fc elementor-widget elementor-widget-heading\" data-id=\"65597fc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Palette de couleurs<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4ec5348 elementor-widget elementor-widget-text-editor\" data-id=\"4ec5348\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>J&rsquo;ai opt\u00e9 pour des tons sobres et \u00e9l\u00e9gants afin de mettre en valeur les photographies :<\/p><ul><li><strong>Noir<\/strong> : pour rappeler la sophistication et offrir un contraste marqu\u00e9.<\/li><li><strong>Blanc<\/strong> : utilis\u00e9 comme base neutre pour une lisibilit\u00e9 optimale et un design \u00e9pur\u00e9.<\/li><\/ul>\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-ba06dbc elementor-widget elementor-widget-heading\" data-id=\"ba06dbc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Typographie<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2d89fe2 elementor-widget elementor-widget-text-editor\" data-id=\"2d89fe2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>J&rsquo;ai choisi une police sans-serif moderne, telle que <em>Montserrat<\/em>, qui allie lisibilit\u00e9 et simplicit\u00e9. Les titres sont mis en avant avec une taille plus grande et en gras pour renforcer la hi\u00e9rarchie visuelle, tandis que les textes explicatifs sont dans une taille mod\u00e9r\u00e9e pour offrir un confort de lecture optimal.<\/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-76356a3 elementor-widget elementor-widget-heading\" data-id=\"76356a3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Structure de la maquette \n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4cb99c1 elementor-widget elementor-widget-text-editor\" data-id=\"4cb99c1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>La maquette est con\u00e7ue pour \u00eatre intuitive et facilement navigable :<\/p><ul><li>Les menus sont bien organis\u00e9s et clairement visibles en haut de la page.<\/li><li>Les sections sont s\u00e9par\u00e9es par des blocs de couleur ou des images en pleine largeur, cr\u00e9ant un rythme visuel agr\u00e9able.<\/li><li>Une navigation fluide permet aux utilisateurs d\u2019acc\u00e9der rapidement aux informations essentielles : galerie de photos, tarifs et prestations, formulaire de contact.<\/li><\/ul>\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-141583c elementor-widget elementor-widget-heading\" data-id=\"141583c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Visuels et \u00e9l\u00e9ments interactifs\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4c269c6 elementor-widget elementor-widget-text-editor\" data-id=\"4c269c6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>J&rsquo;ai int\u00e9gr\u00e9 des images haute r\u00e9solution qui mettent en avant les \u0153uvres de Charles. Ces visuels jouent un r\u00f4le central pour captiver les visiteurs et refl\u00e9ter l&rsquo;expertise du photographe. Les ic\u00f4nes utilis\u00e9es apportent une touche moderne, tandis que les animations l\u00e9g\u00e8res (comme les effets au survol sur les boutons) enrichissent l&rsquo;exp\u00e9rience utilisateur.<\/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-3b57c92 elementor-widget elementor-widget-heading\" data-id=\"3b57c92\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Exp\u00e9rience utilisateur (UX)<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-13043ed elementor-widget elementor-widget-text-editor\" data-id=\"13043ed\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Chaque \u00e9l\u00e9ment a \u00e9t\u00e9 pens\u00e9 pour maximiser l&rsquo;ergonomie et simplifier l&rsquo;acc\u00e8s \u00e0 l&rsquo;information. Le design est 100 % responsive, garantissant une exp\u00e9rience fluide sur mobile, tablette et desktop.<\/p><p>Gr\u00e2ce \u00e0 ces choix, le site web de Charles Cantin offre une interface \u00e0 la fois moderne, accessible et fid\u00e8le \u00e0 l&rsquo;image du photographe.<\/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\t\t<div class=\"elementor-element elementor-element-74c7c62f elementor-widget elementor-widget-spacer\" data-id=\"74c7c62f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\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<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-20ccfdee e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-parent\" data-id=\"20ccfdee\" 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-4423a100 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-child\" data-id=\"4423a100\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6d8793c5 elementor-widget elementor-widget-heading\" data-id=\"6d8793c5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Site en ligne <\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-22990d17 elementor-widget elementor-widget-text-editor\" data-id=\"22990d17\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Oui<\/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-2341608a e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-child\" data-id=\"2341608a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8514c0c elementor-widget elementor-widget-heading\" data-id=\"8514c0c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Lien du site <\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4dee5e3 elementor-widget elementor-widget-text-editor\" data-id=\"4dee5e3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><a href=\"https:\/\/chancelucas.github.io\/Charles-Cantin\/\">https:\/\/chancelucas.github.io\/Charles-Cantin\/<\/a><\/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-d28eaf8 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-child\" data-id=\"d28eaf8\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-62a792de elementor-widget elementor-widget-heading\" data-id=\"62a792de\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Lien github du projet<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-32331647 elementor-widget elementor-widget-text-editor\" data-id=\"32331647\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><a href=\"https:\/\/github.com\/Chancelucas\/Charles-Cantin\">https:\/\/github.com\/Chancelucas\/Charles-Cantin<\/a><\/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-2f545961 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-child\" data-id=\"2f545961\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3db5a05b elementor-widget elementor-widget-heading\" data-id=\"3db5a05b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Type de projet<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-194df22c elementor-widget elementor-widget-text-editor\" data-id=\"194df22c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Projet d&rsquo;\u00e9cole<\/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\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-31870881 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-parent\" data-id=\"31870881\" 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-46587d9c elementor-widget elementor-widget-spacer\" data-id=\"46587d9c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\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<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-43ed3884 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-parent\" data-id=\"43ed3884\" 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-894433 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-child\" data-id=\"894433\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4eb86f3b elementor-widget elementor-widget-heading\" data-id=\"4eb86f3b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Stack technique<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-53c43781 elementor-widget elementor-widget-spacer\" data-id=\"53c43781\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\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<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-42a0e1e2 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-child\" data-id=\"42a0e1e2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5758789c elementor-widget elementor-widget-image\" data-id=\"5758789c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"48\" height=\"48\" src=\"https:\/\/lucas-chancel.dev\/wp-content\/uploads\/2025\/01\/icons8-html-48.png\" class=\"attachment-large size-large wp-image-191\" alt=\"\" \/>\t\t\t\t\t\t\t\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-1bd02778 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-child\" data-id=\"1bd02778\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-34801aa7 elementor-widget elementor-widget-image\" data-id=\"34801aa7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"48\" height=\"48\" src=\"https:\/\/lucas-chancel.dev\/wp-content\/uploads\/2025\/01\/icons8-css-48.png\" class=\"attachment-large size-large wp-image-192\" alt=\"\" \/>\t\t\t\t\t\t\t\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-0e30fb7 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-child\" data-id=\"0e30fb7\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c542e65 elementor-widget elementor-widget-image\" data-id=\"c542e65\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"50\" height=\"50\" src=\"https:\/\/lucas-chancel.dev\/wp-content\/uploads\/2025\/01\/icons8-toupet-50.png\" class=\"attachment-large size-large wp-image-196\" alt=\"\" \/>\t\t\t\t\t\t\t\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-4658422b e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-child\" data-id=\"4658422b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c3f65fe elementor-widget elementor-widget-image\" data-id=\"c3f65fe\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"50\" height=\"50\" src=\"https:\/\/lucas-chancel.dev\/wp-content\/uploads\/2025\/01\/icons8-javascript-50-1.png\" class=\"attachment-large size-large wp-image-193\" alt=\"\" \/>\t\t\t\t\t\t\t\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-3c69361b e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-child\" data-id=\"3c69361b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-51adb46d elementor-widget elementor-widget-image\" data-id=\"51adb46d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"50\" height=\"50\" src=\"https:\/\/lucas-chancel.dev\/wp-content\/uploads\/2025\/01\/icons8-react-native-50-1.png\" class=\"attachment-large size-large wp-image-194\" alt=\"\" \/>\t\t\t\t\t\t\t\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-6b6e0e e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-child\" data-id=\"6b6e0e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5d848718 elementor-widget elementor-widget-image\" data-id=\"5d848718\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"50\" height=\"50\" src=\"https:\/\/lucas-chancel.dev\/wp-content\/uploads\/2025\/01\/icons8-git-50-1.png\" class=\"attachment-large size-large wp-image-202\" alt=\"\" \/>\t\t\t\t\t\t\t\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-33a99292 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-child\" data-id=\"33a99292\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7e1da9ca elementor-widget elementor-widget-image\" data-id=\"7e1da9ca\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"48\" height=\"48\" src=\"https:\/\/lucas-chancel.dev\/wp-content\/uploads\/2025\/01\/icons8-github-48.png\" class=\"attachment-large size-large wp-image-265\" alt=\"\" \/>\t\t\t\t\t\t\t\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-67ce46d e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-child\" data-id=\"67ce46d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9c0ec2c elementor-widget elementor-widget-image\" data-id=\"9c0ec2c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"50\" height=\"50\" src=\"https:\/\/lucas-chancel.dev\/wp-content\/uploads\/2025\/01\/icons8-figma-50-1.png\" class=\"attachment-large size-large wp-image-201\" alt=\"\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\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<div class=\"elementor-element elementor-element-55388367 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-parent\" data-id=\"55388367\" 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-1b472bf3 elementor-widget elementor-widget-spacer\" data-id=\"1b472bf3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\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<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1d9ec0b4 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-parent\" data-id=\"1d9ec0b4\" 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-49a19ca1 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-child\" data-id=\"49a19ca1\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5eda265f elementor-widget elementor-widget-heading\" data-id=\"5eda265f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Commentaire<\/h2>\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-28613d33 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-child\" data-id=\"28613d33\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-670b0b13 elementor-widget elementor-widget-text-editor\" data-id=\"670b0b13\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Il s&rsquo;agit de mon premier site d\u00e9velopp\u00e9 avec React, qui m&rsquo;a permis d&rsquo;acqu\u00e9rir la ma\u00eetrise de ce framework.<\/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\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6f95040d e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-parent\" data-id=\"6f95040d\" 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-312adaca elementor-widget elementor-widget-spacer\" data-id=\"312adaca\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\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<\/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>Charles Cantin Description du projet Ce projet vise a\u0300 cre\u0301er une application web front-end pour un photographe qui souhaite exposer ses cliche\u0301s et renforcer sa pre\u0301sence en ligne. L&rsquo;objectif principal est de concevoir une plateforme attrayante et conviviale qui mette en valeur les photographies capture\u0301es par le photographe, offrant ainsi une expe\u0301rience immersive pour les visiteurs. En utilisant les langages HTML, CSS et JavaScript, ainsi que le framework React.JS, l&rsquo;application garantit une expe\u0301rience utilisateur fluide et engageante. Le site se distingue par un design e\u0301pure\u0301 et esthe\u0301tiquement plaisant, permettant aux images de prendre le devant de la sce\u0300ne. La simplicite\u0301 et l&rsquo;e\u0301le\u0301gance sont privile\u0301gie\u0301es pour refle\u0301ter la beaute\u0301 intrinse\u0300que des cliche\u0301s. L&rsquo;application propose diffe\u0301rentes fonctionnalite\u0301s pour faciliter l&rsquo;exploration des collections de photos, la visualisation en haute re\u0301solution et la navigation aise\u0301e entre les galeries. Gra\u0302ce a\u0300 une organisation soigne\u0301e du code source, les composants React et les fichiers de style CSS\/SCSS sont structure\u0301s de manie\u0300re logique, favorisant la maintenabilite\u0301 et la scalabilite\u0301 du projet. Cahier des charges Galeries de photos : L&rsquo;application doit permettre au photographe de cre\u0301er et de ge\u0301rer plusieurs galeries de photos, organise\u0301es par the\u0300me, e\u0301ve\u0301nement ou cate\u0301gorie. Affichage des photos : Les photos doivent e\u0302tre affiche\u0301es de manie\u0300re attrayante, en haute re\u0301solution. Navigation intuitive : Les visiteurs du site doivent pouvoir naviguer facilement entre les diffe\u0301rentes galeries, en utilisant des boutons de navigation ou des menus de\u0301roulants, pour explorer les collections de photos. Pre\u0301sentation esthe\u0301tique : Le design de l&rsquo;application doit e\u0302tre e\u0301le\u0301gant, minimaliste et en harmonie avec le style du photographe. Une mise en page e\u0301pure\u0301e, des polices de caracte\u0300res adapte\u0301es et une utilisation judicieuse de l&rsquo;espace seront ne\u0301cessaires pour mettre en valeur les photographies. Re\u0301activite\u0301 : L&rsquo;application doit e\u0302tre compatible avec diffe\u0301rents appareils et re\u0301solutions d&rsquo;e\u0301cran, en offrant une expe\u0301rience utilisateur optimale aussi bien sur les ordinateurs de bureau que sur les smartphones et les tablettes. Performances optimales : L&rsquo;application doit e\u0302tre rapide a\u0300 charger et re\u0301active lors de la navigation, afin d&rsquo;offrir une expe\u0301rience fluide aux utilisateurs. Optimisation pour les moteurs de recherche : L&rsquo;application doit e\u0302tre conc\u0327ue en tenant compte des bonnes pratiques de re\u0301fe\u0301rencement naturel (SEO), pour permettre aux photographies du photographe d&rsquo;apparai\u0302tre dans les re\u0301sultats de recherche pertinents. Charte graphique Palette de couleurs J&rsquo;ai opt\u00e9 pour des tons sobres et \u00e9l\u00e9gants afin de mettre en valeur les photographies : Noir : pour rappeler la sophistication et offrir un contraste marqu\u00e9. Blanc : utilis\u00e9 comme base neutre pour une lisibilit\u00e9 optimale et un design \u00e9pur\u00e9. Typographie J&rsquo;ai choisi une police sans-serif moderne, telle que Montserrat, qui allie lisibilit\u00e9 et simplicit\u00e9. Les titres sont mis en avant avec une taille plus grande et en gras pour renforcer la hi\u00e9rarchie visuelle, tandis que les textes explicatifs sont dans une taille mod\u00e9r\u00e9e pour offrir un confort de lecture optimal. Structure de la maquette La maquette est con\u00e7ue pour \u00eatre intuitive et facilement navigable : Les menus sont bien organis\u00e9s et clairement visibles en haut de la page. Les sections sont s\u00e9par\u00e9es par des blocs de couleur ou des images en pleine largeur, cr\u00e9ant un rythme visuel agr\u00e9able. Une navigation fluide permet aux utilisateurs d\u2019acc\u00e9der rapidement aux informations essentielles : galerie de photos, tarifs et prestations, formulaire de contact. Visuels et \u00e9l\u00e9ments interactifs J&rsquo;ai int\u00e9gr\u00e9 des images haute r\u00e9solution qui mettent en avant les \u0153uvres de Charles. Ces visuels jouent un r\u00f4le central pour captiver les visiteurs et refl\u00e9ter l&rsquo;expertise du photographe. Les ic\u00f4nes utilis\u00e9es apportent une touche moderne, tandis que les animations l\u00e9g\u00e8res (comme les effets au survol sur les boutons) enrichissent l&rsquo;exp\u00e9rience utilisateur. Exp\u00e9rience utilisateur (UX) Chaque \u00e9l\u00e9ment a \u00e9t\u00e9 pens\u00e9 pour maximiser l&rsquo;ergonomie et simplifier l&rsquo;acc\u00e8s \u00e0 l&rsquo;information. Le design est 100 % responsive, garantissant une exp\u00e9rience fluide sur mobile, tablette et desktop. Gr\u00e2ce \u00e0 ces choix, le site web de Charles Cantin offre une interface \u00e0 la fois moderne, accessible et fid\u00e8le \u00e0 l&rsquo;image du photographe. Site en ligne Oui Lien du site https:\/\/chancelucas.github.io\/Charles-Cantin\/ Lien github du projet https:\/\/github.com\/Chancelucas\/Charles-Cantin Type de projet Projet d&rsquo;\u00e9cole Stack technique Commentaire Il s&rsquo;agit de mon premier site d\u00e9velopp\u00e9 avec React, qui m&rsquo;a permis d&rsquo;acqu\u00e9rir la ma\u00eetrise de ce framework.<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"elementor_header_footer","format":"standard","meta":{"footnotes":""},"categories":[21,34,38],"tags":[8,17,18,19,7,9,10,12],"class_list":["post-158","post","type-post","status-publish","format-standard","hentry","category-frontend","category-maquette","category-tous","tag-css","tag-figma","tag-git","tag-github","tag-html","tag-javascript","tag-reactjs","tag-sass","entry"],"_links":{"self":[{"href":"https:\/\/lucas-chancel.dev\/index.php\/wp-json\/wp\/v2\/posts\/158","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/lucas-chancel.dev\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/lucas-chancel.dev\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/lucas-chancel.dev\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/lucas-chancel.dev\/index.php\/wp-json\/wp\/v2\/comments?post=158"}],"version-history":[{"count":46,"href":"https:\/\/lucas-chancel.dev\/index.php\/wp-json\/wp\/v2\/posts\/158\/revisions"}],"predecessor-version":[{"id":1271,"href":"https:\/\/lucas-chancel.dev\/index.php\/wp-json\/wp\/v2\/posts\/158\/revisions\/1271"}],"wp:attachment":[{"href":"https:\/\/lucas-chancel.dev\/index.php\/wp-json\/wp\/v2\/media?parent=158"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/lucas-chancel.dev\/index.php\/wp-json\/wp\/v2\/categories?post=158"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/lucas-chancel.dev\/index.php\/wp-json\/wp\/v2\/tags?post=158"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}