{"id":682,"date":"2026-03-18T14:12:14","date_gmt":"2026-03-18T14:12:14","guid":{"rendered":"https:\/\/erwanklein.fr\/?page_id=682"},"modified":"2026-07-28T14:15:50","modified_gmt":"2026-07-28T14:15:50","slug":"projet-sundown-coffee","status":"publish","type":"page","link":"https:\/\/erwanklein.fr\/?page_id=682","title":{"rendered":"Projet Sundown Coffee"},"content":{"rendered":"<p class=\"attachment\"><a href='https:\/\/erwanklein.fr\/wp-content\/uploads\/2026\/03\/Illustration-facade.webp'><img fetchpriority=\"high\" decoding=\"async\" width=\"300\" height=\"170\" src=\"https:\/\/erwanklein.fr\/wp-content\/uploads\/2026\/03\/Illustration-facade-300x170.webp\" class=\"attachment-medium size-medium\" alt=\"\" srcset=\"https:\/\/erwanklein.fr\/wp-content\/uploads\/2026\/03\/Illustration-facade-300x170.webp 300w, https:\/\/erwanklein.fr\/wp-content\/uploads\/2026\/03\/Illustration-facade-1024x580.webp 1024w, https:\/\/erwanklein.fr\/wp-content\/uploads\/2026\/03\/Illustration-facade-768x435.webp 768w, https:\/\/erwanklein.fr\/wp-content\/uploads\/2026\/03\/Illustration-facade-1536x870.webp 1536w, https:\/\/erwanklein.fr\/wp-content\/uploads\/2026\/03\/Illustration-facade-2048x1160.webp 2048w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"682\" class=\"elementor elementor-682\" data-elementor-settings=\"{&quot;ha_cmc_init_switcher&quot;:&quot;no&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-971be44 elementor-hidden-desktop elementor-hidden-tablet e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent\" data-id=\"971be44\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;position&quot;:&quot;fixed&quot;,&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-3f45f49 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-child\" data-id=\"3f45f49\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ab5a3ff elementor-view-default elementor-widget elementor-widget-icon\" data-id=\"ab5a3ff\" 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:\/\/erwanklein.fr\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" id=\"Calque_1\" data-name=\"Calque 1\" viewBox=\"0 0 760.07 841.89\"><path d=\"M466.3,543.51l-70.75-259.02h-.04l-.13-97.71h67.77c4.63,0,9.18-.32,13.66-.95l45.49,128.25h33.29l-49.66-138.39c23.44-14.36,35.17-39.39,35.17-75.08,0-17.53-3.02-32.79-9.07-45.78-6.05-12.99-14.89-23.02-26.54-30.1-11.65-7.07-25.76-10.61-42.33-10.61H204.47v299.96h147.91l-62.4,228.79-54.67-228.82-30.84.02,64.06,300.94h35.65l33.76-122.02h80.12l33.76,122.02h36.49l.56-4.17.28-1.28,66.46-295.47-33.29-.02-56.01,229.44ZM462.71,50.23c5.38,0,11.72.95,19.04,2.85,10.6,3.17,18.14,8.66,22.62,16.47,4.48,7.82,6.72,18.17,6.72,31.05,0,16.69-4,29.1-11.98,37.22-7.99,8.13-20.05,12.31-36.17,12.51h-67.6l-.13-100.11h67.5ZM241.8,54.73h119.67v95.62h-97.12v36.43h97.12v85.98h-119.67V54.73ZM346.49,462.11l31.52-113.92,31.52,113.92h-63.03Z\" style=\"fill: #fff;\"><\/path><path d=\"M579.02,150.34c60.22,54.36,98.07,133.03,98.07,220.55,0,102.54-51.95,192.94-130.97,246.32-15.8,10.68-32.69,19.87-34.01,21.28-34.22,13.63-52.87,19.46-2.65-6.39-88.9,33.76-108.93,35.84-131.72-85.05-18.22,120.89-38.24,118.81-126.66,85.62,49.74,25.28,31.08,19.44-2.51,6.09-1.95-1.68-18.83-10.87-34.64-21.55-79.02-53.38-130.97-143.79-130.97-246.32,0-87.51,37.85-166.18,98.07-220.55-73.73,58.62-121.01,149.09-121.01,250.6,0,110.46,55.96,207.84,141.09,265.35,17.02,11.5,30.67,31.54,34.54,40.66,33.78-12.89,59.05,3.23,15.14,34.48,85.57-22.73,107.14-20.49,128.06,86.34,23.26-106.83,44.83-109.07,130.92-85.81-44.42-31.78-19.9-52.79,23.21-36.79,3.15-9.18,8.93-27.38,25.95-38.88,85.12-57.51,141.08-154.89,141.08-265.35,0-101.52-47.28-191.98-121.01-250.6Z\" style=\"fill: #fff;\"><\/path><\/svg>\t\t\t<\/a>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8cfc20b e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-child\" data-id=\"8cfc20b\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cb5ba3d eael_simple_menu_hamburger_disable_selected_menu_hide eael-simple-menu-hamburger-align-right eael-simple-menu-link-full-width eael-hamburger--tablet elementor-widget elementor-widget-eael-simple-menu\" data-id=\"cb5ba3d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"eael-simple-menu.default\">\n\t\t\t\t\t<style>\n                        @media screen and (max-width: 1024px) {\n                            .eael-hamburger--tablet {\n                                .eael-simple-menu-horizontal,\n                                .eael-simple-menu-vertical {\n                                    display: none;\n                                }\n                            }\n                            .eael-hamburger--tablet {\n                                .eael-simple-menu-container .eael-simple-menu-toggle {\n                                    display: block;\n                                }\n                            }\n                        }\n                    <\/style><style>\n                        @media screen and (min-width: 1025px) {\n                        \/* Left aligned horizontal menus lay out with `float: left` on the\n                           items, so their list stays `block` - forcing flex here would\n                           take the items out of flow and break the row. Only centre and\n                           right aligned horizontal menus are inline-flex. *\/\n                        .elementor-element-cb5ba3d .eael-simple-menu-container.eael-simple-menu--loading > ul.eael-simple-menu-horizontal,\n                        .elementor-element-cb5ba3d .eael-simple-menu-container.eael-simple-menu--loading > ul.eael-simple-menu-vertical {\n                            display: block;\n                        }\n                        .elementor-element-cb5ba3d .eael-simple-menu-container.eael-simple-menu--loading.eael-simple-menu-align-center {\n                            text-align: center;\n                        }\n                        .elementor-element-cb5ba3d .eael-simple-menu-container.eael-simple-menu--loading.eael-simple-menu-align-right {\n                            text-align: right;\n                        }\n                        .elementor-element-cb5ba3d .eael-simple-menu-container.eael-simple-menu--loading.eael-simple-menu-align-center > ul.eael-simple-menu-horizontal,\n                        .elementor-element-cb5ba3d .eael-simple-menu-container.eael-simple-menu--loading.eael-simple-menu-align-right > ul.eael-simple-menu-horizontal {\n                            display: -webkit-inline-box;\n                            display: -ms-inline-flexbox;\n                            display: inline-flex;\n                        }\n                        .elementor-element-cb5ba3d .eael-simple-menu-container.eael-simple-menu--loading .eael-simple-menu-toggle,\n                        .elementor-element-cb5ba3d .eael-simple-menu-container.eael-simple-menu--loading .eael-simple-menu-toggle-text {\n                            display: none;\n                        }\n                        }\n                    <\/style>            <div data-hamburger-icon=\"&lt;svg xmlns=&quot;http:\/\/www.w3.org\/2000\/svg&quot; width=&quot;800px&quot; height=&quot;800px&quot; viewBox=&quot;0 0 24 24&quot; fill=&quot;none&quot;&gt;&lt;g id=&quot;SVGRepo_bgCarrier&quot; stroke-width=&quot;0&quot;&gt;&lt;\/g&gt;&lt;g id=&quot;SVGRepo_tracerCarrier&quot; stroke-linecap=&quot;round&quot; stroke-linejoin=&quot;round&quot;&gt;&lt;\/g&gt;&lt;g id=&quot;SVGRepo_iconCarrier&quot;&gt;&lt;path d=&quot;M4 18L20 18&quot; stroke=&quot;#ffffff&quot; stroke-width=&quot;2&quot; stroke-linecap=&quot;round&quot;&gt;&lt;\/path&gt;&lt;path d=&quot;M4 12L20 12&quot; stroke=&quot;#ffffff&quot; stroke-width=&quot;2&quot; stroke-linecap=&quot;round&quot;&gt;&lt;\/path&gt;&lt;path d=&quot;M4 6L20 6&quot; stroke=&quot;#ffffff&quot; stroke-width=&quot;2&quot; stroke-linecap=&quot;round&quot;&gt;&lt;\/path&gt;&lt;\/g&gt;&lt;\/svg&gt;\" data-indicator-icon=\"&lt;svg aria-hidden=&quot;true&quot; class=&quot;e-font-icon-svg e-fas-angle-down&quot; viewBox=&quot;0 0 320 512&quot; xmlns=&quot;http:\/\/www.w3.org\/2000\/svg&quot;&gt;&lt;path d=&quot;M143 352.3L7 216.3c-9.4-9.4-9.4-24.6 0-33.9l22.6-22.6c9.4-9.4 24.6-9.4 33.9 0l96.4 96.4 96.4-96.4c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9l-136 136c-9.2 9.4-24.4 9.4-33.8 0z&quot;&gt;&lt;\/path&gt;&lt;\/svg&gt;\" data-dropdown-indicator-icon=\"&lt;svg class=&quot;e-font-icon-svg e-fas-angle-down&quot; viewBox=&quot;0 0 320 512&quot; xmlns=&quot;http:\/\/www.w3.org\/2000\/svg&quot;&gt;&lt;path d=&quot;M143 352.3L7 216.3c-9.4-9.4-9.4-24.6 0-33.9l22.6-22.6c9.4-9.4 24.6-9.4 33.9 0l96.4 96.4 96.4-96.4c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9l-136 136c-9.2 9.4-24.4 9.4-33.8 0z&quot;&gt;&lt;\/path&gt;&lt;\/svg&gt;\" class=\"eael-simple-menu-container eael-simple-menu--loading eael-simple-menu-align-left eael-simple-menu--stretch eael-simple-menu-dropdown-align-left preset-1 eael-simple-menu-link-full-width\" data-hamburger-breakpoints=\"{&quot;mobile&quot;:&quot;Portrait mobile (&gt; 767px)&quot;,&quot;tablet&quot;:&quot;Tablette en mode portrait (&gt; 1024px)&quot;,&quot;desktop&quot;:&quot;Desktop (&gt; 2400px)&quot;,&quot;none&quot;:&quot;None&quot;}\" data-hamburger-device=\"tablet\">\n                <ul id=\"menu-menu\" class=\"eael-simple-menu eael-simple-menu-dropdown-animate-to-top eael-simple-menu-indicator eael-simple-menu-horizontal\"><li id=\"menu-item-743\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-home menu-item-743\"><a href=\"https:\/\/erwanklein.fr\/\">Page d&rsquo;accueil<\/a><\/li>\n<li id=\"menu-item-747\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-747\"><a href=\"https:\/\/erwanklein.fr\/?page_id=31\">Mon histoire<\/a><\/li>\n<li id=\"menu-item-746\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-746\"><a href=\"https:\/\/erwanklein.fr\/?page_id=433\">Illustrations<\/a><\/li>\n<li id=\"menu-item-745\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-745\"><a href=\"https:\/\/erwanklein.fr\/?page_id=435\">Photographies<\/a><\/li>\n<li id=\"menu-item-744\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-744\"><a href=\"https:\/\/erwanklein.fr\/?page_id=437\">Webdesign<\/a><\/li>\n<\/ul>                <button class=\"eael-simple-menu-toggle\">\n                    <span class=\"sr-only \">Hamburger Toggle Menu<\/span>\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"800px\" height=\"800px\" viewBox=\"0 0 24 24\" fill=\"none\"><g id=\"SVGRepo_bgCarrier\" stroke-width=\"0\"><\/g><g id=\"SVGRepo_tracerCarrier\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/g><g id=\"SVGRepo_iconCarrier\"><path d=\"M4 18L20 18\" stroke=\"#ffffff\" stroke-width=\"2\" stroke-linecap=\"round\"><\/path><path d=\"M4 12L20 12\" stroke=\"#ffffff\" stroke-width=\"2\" stroke-linecap=\"round\"><\/path><path d=\"M4 6L20 6\" stroke=\"#ffffff\" stroke-width=\"2\" stroke-linecap=\"round\"><\/path><\/g><\/svg>                <\/button>\n            <\/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-f53b01b e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent\" data-id=\"f53b01b\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;shape_divider_bottom&quot;:&quot;curve&quot;,&quot;shape_divider_bottom_negative&quot;:&quot;yes&quot;,&quot;_ha_eqh_enable&quot;:false}\">\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=\"true\">\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=\"M500,97C126.7,96.3,0.8,19.8,0,0v100l1000,0V1C1000,19.4,873.3,97.8,500,97z\"\/>\n<\/svg>\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cc4a9dd h1 elementor-widget elementor-widget-heading\" data-id=\"cc4a9dd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">Sundown Coffee<\/h1>\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6b3952c elementor-hidden-desktop elementor-hidden-tablet e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-child\" data-id=\"6b3952c\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;position&quot;:&quot;fixed&quot;,&quot;_ha_eqh_enable&quot;:false}\">\n\t\t<div class=\"elementor-element elementor-element-4254496 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-child\" data-id=\"4254496\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-17214e8 elementor-view-default elementor-widget elementor-widget-icon\" data-id=\"17214e8\" 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:\/\/erwanklein.fr\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" id=\"Calque_1\" data-name=\"Calque 1\" viewBox=\"0 0 760.07 841.89\"><path d=\"M466.3,543.51l-70.75-259.02h-.04l-.13-97.71h67.77c4.63,0,9.18-.32,13.66-.95l45.49,128.25h33.29l-49.66-138.39c23.44-14.36,35.17-39.39,35.17-75.08,0-17.53-3.02-32.79-9.07-45.78-6.05-12.99-14.89-23.02-26.54-30.1-11.65-7.07-25.76-10.61-42.33-10.61H204.47v299.96h147.91l-62.4,228.79-54.67-228.82-30.84.02,64.06,300.94h35.65l33.76-122.02h80.12l33.76,122.02h36.49l.56-4.17.28-1.28,66.46-295.47-33.29-.02-56.01,229.44ZM462.71,50.23c5.38,0,11.72.95,19.04,2.85,10.6,3.17,18.14,8.66,22.62,16.47,4.48,7.82,6.72,18.17,6.72,31.05,0,16.69-4,29.1-11.98,37.22-7.99,8.13-20.05,12.31-36.17,12.51h-67.6l-.13-100.11h67.5ZM241.8,54.73h119.67v95.62h-97.12v36.43h97.12v85.98h-119.67V54.73ZM346.49,462.11l31.52-113.92,31.52,113.92h-63.03Z\" style=\"fill: #fff;\"><\/path><path d=\"M579.02,150.34c60.22,54.36,98.07,133.03,98.07,220.55,0,102.54-51.95,192.94-130.97,246.32-15.8,10.68-32.69,19.87-34.01,21.28-34.22,13.63-52.87,19.46-2.65-6.39-88.9,33.76-108.93,35.84-131.72-85.05-18.22,120.89-38.24,118.81-126.66,85.62,49.74,25.28,31.08,19.44-2.51,6.09-1.95-1.68-18.83-10.87-34.64-21.55-79.02-53.38-130.97-143.79-130.97-246.32,0-87.51,37.85-166.18,98.07-220.55-73.73,58.62-121.01,149.09-121.01,250.6,0,110.46,55.96,207.84,141.09,265.35,17.02,11.5,30.67,31.54,34.54,40.66,33.78-12.89,59.05,3.23,15.14,34.48,85.57-22.73,107.14-20.49,128.06,86.34,23.26-106.83,44.83-109.07,130.92-85.81-44.42-31.78-19.9-52.79,23.21-36.79,3.15-9.18,8.93-27.38,25.95-38.88,85.12-57.51,141.08-154.89,141.08-265.35,0-101.52-47.28-191.98-121.01-250.6Z\" style=\"fill: #fff;\"><\/path><\/svg>\t\t\t<\/a>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c2f4c3a e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-child\" data-id=\"c2f4c3a\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7e6ff44 eael_simple_menu_hamburger_disable_selected_menu_hide eael-simple-menu-hamburger-align-right eael-simple-menu-link-full-width eael-hamburger--tablet elementor-widget elementor-widget-eael-simple-menu\" data-id=\"7e6ff44\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"eael-simple-menu.default\">\n\t\t\t\t\t<style>\n                        @media screen and (max-width: 1024px) {\n                            .eael-hamburger--tablet {\n                                .eael-simple-menu-horizontal,\n                                .eael-simple-menu-vertical {\n                                    display: none;\n                                }\n                            }\n                            .eael-hamburger--tablet {\n                                .eael-simple-menu-container .eael-simple-menu-toggle {\n                                    display: block;\n                                }\n                            }\n                        }\n                    <\/style><style>\n                        @media screen and (min-width: 1025px) {\n                        \/* Left aligned horizontal menus lay out with `float: left` on the\n                           items, so their list stays `block` - forcing flex here would\n                           take the items out of flow and break the row. Only centre and\n                           right aligned horizontal menus are inline-flex. *\/\n                        .elementor-element-7e6ff44 .eael-simple-menu-container.eael-simple-menu--loading > ul.eael-simple-menu-horizontal,\n                        .elementor-element-7e6ff44 .eael-simple-menu-container.eael-simple-menu--loading > ul.eael-simple-menu-vertical {\n                            display: block;\n                        }\n                        .elementor-element-7e6ff44 .eael-simple-menu-container.eael-simple-menu--loading.eael-simple-menu-align-center {\n                            text-align: center;\n                        }\n                        .elementor-element-7e6ff44 .eael-simple-menu-container.eael-simple-menu--loading.eael-simple-menu-align-right {\n                            text-align: right;\n                        }\n                        .elementor-element-7e6ff44 .eael-simple-menu-container.eael-simple-menu--loading.eael-simple-menu-align-center > ul.eael-simple-menu-horizontal,\n                        .elementor-element-7e6ff44 .eael-simple-menu-container.eael-simple-menu--loading.eael-simple-menu-align-right > ul.eael-simple-menu-horizontal {\n                            display: -webkit-inline-box;\n                            display: -ms-inline-flexbox;\n                            display: inline-flex;\n                        }\n                        .elementor-element-7e6ff44 .eael-simple-menu-container.eael-simple-menu--loading .eael-simple-menu-toggle,\n                        .elementor-element-7e6ff44 .eael-simple-menu-container.eael-simple-menu--loading .eael-simple-menu-toggle-text {\n                            display: none;\n                        }\n                        }\n                    <\/style>            <div data-hamburger-icon=\"&lt;svg xmlns=&quot;http:\/\/www.w3.org\/2000\/svg&quot; width=&quot;800px&quot; height=&quot;800px&quot; viewBox=&quot;0 0 24 24&quot; fill=&quot;none&quot;&gt;&lt;g id=&quot;SVGRepo_bgCarrier&quot; stroke-width=&quot;0&quot;&gt;&lt;\/g&gt;&lt;g id=&quot;SVGRepo_tracerCarrier&quot; stroke-linecap=&quot;round&quot; stroke-linejoin=&quot;round&quot;&gt;&lt;\/g&gt;&lt;g id=&quot;SVGRepo_iconCarrier&quot;&gt;&lt;path d=&quot;M4 18L20 18&quot; stroke=&quot;#ffffff&quot; stroke-width=&quot;2&quot; stroke-linecap=&quot;round&quot;&gt;&lt;\/path&gt;&lt;path d=&quot;M4 12L20 12&quot; stroke=&quot;#ffffff&quot; stroke-width=&quot;2&quot; stroke-linecap=&quot;round&quot;&gt;&lt;\/path&gt;&lt;path d=&quot;M4 6L20 6&quot; stroke=&quot;#ffffff&quot; stroke-width=&quot;2&quot; stroke-linecap=&quot;round&quot;&gt;&lt;\/path&gt;&lt;\/g&gt;&lt;\/svg&gt;\" data-indicator-icon=\"&lt;svg aria-hidden=&quot;true&quot; class=&quot;e-font-icon-svg e-fas-angle-down&quot; viewBox=&quot;0 0 320 512&quot; xmlns=&quot;http:\/\/www.w3.org\/2000\/svg&quot;&gt;&lt;path d=&quot;M143 352.3L7 216.3c-9.4-9.4-9.4-24.6 0-33.9l22.6-22.6c9.4-9.4 24.6-9.4 33.9 0l96.4 96.4 96.4-96.4c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9l-136 136c-9.2 9.4-24.4 9.4-33.8 0z&quot;&gt;&lt;\/path&gt;&lt;\/svg&gt;\" data-dropdown-indicator-icon=\"&lt;svg class=&quot;e-font-icon-svg e-fas-angle-down&quot; viewBox=&quot;0 0 320 512&quot; xmlns=&quot;http:\/\/www.w3.org\/2000\/svg&quot;&gt;&lt;path d=&quot;M143 352.3L7 216.3c-9.4-9.4-9.4-24.6 0-33.9l22.6-22.6c9.4-9.4 24.6-9.4 33.9 0l96.4 96.4 96.4-96.4c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9l-136 136c-9.2 9.4-24.4 9.4-33.8 0z&quot;&gt;&lt;\/path&gt;&lt;\/svg&gt;\" class=\"eael-simple-menu-container eael-simple-menu--loading eael-simple-menu-align-left eael-simple-menu--stretch eael-simple-menu-dropdown-align-left preset-1 eael-simple-menu-link-full-width\" data-hamburger-breakpoints=\"{&quot;mobile&quot;:&quot;Portrait mobile (&gt; 767px)&quot;,&quot;tablet&quot;:&quot;Tablette en mode portrait (&gt; 1024px)&quot;,&quot;desktop&quot;:&quot;Desktop (&gt; 2400px)&quot;,&quot;none&quot;:&quot;None&quot;}\" data-hamburger-device=\"tablet\">\n                <ul id=\"menu-menu-1\" class=\"eael-simple-menu eael-simple-menu-dropdown-animate-to-top eael-simple-menu-indicator eael-simple-menu-horizontal\"><li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-home menu-item-743\"><a href=\"https:\/\/erwanklein.fr\/\">Page d&rsquo;accueil<\/a><\/li>\n<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-747\"><a href=\"https:\/\/erwanklein.fr\/?page_id=31\">Mon histoire<\/a><\/li>\n<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-746\"><a href=\"https:\/\/erwanklein.fr\/?page_id=433\">Illustrations<\/a><\/li>\n<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-745\"><a href=\"https:\/\/erwanklein.fr\/?page_id=435\">Photographies<\/a><\/li>\n<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-744\"><a href=\"https:\/\/erwanklein.fr\/?page_id=437\">Webdesign<\/a><\/li>\n<\/ul>                <button class=\"eael-simple-menu-toggle\">\n                    <span class=\"sr-only \">Hamburger Toggle Menu<\/span>\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"800px\" height=\"800px\" viewBox=\"0 0 24 24\" fill=\"none\"><g id=\"SVGRepo_bgCarrier\" stroke-width=\"0\"><\/g><g id=\"SVGRepo_tracerCarrier\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/g><g id=\"SVGRepo_iconCarrier\"><path d=\"M4 18L20 18\" stroke=\"#ffffff\" stroke-width=\"2\" stroke-linecap=\"round\"><\/path><path d=\"M4 12L20 12\" stroke=\"#ffffff\" stroke-width=\"2\" stroke-linecap=\"round\"><\/path><path d=\"M4 6L20 6\" stroke=\"#ffffff\" stroke-width=\"2\" stroke-linecap=\"round\"><\/path><\/g><\/svg>                <\/button>\n            <\/div>\n            \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-2617d3a e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent\" data-id=\"2617d3a\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-a35f150 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-child\" data-id=\"a35f150\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8cfd7d8 h2 elementor-widget elementor-widget-heading\" data-id=\"8cfd7d8\" 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\">Sundown Coffee, qu'est ce que c'est ?<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ce15af4 elementor-widget elementor-widget-text-editor\" data-id=\"ce15af4\" 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 style=\"font-size: 14px; letter-spacing: 0.2px;\">Sundown Coffee est un projet fictif r\u00e9alis\u00e9 dans le cadre de mon Bachelor Concepteur Designer UI. L\u2019objectif \u00e9tant de cr\u00e9er une entreprise ou \u00e9v\u00e8nement fictif, et de r\u00e9aliser son analyse marketing, identit\u00e9 et charte graphique, ainsi que son site internet dans le respect des normes de la W3C, et y inclure des fonctionnalit\u00e9es E-Commerce.<\/p><p style=\"font-size: 14px; letter-spacing: 0.2px;\">C\u2019est ainsi que le projet Sundown Coffee a vu le jour : un cybercaf\u00e9 proposant un service de location d\u2019ordinateurs derni\u00e8re g\u00e9n\u00e9ration et de consoles de jeux en ligne pour une dur\u00e9e d\u00e9termin\u00e9e. Cumul\u00e9 \u00e0 ce service, il dispose d\u2019un coin Caf\u00e9 ax\u00e9 sur la pop culture japonaise, dont la sp\u00e9cialit\u00e9 est le Bubble Tea revisit\u00e9 \u00e0 l\u2019image de personnages embl\u00e9matiques des mangas\/anim\u00e9s.<\/p><p style=\"font-size: 14px; letter-spacing: 0.2px;\">L&rsquo;objectif du site internet de Sundown Coffee consiste \u00e0 simplifier la r\u00e9servation de stations de jeux sans devoir appeler syst\u00e9matiquement la structure. Il permet aux utilisateurs d&rsquo;avoir un visuel sur les stations disponibles \u00e0 une heure pr\u00e9cise d&rsquo;un coup d&rsquo;\u0153il.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e9eeac8 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-child\" data-id=\"e9eeac8\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5618444 elementor-widget elementor-widget-image\" data-id=\"5618444\" 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 decoding=\"async\" width=\"800\" height=\"450\" data-src=\"https:\/\/erwanklein.fr\/wp-content\/uploads\/2026\/05\/Animationlogopaysage-ezgif.com-effects.gif\" class=\"attachment-large size-large wp-image-911 lazyload\" alt=\"Animation logo.\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 800px; --smush-placeholder-aspect-ratio: 800\/450;\" \/>\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-5a6c306 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent\" data-id=\"5a6c306\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-3a4b202 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-child\" data-id=\"3a4b202\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d1a45d1 elementor-widget elementor-widget-image\" data-id=\"d1a45d1\" 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 decoding=\"async\" width=\"2000\" height=\"2000\" data-src=\"https:\/\/erwanklein.fr\/wp-content\/uploads\/2026\/03\/Identite-graphique-SDC.webp\" class=\"attachment-full size-full wp-image-780 lazyload\" alt=\"\" data-srcset=\"https:\/\/erwanklein.fr\/wp-content\/uploads\/2026\/03\/Identite-graphique-SDC.webp 2000w, https:\/\/erwanklein.fr\/wp-content\/uploads\/2026\/03\/Identite-graphique-SDC-300x300.webp 300w, https:\/\/erwanklein.fr\/wp-content\/uploads\/2026\/03\/Identite-graphique-SDC-1024x1024.webp 1024w, https:\/\/erwanklein.fr\/wp-content\/uploads\/2026\/03\/Identite-graphique-SDC-150x150.webp 150w, https:\/\/erwanklein.fr\/wp-content\/uploads\/2026\/03\/Identite-graphique-SDC-768x768.webp 768w, https:\/\/erwanklein.fr\/wp-content\/uploads\/2026\/03\/Identite-graphique-SDC-1536x1536.webp 1536w\" data-sizes=\"(max-width: 2000px) 100vw, 2000px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 2000px; --smush-placeholder-aspect-ratio: 2000\/2000;\" \/>\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<div class=\"elementor-element elementor-element-611a471 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-child\" data-id=\"611a471\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c139917 h2 elementor-widget elementor-widget-heading\" data-id=\"c139917\" 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\">Une identit\u00e9 graphique unique<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ec53ad1 elementor-widget elementor-widget-text-editor\" data-id=\"ec53ad1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<hr data-start=\"62\" data-end=\"65\" \/><p data-start=\"67\" data-end=\"360\">La charte graphique de <strong data-start=\"90\" data-end=\"108\">Sundown Coffee<\/strong> d\u00e9finit une identit\u00e9 visuelle forte bas\u00e9e sur la <strong data-start=\"158\" data-end=\"198\">fusion entre l\u2019univers geek et otaku<\/strong>. Le concept central repose sur la rencontre de deux mondes, symbolis\u00e9e par une <strong data-start=\"278\" data-end=\"289\">\u00e9clipse<\/strong>, \u00e9l\u00e9ment cl\u00e9 du logo, qui repr\u00e9sente l\u2019union entre le jour et la nuit.<\/p><p data-start=\"362\" data-end=\"622\">L\u2019identit\u00e9 visuelle utilise une <strong data-start=\"394\" data-end=\"440\">palette de couleurs contrast\u00e9e et vibrante<\/strong>, domin\u00e9e par le violet (Persian Indigo), m\u00e9lange du rouge (culture japonaise) et du bleu (univers gaming), accompagn\u00e9e de teintes sombres pour rappeler l\u2019ambiance des salles de jeu.<\/p><p data-start=\"624\" data-end=\"863\">Le logo est d\u00e9clin\u00e9 en plusieurs versions (horizontal, vertical, ic\u00f4ne) avec des r\u00e8gles strictes d\u2019utilisation afin de garantir sa lisibilit\u00e9 et sa coh\u00e9rence. Des interdictions pr\u00e9cises encadrent son usage pour pr\u00e9server l\u2019image de marque.<\/p><p data-start=\"865\" data-end=\"1059\">La typographie repose sur une hi\u00e9rarchie claire : une police forte et r\u00e9tro pour les titres, une secondaire coh\u00e9rente pour les sous-titres, et une police simple et lisible pour le texte courant.<\/p><p data-start=\"1061\" data-end=\"1294\">Enfin, l\u2019ensemble des \u00e9l\u00e9ments graphiques est pens\u00e9 pour \u00eatre <strong data-start=\"1123\" data-end=\"1157\">coh\u00e9rent sur tous les supports<\/strong> (print, textile, digital, espace physique), afin de cr\u00e9er une exp\u00e9rience immersive et reconnaissable autour de l\u2019univers Sundown Coffee.<\/p>\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-e657c23 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent\" data-id=\"e657c23\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-d780cb3 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-child\" data-id=\"d780cb3\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-186acb5 h2 elementor-widget elementor-widget-heading\" data-id=\"186acb5\" 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\">Des illustrations uniques, pour un site unique<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-54063a3 elementor-widget elementor-widget-text-editor\" data-id=\"54063a3\" 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=\"0\" data-end=\"354\">Pour le site de <strong data-start=\"16\" data-end=\"34\">Sundown Coffee<\/strong>, l\u2019objectif a \u00e9t\u00e9 de proposer une exp\u00e9rience originale et immersive en imaginant un univers unique o\u00f9 <strong data-start=\"137\" data-end=\"183\">des personnages issus de diff\u00e9rents anim\u00e9s<\/strong> se retrouvent dans un m\u00eame lieu. Ce concept met en sc\u00e8ne un espace fictif dans lequel ces univers se croisent naturellement, autour du jeu vid\u00e9o et de moments de d\u00e9tente.<\/p><p data-start=\"356\" data-end=\"666\">Cet univers se traduit visuellement par la cr\u00e9ation d\u2019<strong data-start=\"410\" data-end=\"438\">illustrations narratives<\/strong>, repr\u00e9sentant diverses sc\u00e8nes de vie \u00e0 l\u2019int\u00e9rieur de Sundown Coffee. On y retrouve des personnages en train de jouer, discuter ou simplement profiter de l\u2019ambiance, renfor\u00e7ant ainsi l\u2019id\u00e9e d\u2019un lieu convivial et ouvert \u00e0 tous.<\/p><p data-start=\"668\" data-end=\"1001\" data-is-last-node=\"\" data-is-only-node=\"\">Ce choix artistique permet de donner une <strong data-start=\"709\" data-end=\"745\">identit\u00e9 forte et diff\u00e9renciante<\/strong> au site, tout en plongeant l\u2019utilisateur dans une ambiance coh\u00e9rente avec les valeurs du projet. Il ne s\u2019agit pas seulement de pr\u00e9senter un lieu, mais de raconter une histoire et de faire vivre une exp\u00e9rience, en lien direct avec la culture geek et otaku.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1fb28dc e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-child\" data-id=\"1fb28dc\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f0cbd80 wpr-grid-columns-2 wpr-grid-columns--tablet3 wpr-grid-columns--mobile1 elementor-widget elementor-widget-wpr-media-grid\" data-id=\"f0cbd80\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"wpr-media-grid.default\">\n\t\t\t\t\t<section class=\"wpr-grid wpr-media-grid elementor-clearfix\" data-settings=\"{&quot;layout&quot;:&quot;masonry&quot;,&quot;columns_desktop&quot;:&quot;2&quot;,&quot;gutter_hr&quot;:10,&quot;gutter_hr_mobile&quot;:10,&quot;gutter_hr_mobile_extra&quot;:10,&quot;gutter_hr_tablet&quot;:10,&quot;gutter_hr_tablet_extra&quot;:10,&quot;gutter_hr_laptop&quot;:10,&quot;gutter_hr_widescreen&quot;:10,&quot;gutter_vr&quot;:10,&quot;gutter_vr_mobile&quot;:10,&quot;gutter_vr_mobile_extra&quot;:10,&quot;gutter_vr_tablet&quot;:10,&quot;gutter_vr_tablet_extra&quot;:10,&quot;gutter_vr_laptop&quot;:10,&quot;gutter_vr_widescreen&quot;:10,&quot;animation&quot;:&quot;zoom&quot;,&quot;animation_duration&quot;:0.3,&quot;animation_delay&quot;:0.1,&quot;deeplinking&quot;:&quot;&quot;,&quot;filters_default_filter&quot;:&quot;&quot;,&quot;filters_linkable&quot;:&quot;no&quot;,&quot;filters_count&quot;:&quot;&quot;,&quot;filters_hide_empty&quot;:&quot;no&quot;,&quot;filters_animation&quot;:&quot;default&quot;,&quot;filters_animation_duration&quot;:0.3,&quot;filters_animation_delay&quot;:0.1,&quot;pagination_type&quot;:&quot;load-more&quot;,&quot;pagination_max_pages&quot;:1,&quot;wpr_widget_id&quot;:&quot;f0cbd80&quot;,&quot;wpr_document_id&quot;:682,&quot;wpr_media_nonce&quot;:&quot;dda086b3eb&quot;,&quot;lightbox&quot;:{&quot;selector&quot;:&quot;.wpr-grid-image-wrap&quot;,&quot;iframeMaxWidth&quot;:&quot;60%&quot;,&quot;hash&quot;:false,&quot;autoplay&quot;:&quot;&quot;,&quot;pause&quot;:5000,&quot;progressBar&quot;:&quot;true&quot;,&quot;counter&quot;:&quot;&quot;,&quot;controls&quot;:&quot;&quot;,&quot;getCaptionFromTitleOrAlt&quot;:&quot;&quot;,&quot;thumbnail&quot;:&quot;&quot;,&quot;showThumbByDefault&quot;:&quot;&quot;,&quot;share&quot;:&quot;&quot;,&quot;zoom&quot;:&quot;&quot;,&quot;fullScreen&quot;:&quot;&quot;,&quot;download&quot;:&quot;&quot;}}\"><article class=\"wpr-grid-item elementor-clearfix post-786 attachment type-attachment status-inherit hentry\"><div class=\"wpr-grid-item-inner\"><div class=\"wpr-grid-media-wrap wpr-blur-in wpr-effect-size-small \"><div class=\"wpr-grid-image-wrap\" data-src=\"https:\/\/erwanklein.fr\/wp-content\/uploads\/2026\/03\/Banniere_Homepage.jpg\"><img decoding=\"async\" data-src=\"https:\/\/erwanklein.fr\/wp-content\/uploads\/2026\/03\/Banniere_Homepage.jpg\" alt=\"Banni\u00e8re_Homepage\" class=\"wpr-anim-timing-ease-default lazyload\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 2560px; --smush-placeholder-aspect-ratio: 2560\/1762;\"><\/div><div class=\"wpr-grid-media-hover wpr-animation-wrap\"><div class=\"wpr-grid-media-hover-bg  wpr-overlay-fade-in wpr-anim-size-large wpr-anim-timing-ease-default wpr-anim-transparency\" data-url=\"https:\/\/erwanklein.fr\/?attachment_id=786\"><\/div><div class=\"wpr-cv-container\"><div class=\"wpr-cv-outer\"><div class=\"wpr-cv-inner\"><div class=\"wpr-grid-media-hover-middle elementor-clearfix\"><div class=\"wpr-grid-item-lightbox elementor-repeater-item-56d5742 wpr-grid-item-display-block wpr-grid-item-align-center wpr-element-fade-in wpr-anim-size-large wpr-anim-timing-ease-default wpr-anim-transparency\"><div class=\"inner-block\"><span data-src=\"https:\/\/erwanklein.fr\/wp-content\/uploads\/2026\/03\/Banniere_Homepage.jpg\"><i class=\"fas fa-search\"><\/i><\/span><div class=\"wpr-grid-lightbox-overlay\"><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/article><article class=\"wpr-grid-item elementor-clearfix post-785 attachment type-attachment status-inherit hentry\"><div class=\"wpr-grid-item-inner\"><div class=\"wpr-grid-media-wrap wpr-blur-in wpr-effect-size-small \"><div class=\"wpr-grid-image-wrap\" data-src=\"https:\/\/erwanklein.fr\/wp-content\/uploads\/2026\/03\/Illustration_sans_titre-7.jpg\"><img decoding=\"async\" data-src=\"https:\/\/erwanklein.fr\/wp-content\/uploads\/2026\/03\/Illustration_sans_titre-7.jpg\" alt=\"Illustration_sans_titre\" class=\"wpr-anim-timing-ease-default lazyload\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 2560px; --smush-placeholder-aspect-ratio: 2560\/1525;\"><\/div><div class=\"wpr-grid-media-hover wpr-animation-wrap\"><div class=\"wpr-grid-media-hover-bg  wpr-overlay-fade-in wpr-anim-size-large wpr-anim-timing-ease-default wpr-anim-transparency\" data-url=\"https:\/\/erwanklein.fr\/?attachment_id=785\"><\/div><div class=\"wpr-cv-container\"><div class=\"wpr-cv-outer\"><div class=\"wpr-cv-inner\"><div class=\"wpr-grid-media-hover-middle elementor-clearfix\"><div class=\"wpr-grid-item-lightbox elementor-repeater-item-56d5742 wpr-grid-item-display-block wpr-grid-item-align-center wpr-element-fade-in wpr-anim-size-large wpr-anim-timing-ease-default wpr-anim-transparency\"><div class=\"inner-block\"><span data-src=\"https:\/\/erwanklein.fr\/wp-content\/uploads\/2026\/03\/Illustration_sans_titre-7.jpg\"><i class=\"fas fa-search\"><\/i><\/span><div class=\"wpr-grid-lightbox-overlay\"><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/article><article class=\"wpr-grid-item elementor-clearfix post-782 attachment type-attachment status-inherit hentry\"><div class=\"wpr-grid-item-inner\"><div class=\"wpr-grid-media-wrap wpr-blur-in wpr-effect-size-small \"><div class=\"wpr-grid-image-wrap\" data-src=\"https:\/\/erwanklein.fr\/wp-content\/uploads\/2026\/03\/Illustration_sans_titre-3-3.jpg\"><img decoding=\"async\" data-src=\"https:\/\/erwanklein.fr\/wp-content\/uploads\/2026\/03\/Illustration_sans_titre-3-3.jpg\" alt=\"Illustration_sans_titre (3)\" class=\"wpr-anim-timing-ease-default lazyload\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 2560px; --smush-placeholder-aspect-ratio: 2560\/1810;\"><\/div><div class=\"wpr-grid-media-hover wpr-animation-wrap\"><div class=\"wpr-grid-media-hover-bg  wpr-overlay-fade-in wpr-anim-size-large wpr-anim-timing-ease-default wpr-anim-transparency\" data-url=\"https:\/\/erwanklein.fr\/?attachment_id=782\"><\/div><div class=\"wpr-cv-container\"><div class=\"wpr-cv-outer\"><div class=\"wpr-cv-inner\"><div class=\"wpr-grid-media-hover-middle elementor-clearfix\"><div class=\"wpr-grid-item-lightbox elementor-repeater-item-56d5742 wpr-grid-item-display-block wpr-grid-item-align-center wpr-element-fade-in wpr-anim-size-large wpr-anim-timing-ease-default wpr-anim-transparency\"><div class=\"inner-block\"><span data-src=\"https:\/\/erwanklein.fr\/wp-content\/uploads\/2026\/03\/Illustration_sans_titre-3-3.jpg\"><i class=\"fas fa-search\"><\/i><\/span><div class=\"wpr-grid-lightbox-overlay\"><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/article><article class=\"wpr-grid-item elementor-clearfix post-784 attachment type-attachment status-inherit hentry\"><div class=\"wpr-grid-item-inner\"><div class=\"wpr-grid-media-wrap wpr-blur-in wpr-effect-size-small \"><div class=\"wpr-grid-image-wrap\" data-src=\"https:\/\/erwanklein.fr\/wp-content\/uploads\/2026\/03\/Illustration_sans_titre-1-2.jpg\"><img decoding=\"async\" data-src=\"https:\/\/erwanklein.fr\/wp-content\/uploads\/2026\/03\/Illustration_sans_titre-1-2.jpg\" alt=\"Illustration_sans_titre (1)\" class=\"wpr-anim-timing-ease-default lazyload\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 2560px; --smush-placeholder-aspect-ratio: 2560\/1525;\"><\/div><div class=\"wpr-grid-media-hover wpr-animation-wrap\"><div class=\"wpr-grid-media-hover-bg  wpr-overlay-fade-in wpr-anim-size-large wpr-anim-timing-ease-default wpr-anim-transparency\" data-url=\"https:\/\/erwanklein.fr\/?attachment_id=784\"><\/div><div class=\"wpr-cv-container\"><div class=\"wpr-cv-outer\"><div class=\"wpr-cv-inner\"><div class=\"wpr-grid-media-hover-middle elementor-clearfix\"><div class=\"wpr-grid-item-lightbox elementor-repeater-item-56d5742 wpr-grid-item-display-block wpr-grid-item-align-center wpr-element-fade-in wpr-anim-size-large wpr-anim-timing-ease-default wpr-anim-transparency\"><div class=\"inner-block\"><span data-src=\"https:\/\/erwanklein.fr\/wp-content\/uploads\/2026\/03\/Illustration_sans_titre-1-2.jpg\"><i class=\"fas fa-search\"><\/i><\/span><div class=\"wpr-grid-lightbox-overlay\"><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/article><article class=\"wpr-grid-item elementor-clearfix post-783 attachment type-attachment status-inherit hentry\"><div class=\"wpr-grid-item-inner\"><div class=\"wpr-grid-media-wrap wpr-blur-in wpr-effect-size-small \"><div class=\"wpr-grid-image-wrap\" data-src=\"https:\/\/erwanklein.fr\/wp-content\/uploads\/2026\/03\/Illustration_sans_titre-2-2.jpg\"><img decoding=\"async\" data-src=\"https:\/\/erwanklein.fr\/wp-content\/uploads\/2026\/03\/Illustration_sans_titre-2-2.jpg\" alt=\"Illustration_sans_titre (2)\" class=\"wpr-anim-timing-ease-default lazyload\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 2560px; --smush-placeholder-aspect-ratio: 2560\/1810;\"><\/div><div class=\"wpr-grid-media-hover wpr-animation-wrap\"><div class=\"wpr-grid-media-hover-bg  wpr-overlay-fade-in wpr-anim-size-large wpr-anim-timing-ease-default wpr-anim-transparency\" data-url=\"https:\/\/erwanklein.fr\/?attachment_id=783\"><\/div><div class=\"wpr-cv-container\"><div class=\"wpr-cv-outer\"><div class=\"wpr-cv-inner\"><div class=\"wpr-grid-media-hover-middle elementor-clearfix\"><div class=\"wpr-grid-item-lightbox elementor-repeater-item-56d5742 wpr-grid-item-display-block wpr-grid-item-align-center wpr-element-fade-in wpr-anim-size-large wpr-anim-timing-ease-default wpr-anim-transparency\"><div class=\"inner-block\"><span data-src=\"https:\/\/erwanklein.fr\/wp-content\/uploads\/2026\/03\/Illustration_sans_titre-2-2.jpg\"><i class=\"fas fa-search\"><\/i><\/span><div class=\"wpr-grid-lightbox-overlay\"><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/article><article class=\"wpr-grid-item elementor-clearfix post-781 attachment type-attachment status-inherit hentry\"><div class=\"wpr-grid-item-inner\"><div class=\"wpr-grid-media-wrap wpr-blur-in wpr-effect-size-small \"><div class=\"wpr-grid-image-wrap\" data-src=\"https:\/\/erwanklein.fr\/wp-content\/uploads\/2026\/03\/Illustration-facade.webp\"><img decoding=\"async\" data-src=\"https:\/\/erwanklein.fr\/wp-content\/uploads\/2026\/03\/Illustration-facade.webp\" alt=\"Illustration-facade\" class=\"wpr-anim-timing-ease-default lazyload\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 2560px; --smush-placeholder-aspect-ratio: 2560\/1450;\"><\/div><div class=\"wpr-grid-media-hover wpr-animation-wrap\"><div class=\"wpr-grid-media-hover-bg  wpr-overlay-fade-in wpr-anim-size-large wpr-anim-timing-ease-default wpr-anim-transparency\" data-url=\"https:\/\/erwanklein.fr\/?attachment_id=781\"><\/div><div class=\"wpr-cv-container\"><div class=\"wpr-cv-outer\"><div class=\"wpr-cv-inner\"><div class=\"wpr-grid-media-hover-middle elementor-clearfix\"><div class=\"wpr-grid-item-lightbox elementor-repeater-item-56d5742 wpr-grid-item-display-block wpr-grid-item-align-center wpr-element-fade-in wpr-anim-size-large wpr-anim-timing-ease-default wpr-anim-transparency\"><div class=\"inner-block\"><span data-src=\"https:\/\/erwanklein.fr\/wp-content\/uploads\/2026\/03\/Illustration-facade.webp\"><i class=\"fas fa-search\"><\/i><\/span><div class=\"wpr-grid-lightbox-overlay\"><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/article><\/section>\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-5412710 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent\" data-id=\"5412710\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-00dbd5d e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-child\" data-id=\"00dbd5d\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0fa0653 h2 elementor-widget elementor-widget-heading\" data-id=\"0fa0653\" 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\">Un projet en t\u00eate ? Parlons-en !<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ac106cc e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-child\" data-id=\"ac106cc\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-dfe57f8 elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list\" data-id=\"dfe57f8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-list.default\">\n\t\t\t\t\t\t\t<ul class=\"elementor-icon-list-items\">\n\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-mail-bulk\" viewBox=\"0 0 576 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M160 448c-25.6 0-51.2-22.4-64-32-64-44.8-83.2-60.8-96-70.4V480c0 17.67 14.33 32 32 32h256c17.67 0 32-14.33 32-32V345.6c-12.8 9.6-32 25.6-96 70.4-12.8 9.6-38.4 32-64 32zm128-192H32c-17.67 0-32 14.33-32 32v16c25.6 19.2 22.4 19.2 115.2 86.4 9.6 6.4 28.8 25.6 44.8 25.6s35.2-19.2 44.8-22.4c92.8-67.2 89.6-67.2 115.2-86.4V288c0-17.67-14.33-32-32-32zm256-96H224c-17.67 0-32 14.33-32 32v32h96c33.21 0 60.59 25.42 63.71 57.82l.29-.22V416h192c17.67 0 32-14.33 32-32V192c0-17.67-14.33-32-32-32zm-32 128h-64v-64h64v64zm-352-96c0-35.29 28.71-64 64-64h224V32c0-17.67-14.33-32-32-32H96C78.33 0 64 14.33 64 32v192h96v-32z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">contact@erwanklein.fr<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/www.linkedin.com\/in\/erwan-klein-7145882b4\/\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"#000000\" width=\"800px\" height=\"800px\" viewBox=\"0 0 32 32\"><title>linkedin<\/title><path d=\"M28.778 1.004h-25.56c-0.008-0-0.017-0-0.027-0-1.199 0-2.172 0.964-2.186 2.159v25.672c0.014 1.196 0.987 2.161 2.186 2.161 0.010 0 0.019-0 0.029-0h25.555c0.008 0 0.018 0 0.028 0 1.2 0 2.175-0.963 2.194-2.159l0-0.002v-25.67c-0.019-1.197-0.994-2.161-2.195-2.161-0.010 0-0.019 0-0.029 0h0.001zM9.9 26.562h-4.454v-14.311h4.454zM7.674 10.293c-1.425 0-2.579-1.155-2.579-2.579s1.155-2.579 2.579-2.579c1.424 0 2.579 1.154 2.579 2.578v0c0 0.001 0 0.002 0 0.004 0 1.423-1.154 2.577-2.577 2.577-0.001 0-0.002 0-0.003 0h0zM26.556 26.562h-4.441v-6.959c0-1.66-0.034-3.795-2.314-3.795-2.316 0-2.669 1.806-2.669 3.673v7.082h-4.441v-14.311h4.266v1.951h0.058c0.828-1.395 2.326-2.315 4.039-2.315 0.061 0 0.121 0.001 0.181 0.003l-0.009-0c4.5 0 5.332 2.962 5.332 6.817v7.855z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Erwan KLEIN<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/www.instagram.com\/seyus.drw\/\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fab-instagram\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">@seyus.drw<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/www.tiktok.com\/@seyus.drw\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"#000000\" width=\"800px\" height=\"800px\" viewBox=\"0 0 32 32\"><title>tiktok<\/title><path d=\"M16.656 1.029c1.637-0.025 3.262-0.012 4.886-0.025 0.054 2.031 0.878 3.859 2.189 5.213l-0.002-0.002c1.411 1.271 3.247 2.095 5.271 2.235l0.028 0.002v5.036c-1.912-0.048-3.71-0.489-5.331-1.247l0.082 0.034c-0.784-0.377-1.447-0.764-2.077-1.196l0.052 0.034c-0.012 3.649 0.012 7.298-0.025 10.934-0.103 1.853-0.719 3.543-1.707 4.954l0.020-0.031c-1.652 2.366-4.328 3.919-7.371 4.011l-0.014 0c-0.123 0.006-0.268 0.009-0.414 0.009-1.73 0-3.347-0.482-4.725-1.319l0.040 0.023c-2.508-1.509-4.238-4.091-4.558-7.094l-0.004-0.041c-0.025-0.625-0.037-1.25-0.012-1.862 0.49-4.779 4.494-8.476 9.361-8.476 0.547 0 1.083 0.047 1.604 0.136l-0.056-0.008c0.025 1.849-0.050 3.699-0.050 5.548-0.423-0.153-0.911-0.242-1.42-0.242-1.868 0-3.457 1.194-4.045 2.861l-0.009 0.030c-0.133 0.427-0.21 0.918-0.21 1.426 0 0.206 0.013 0.41 0.037 0.61l-0.002-0.024c0.332 2.046 2.086 3.59 4.201 3.59 0.061 0 0.121-0.001 0.181-0.004l-0.009 0c1.463-0.044 2.733-0.831 3.451-1.994l0.010-0.018c0.267-0.372 0.45-0.822 0.511-1.311l0.001-0.014c0.125-2.237 0.075-4.461 0.087-6.698 0.012-5.036-0.012-10.060 0.025-15.083z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">seyus.drw<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\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>Page d&rsquo;accueil Mon histoire Illustrations Photographies Webdesign Hamburger Toggle Menu Sundown Coffee Page d&rsquo;accueil Mon histoire Illustrations Photographies Webdesign Hamburger Toggle Menu Sundown Coffee, qu&rsquo;est ce que c&rsquo;est ? Sundown Coffee est un projet fictif r\u00e9alis\u00e9 dans le cadre de mon Bachelor Concepteur Designer UI. L\u2019objectif \u00e9tant de cr\u00e9er une entreprise ou \u00e9v\u00e8nement fictif, et de r\u00e9aliser son analyse marketing, identit\u00e9 et charte graphique, ainsi que son site internet dans le respect des normes de la W3C, et y inclure des fonctionnalit\u00e9es E-Commerce. C\u2019est ainsi que le projet Sundown Coffee a vu le jour : un cybercaf\u00e9 proposant un service de location d\u2019ordinateurs derni\u00e8re g\u00e9n\u00e9ration et de consoles de jeux en ligne pour une dur\u00e9e d\u00e9termin\u00e9e. Cumul\u00e9 \u00e0 ce service, il dispose d\u2019un coin Caf\u00e9 ax\u00e9 sur la pop culture japonaise, dont la sp\u00e9cialit\u00e9 est le Bubble Tea revisit\u00e9 \u00e0 l\u2019image de personnages embl\u00e9matiques des mangas\/anim\u00e9s. L&rsquo;objectif du site internet de Sundown Coffee consiste \u00e0 simplifier la r\u00e9servation de stations de jeux sans devoir appeler syst\u00e9matiquement la structure. Il permet aux utilisateurs d&rsquo;avoir un visuel sur les stations disponibles \u00e0 une heure pr\u00e9cise d&rsquo;un coup d&rsquo;\u0153il. Une identit\u00e9 graphique unique La charte graphique de Sundown Coffee d\u00e9finit une identit\u00e9 visuelle forte bas\u00e9e sur la fusion entre l\u2019univers geek et otaku. Le concept central repose sur la rencontre de deux mondes, symbolis\u00e9e par une \u00e9clipse, \u00e9l\u00e9ment cl\u00e9 du logo, qui repr\u00e9sente l\u2019union entre le jour et la nuit. L\u2019identit\u00e9 visuelle utilise une palette de couleurs contrast\u00e9e et vibrante, domin\u00e9e par le violet (Persian Indigo), m\u00e9lange du rouge (culture japonaise) et du bleu (univers gaming), accompagn\u00e9e de teintes sombres pour rappeler l\u2019ambiance des salles de jeu. Le logo est d\u00e9clin\u00e9 en plusieurs versions (horizontal, vertical, ic\u00f4ne) avec des r\u00e8gles strictes d\u2019utilisation afin de garantir sa lisibilit\u00e9 et sa coh\u00e9rence. Des interdictions pr\u00e9cises encadrent son usage pour pr\u00e9server l\u2019image de marque. La typographie repose sur une hi\u00e9rarchie claire : une police forte et r\u00e9tro pour les titres, une secondaire coh\u00e9rente pour les sous-titres, et une police simple et lisible pour le texte courant. Enfin, l\u2019ensemble des \u00e9l\u00e9ments graphiques est pens\u00e9 pour \u00eatre coh\u00e9rent sur tous les supports (print, textile, digital, espace physique), afin de cr\u00e9er une exp\u00e9rience immersive et reconnaissable autour de l\u2019univers Sundown Coffee. Des illustrations uniques, pour un site unique Pour le site de Sundown Coffee, l\u2019objectif a \u00e9t\u00e9 de proposer une exp\u00e9rience originale et immersive en imaginant un univers unique o\u00f9 des personnages issus de diff\u00e9rents anim\u00e9s se retrouvent dans un m\u00eame lieu. Ce concept met en sc\u00e8ne un espace fictif dans lequel ces univers se croisent naturellement, autour du jeu vid\u00e9o et de moments de d\u00e9tente. Cet univers se traduit visuellement par la cr\u00e9ation d\u2019illustrations narratives, repr\u00e9sentant diverses sc\u00e8nes de vie \u00e0 l\u2019int\u00e9rieur de Sundown Coffee. On y retrouve des personnages en train de jouer, discuter ou simplement profiter de l\u2019ambiance, renfor\u00e7ant ainsi l\u2019id\u00e9e d\u2019un lieu convivial et ouvert \u00e0 tous. Ce choix artistique permet de donner une identit\u00e9 forte et diff\u00e9renciante au site, tout en plongeant l\u2019utilisateur dans une ambiance coh\u00e9rente avec les valeurs du projet. Il ne s\u2019agit pas seulement de pr\u00e9senter un lieu, mais de raconter une histoire et de faire vivre une exp\u00e9rience, en lien direct avec la culture geek et otaku. Un projet en t\u00eate ? Parlons-en ! contact@erwanklein.fr linkedin Erwan KLEIN @seyus.drw tiktok seyus.drw<\/p>\n","protected":false},"author":1,"featured_media":795,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-682","page","type-page","status-publish","has-post-thumbnail","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.8 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Projet Sundown Coffee | KLEIN Erwan : Mon Portfolio<\/title>\n<meta name=\"description\" content=\"De l&#039;analyse marketing \u00e0 la charte graphique en passant par le d\u00e9veloppement web, d\u00e9couvrez mon projet de fin d&#039;\u00e9tudes : Sundown Coffee !\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/erwanklein.fr\/?page_id=682\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Projet Sundown Coffee | KLEIN Erwan : Mon Portfolio\" \/>\n<meta property=\"og:description\" content=\"De l&#039;analyse marketing \u00e0 la charte graphique en passant par le d\u00e9veloppement web, d\u00e9couvrez mon projet de fin d&#039;\u00e9tudes : Sundown Coffee !\" \/>\n<meta property=\"og:url\" content=\"https:\/\/erwanklein.fr\/?page_id=682\" \/>\n<meta property=\"og:site_name\" content=\"KLEIN Erwan : Mon Portfolio\" \/>\n<meta property=\"article:modified_time\" content=\"2026-07-28T14:15:50+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/erwanklein.fr\/wp-content\/uploads\/2026\/03\/screenshot.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"900\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data1\" content=\"5 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/erwanklein.fr\\\/?page_id=682\",\"url\":\"https:\\\/\\\/erwanklein.fr\\\/?page_id=682\",\"name\":\"Projet Sundown Coffee | KLEIN Erwan : Mon Portfolio\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/erwanklein.fr\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/erwanklein.fr\\\/?page_id=682#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/erwanklein.fr\\\/?page_id=682#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/erwanklein.fr\\\/wp-content\\\/uploads\\\/2026\\\/03\\\/Favicon-couleur.svg\",\"datePublished\":\"2026-03-18T14:12:14+00:00\",\"dateModified\":\"2026-07-28T14:15:50+00:00\",\"description\":\"De l'analyse marketing \u00e0 la charte graphique en passant par le d\u00e9veloppement web, d\u00e9couvrez mon projet de fin d'\u00e9tudes : Sundown Coffee !\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/erwanklein.fr\\\/?page_id=682#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/erwanklein.fr\\\/?page_id=682\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/erwanklein.fr\\\/?page_id=682#primaryimage\",\"url\":\"https:\\\/\\\/erwanklein.fr\\\/wp-content\\\/uploads\\\/2026\\\/03\\\/Favicon-couleur.svg\",\"contentUrl\":\"https:\\\/\\\/erwanklein.fr\\\/wp-content\\\/uploads\\\/2026\\\/03\\\/Favicon-couleur.svg\",\"width\":626,\"height\":499,\"caption\":\"Favicone Sundown Coffee\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/erwanklein.fr\\\/?page_id=682#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Accueil\",\"item\":\"https:\\\/\\\/erwanklein.fr\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Projet Sundown Coffee\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/erwanklein.fr\\\/#website\",\"url\":\"https:\\\/\\\/erwanklein.fr\\\/\",\"name\":\"KLEIN Erwan : Mon Portfolio\",\"description\":\"Mon univers, mon histoire.\",\"publisher\":{\"@id\":\"https:\\\/\\\/erwanklein.fr\\\/#\\\/schema\\\/person\\\/56f86ebd1cd243c1dd81078b641716ed\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/erwanklein.fr\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"},{\"@type\":[\"Person\",\"Organization\"],\"@id\":\"https:\\\/\\\/erwanklein.fr\\\/#\\\/schema\\\/person\\\/56f86ebd1cd243c1dd81078b641716ed\",\"name\":\"admin\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/erwanklein.fr\\\/wp-content\\\/uploads\\\/2026\\\/03\\\/screenshot.jpg\",\"url\":\"https:\\\/\\\/erwanklein.fr\\\/wp-content\\\/uploads\\\/2026\\\/03\\\/screenshot.jpg\",\"contentUrl\":\"https:\\\/\\\/erwanklein.fr\\\/wp-content\\\/uploads\\\/2026\\\/03\\\/screenshot.jpg\",\"width\":1200,\"height\":900,\"caption\":\"admin\"},\"logo\":{\"@id\":\"https:\\\/\\\/erwanklein.fr\\\/wp-content\\\/uploads\\\/2026\\\/03\\\/screenshot.jpg\"},\"sameAs\":[\"http:\\\/\\\/erwanklein.fr\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Projet Sundown Coffee | KLEIN Erwan : Mon Portfolio","description":"De l'analyse marketing \u00e0 la charte graphique en passant par le d\u00e9veloppement web, d\u00e9couvrez mon projet de fin d'\u00e9tudes : Sundown Coffee !","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/erwanklein.fr\/?page_id=682","og_locale":"fr_FR","og_type":"article","og_title":"Projet Sundown Coffee | KLEIN Erwan : Mon Portfolio","og_description":"De l'analyse marketing \u00e0 la charte graphique en passant par le d\u00e9veloppement web, d\u00e9couvrez mon projet de fin d'\u00e9tudes : Sundown Coffee !","og_url":"https:\/\/erwanklein.fr\/?page_id=682","og_site_name":"KLEIN Erwan : Mon Portfolio","article_modified_time":"2026-07-28T14:15:50+00:00","og_image":[{"width":1200,"height":900,"url":"https:\/\/erwanklein.fr\/wp-content\/uploads\/2026\/03\/screenshot.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_misc":{"Dur\u00e9e de lecture estim\u00e9e":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/erwanklein.fr\/?page_id=682","url":"https:\/\/erwanklein.fr\/?page_id=682","name":"Projet Sundown Coffee | KLEIN Erwan : Mon Portfolio","isPartOf":{"@id":"https:\/\/erwanklein.fr\/#website"},"primaryImageOfPage":{"@id":"https:\/\/erwanklein.fr\/?page_id=682#primaryimage"},"image":{"@id":"https:\/\/erwanklein.fr\/?page_id=682#primaryimage"},"thumbnailUrl":"https:\/\/erwanklein.fr\/wp-content\/uploads\/2026\/03\/Favicon-couleur.svg","datePublished":"2026-03-18T14:12:14+00:00","dateModified":"2026-07-28T14:15:50+00:00","description":"De l'analyse marketing \u00e0 la charte graphique en passant par le d\u00e9veloppement web, d\u00e9couvrez mon projet de fin d'\u00e9tudes : Sundown Coffee !","breadcrumb":{"@id":"https:\/\/erwanklein.fr\/?page_id=682#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/erwanklein.fr\/?page_id=682"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/erwanklein.fr\/?page_id=682#primaryimage","url":"https:\/\/erwanklein.fr\/wp-content\/uploads\/2026\/03\/Favicon-couleur.svg","contentUrl":"https:\/\/erwanklein.fr\/wp-content\/uploads\/2026\/03\/Favicon-couleur.svg","width":626,"height":499,"caption":"Favicone Sundown Coffee"},{"@type":"BreadcrumbList","@id":"https:\/\/erwanklein.fr\/?page_id=682#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"https:\/\/erwanklein.fr\/"},{"@type":"ListItem","position":2,"name":"Projet Sundown Coffee"}]},{"@type":"WebSite","@id":"https:\/\/erwanklein.fr\/#website","url":"https:\/\/erwanklein.fr\/","name":"KLEIN Erwan : Mon Portfolio","description":"Mon univers, mon histoire.","publisher":{"@id":"https:\/\/erwanklein.fr\/#\/schema\/person\/56f86ebd1cd243c1dd81078b641716ed"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/erwanklein.fr\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":["Person","Organization"],"@id":"https:\/\/erwanklein.fr\/#\/schema\/person\/56f86ebd1cd243c1dd81078b641716ed","name":"admin","image":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/erwanklein.fr\/wp-content\/uploads\/2026\/03\/screenshot.jpg","url":"https:\/\/erwanklein.fr\/wp-content\/uploads\/2026\/03\/screenshot.jpg","contentUrl":"https:\/\/erwanklein.fr\/wp-content\/uploads\/2026\/03\/screenshot.jpg","width":1200,"height":900,"caption":"admin"},"logo":{"@id":"https:\/\/erwanklein.fr\/wp-content\/uploads\/2026\/03\/screenshot.jpg"},"sameAs":["http:\/\/erwanklein.fr"]}]}},"_links":{"self":[{"href":"https:\/\/erwanklein.fr\/index.php?rest_route=\/wp\/v2\/pages\/682","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/erwanklein.fr\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/erwanklein.fr\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/erwanklein.fr\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/erwanklein.fr\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=682"}],"version-history":[{"count":37,"href":"https:\/\/erwanklein.fr\/index.php?rest_route=\/wp\/v2\/pages\/682\/revisions"}],"predecessor-version":[{"id":980,"href":"https:\/\/erwanklein.fr\/index.php?rest_route=\/wp\/v2\/pages\/682\/revisions\/980"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/erwanklein.fr\/index.php?rest_route=\/wp\/v2\/media\/795"}],"wp:attachment":[{"href":"https:\/\/erwanklein.fr\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=682"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}