{"id":437,"date":"2026-03-08T19:07:45","date_gmt":"2026-03-08T19:07:45","guid":{"rendered":"https:\/\/erwanklein.fr\/?page_id=437"},"modified":"2026-07-28T14:22:15","modified_gmt":"2026-07-28T14:22:15","slug":"webdesign","status":"publish","type":"page","link":"https:\/\/erwanklein.fr\/?page_id=437","title":{"rendered":"Webdesign"},"content":{"rendered":"<p class=\"attachment\"><a href='https:\/\/erwanklein.fr\/wp-content\/uploads\/2026\/03\/CITY.jpg'><img decoding=\"async\" width=\"43\" height=\"300\" data-src=\"https:\/\/erwanklein.fr\/wp-content\/uploads\/2026\/03\/CITY-43x300.jpg\" class=\"attachment-medium size-medium lazyload\" alt=\"\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 43px; --smush-placeholder-aspect-ratio: 43\/300;\" \/><\/a><\/p>\n\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"437\" class=\"elementor elementor-437\" data-elementor-settings=\"{&quot;ha_cmc_init_switcher&quot;:&quot;no&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-294ec04 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=\"294ec04\" 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-8a87d0c h1 elementor-widget elementor-widget-heading\" data-id=\"8a87d0c\" 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\">Webdesign<\/h1>\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4edb25d 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=\"4edb25d\" 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-16ecd2a 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=\"16ecd2a\" 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-d066cc0 elementor-view-default elementor-widget elementor-widget-icon\" data-id=\"d066cc0\" 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-c906b41 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=\"c906b41\" 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-d675e53 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=\"d675e53\" 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-d675e53 .eael-simple-menu-container.eael-simple-menu--loading > ul.eael-simple-menu-horizontal,\n                        .elementor-element-d675e53 .eael-simple-menu-container.eael-simple-menu--loading > ul.eael-simple-menu-vertical {\n                            display: block;\n                        }\n                        .elementor-element-d675e53 .eael-simple-menu-container.eael-simple-menu--loading.eael-simple-menu-align-center {\n                            text-align: center;\n                        }\n                        .elementor-element-d675e53 .eael-simple-menu-container.eael-simple-menu--loading.eael-simple-menu-align-right {\n                            text-align: right;\n                        }\n                        .elementor-element-d675e53 .eael-simple-menu-container.eael-simple-menu--loading.eael-simple-menu-align-center > ul.eael-simple-menu-horizontal,\n                        .elementor-element-d675e53 .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-d675e53 .eael-simple-menu-container.eael-simple-menu--loading .eael-simple-menu-toggle,\n                        .elementor-element-d675e53 .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<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-6a38afb elementor-section-boxed elementor-section-height-default elementor-section-height-default wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no\" data-id=\"6a38afb\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-wide\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-40d83ed\" data-id=\"40d83ed\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-3a4addb h2 elementor-widget elementor-widget-heading\" data-id=\"3a4addb\" 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<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cb4f255 elementor-widget elementor-widget-text-editor\" data-id=\"cb4f255\" 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 class=\"cvGsUA direction-ltr align-start para-style-body\">Sundown Coffee est un projet fictif r\u00e9alis\u00e9 dans le cadre de mon Bachelor Concepteur Designer UI. L&rsquo;objectif \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.<\/p><p class=\"cvGsUA direction-ltr align-start para-style-body\">C&rsquo;est ainsi que le projet Sundown Coffee a vu le jour : un cybercaf\u00e9 proposant un service de location d&rsquo;ordinateurs 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&rsquo;un coin Caf\u00e9 ax\u00e9 sur la pop culture japonaise, dont la sp\u00e9cialit\u00e9 est le Bubble Tea revisit\u00e9 \u00e0 l&rsquo;image de personnages embl\u00e9matiques des mangas\/anim\u00e9s.<\/p><p class=\"cvGsUA direction-ltr align-start para-style-body\">Depuis la conception de la maquette, jusqu&rsquo;aux lignes de codes HTML, CSS et JS, ce fut une d\u00e9couverte totale pour moi. Ces nouvelles notions cumul\u00e9es avec mes propres connaissance graphiques, m&rsquo;ont permis de cr\u00e9er un site web aussi bien ergonomique qu&rsquo;esth\u00e9tique.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2b244cc elementor-align-center elementor-widget-mobile__width-initial elementor-widget elementor-widget-button\" data-id=\"2b244cc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/erwanklein.fr\/?page_id=682\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">D\u00e9couvrez l'int\u00e9gralit\u00e9 du projet ici<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-7a20467\" data-id=\"7a20467\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-2bca9e2 wpr-grid-columns-3 wpr-grid-columns--mobile3 wpr-grid-columns--tablet3 elementor-widget elementor-widget-wpr-media-grid\" data-id=\"2bca9e2\" 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;3&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;2bca9e2&quot;,&quot;wpr_document_id&quot;:437,&quot;wpr_media_nonce&quot;:&quot;1f79958c82&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;true&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-693 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\/SDC-homepage.jpg\"><img decoding=\"async\" data-src=\"https:\/\/erwanklein.fr\/wp-content\/uploads\/2026\/03\/SDC-homepage.jpg\" alt=\"SDC homepage\" class=\"wpr-anim-timing-ease-in lazyload\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 862px; --smush-placeholder-aspect-ratio: 862\/2560;\"><\/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=693\"><\/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-4bbe6e0 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\/SDC-homepage.jpg\"><i class=\"fas fa-expand-arrows-alt\"><\/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-694 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\/SDC-PC.jpg\"><img decoding=\"async\" data-src=\"https:\/\/erwanklein.fr\/wp-content\/uploads\/2026\/03\/SDC-PC.jpg\" alt=\"SDC PC\" class=\"wpr-anim-timing-ease-in lazyload\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1144px; --smush-placeholder-aspect-ratio: 1144\/2560;\"><\/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=694\"><\/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-4bbe6e0 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\/SDC-PC.jpg\"><i class=\"fas fa-expand-arrows-alt\"><\/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-696 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\/SDC-Cafe.jpg\"><img decoding=\"async\" data-src=\"https:\/\/erwanklein.fr\/wp-content\/uploads\/2026\/03\/SDC-Cafe.jpg\" alt=\"SDC Caf\u00e9\" class=\"wpr-anim-timing-ease-in lazyload\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1405px; --smush-placeholder-aspect-ratio: 1405\/2560;\"><\/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=696\"><\/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-4bbe6e0 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\/SDC-Cafe.jpg\"><i class=\"fas fa-expand-arrows-alt\"><\/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\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-b4b54ff elementor-reverse-mobile elementor-section-boxed elementor-section-height-default elementor-section-height-default wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no\" data-id=\"b4b54ff\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-wide\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-351deee\" data-id=\"351deee\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-dcd285c wpr-grid-columns-3 wpr-grid-columns--mobile3 wpr-grid-columns--tablet3 elementor-widget elementor-widget-wpr-media-grid\" data-id=\"dcd285c\" 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;3&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;dcd285c&quot;,&quot;wpr_document_id&quot;:437,&quot;wpr_media_nonce&quot;:&quot;692c487ed9&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;true&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-704 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\/ACCUEIL.jpg\"><img decoding=\"async\" data-src=\"https:\/\/erwanklein.fr\/wp-content\/uploads\/2026\/03\/ACCUEIL.jpg\" alt=\"ACCUEIL\" class=\"wpr-anim-timing-ease-in lazyload\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 586px; --smush-placeholder-aspect-ratio: 586\/2560;\"><\/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=704\"><\/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-4bbe6e0 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\/ACCUEIL.jpg\"><i class=\"fas fa-expand-arrows-alt\"><\/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-705 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\/Ecrans-LED-Transparent.jpg\"><img decoding=\"async\" data-src=\"https:\/\/erwanklein.fr\/wp-content\/uploads\/2026\/03\/Ecrans-LED-Transparent.jpg\" alt=\"\u00c9crans LED Transparent\" class=\"wpr-anim-timing-ease-in lazyload\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 370px; --smush-placeholder-aspect-ratio: 370\/2560;\"><\/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=705\"><\/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-4bbe6e0 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\/Ecrans-LED-Transparent.jpg\"><i class=\"fas fa-expand-arrows-alt\"><\/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-706 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\/CITY.jpg\"><img decoding=\"async\" data-src=\"https:\/\/erwanklein.fr\/wp-content\/uploads\/2026\/03\/CITY.jpg\" alt=\"CITY\" class=\"wpr-anim-timing-ease-in lazyload\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 365px; --smush-placeholder-aspect-ratio: 365\/2560;\"><\/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=706\"><\/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-4bbe6e0 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\/CITY.jpg\"><i class=\"fas fa-expand-arrows-alt\"><\/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\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-29a9ebb\" data-id=\"29a9ebb\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-c402c79 h2 elementor-widget elementor-widget-heading\" data-id=\"c402c79\" 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\">Winlight international<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-670c0d9 elementor-widget elementor-widget-text-editor\" data-id=\"670c0d9\" 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 class=\"cvGsUA direction-ltr align-start para-style-body\">Dans le cadre de mon alternance au sein de l&rsquo;entreprise Winlight International, j&rsquo;ai particip\u00e9 \u00e0 la refonte graphique de l&rsquo;entreprise dans son int\u00e9gralit\u00e9 ainsi qu&rsquo;\u00e0 la refonte du site internet.<\/p>\n<p class=\"cvGsUA direction-ltr align-start para-style-body\">Cette refonte a permis \u00e0 Winlight International d&rsquo;accro\u00eetre ses r\u00e9sultats en mati\u00e8re de SEO, ainsi que v\u00e9hiculer une image plus moderne et professionnelle aupr\u00e8s des prospects.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t<div class=\"elementor-element elementor-element-26c42ca 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=\"26c42ca\" 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-8656824 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=\"8656824\" 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-4439f45 h2 elementor-widget elementor-widget-heading\" data-id=\"4439f45\" 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-271d7c5 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=\"271d7c5\" 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-759980d elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list\" data-id=\"759980d\" 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>Webdesign Page d&rsquo;accueil Mon histoire Illustrations Photographies Webdesign Hamburger Toggle Menu Sundown coffee Sundown Coffee est un projet fictif r\u00e9alis\u00e9 dans le cadre de mon Bachelor Concepteur Designer UI. L&rsquo;objectif \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. C&rsquo;est ainsi que le projet Sundown Coffee a vu le jour : un cybercaf\u00e9 proposant un service de location d&rsquo;ordinateurs 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&rsquo;un coin Caf\u00e9 ax\u00e9 sur la pop culture japonaise, dont la sp\u00e9cialit\u00e9 est le Bubble Tea revisit\u00e9 \u00e0 l&rsquo;image de personnages embl\u00e9matiques des mangas\/anim\u00e9s. Depuis la conception de la maquette, jusqu&rsquo;aux lignes de codes HTML, CSS et JS, ce fut une d\u00e9couverte totale pour moi. Ces nouvelles notions cumul\u00e9es avec mes propres connaissance graphiques, m&rsquo;ont permis de cr\u00e9er un site web aussi bien ergonomique qu&rsquo;esth\u00e9tique. D\u00e9couvrez l&rsquo;int\u00e9gralit\u00e9 du projet ici Winlight international Dans le cadre de mon alternance au sein de l&rsquo;entreprise Winlight International, j&rsquo;ai particip\u00e9 \u00e0 la refonte graphique de l&rsquo;entreprise dans son int\u00e9gralit\u00e9 ainsi qu&rsquo;\u00e0 la refonte du site internet. Cette refonte a permis \u00e0 Winlight International d&rsquo;accro\u00eetre ses r\u00e9sultats en mati\u00e8re de SEO, ainsi que v\u00e9hiculer une image plus moderne et professionnelle aupr\u00e8s des prospects. 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":36,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-437","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>Webdesign | KLEIN Erwan : Mon Portfolio<\/title>\n<meta name=\"description\" content=\"Ergonomie, exp\u00e9rience utilisateur et designs uniques, d\u00e9couvrez mes cr\u00e9ations webdesign !\" \/>\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=437\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Webdesign | KLEIN Erwan : Mon Portfolio\" \/>\n<meta property=\"og:description\" content=\"Ergonomie, exp\u00e9rience utilisateur et designs uniques, d\u00e9couvrez mes cr\u00e9ations webdesign !\" \/>\n<meta property=\"og:url\" content=\"https:\/\/erwanklein.fr\/?page_id=437\" \/>\n<meta property=\"og:site_name\" content=\"KLEIN Erwan : Mon Portfolio\" \/>\n<meta property=\"article:modified_time\" content=\"2026-07-28T14:22:15+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/erwanklein.fr\/wp-content\/uploads\/2026\/03\/cropped-screenshot.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"512\" \/>\n\t<meta property=\"og:image:height\" content=\"512\" \/>\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=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/erwanklein.fr\\\/?page_id=437\",\"url\":\"https:\\\/\\\/erwanklein.fr\\\/?page_id=437\",\"name\":\"Webdesign | KLEIN Erwan : Mon Portfolio\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/erwanklein.fr\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/erwanklein.fr\\\/?page_id=437#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/erwanklein.fr\\\/?page_id=437#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/erwanklein.fr\\\/wp-content\\\/uploads\\\/2026\\\/03\\\/cropped-screenshot.jpg\",\"datePublished\":\"2026-03-08T19:07:45+00:00\",\"dateModified\":\"2026-07-28T14:22:15+00:00\",\"description\":\"Ergonomie, exp\u00e9rience utilisateur et designs uniques, d\u00e9couvrez mes cr\u00e9ations webdesign !\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/erwanklein.fr\\\/?page_id=437#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/erwanklein.fr\\\/?page_id=437\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/erwanklein.fr\\\/?page_id=437#primaryimage\",\"url\":\"https:\\\/\\\/erwanklein.fr\\\/wp-content\\\/uploads\\\/2026\\\/03\\\/cropped-screenshot.jpg\",\"contentUrl\":\"https:\\\/\\\/erwanklein.fr\\\/wp-content\\\/uploads\\\/2026\\\/03\\\/cropped-screenshot.jpg\",\"width\":512,\"height\":512,\"caption\":\"Logo\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/erwanklein.fr\\\/?page_id=437#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Accueil\",\"item\":\"https:\\\/\\\/erwanklein.fr\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Webdesign\"}]},{\"@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":"Webdesign | KLEIN Erwan : Mon Portfolio","description":"Ergonomie, exp\u00e9rience utilisateur et designs uniques, d\u00e9couvrez mes cr\u00e9ations webdesign !","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=437","og_locale":"fr_FR","og_type":"article","og_title":"Webdesign | KLEIN Erwan : Mon Portfolio","og_description":"Ergonomie, exp\u00e9rience utilisateur et designs uniques, d\u00e9couvrez mes cr\u00e9ations webdesign !","og_url":"https:\/\/erwanklein.fr\/?page_id=437","og_site_name":"KLEIN Erwan : Mon Portfolio","article_modified_time":"2026-07-28T14:22:15+00:00","og_image":[{"width":512,"height":512,"url":"https:\/\/erwanklein.fr\/wp-content\/uploads\/2026\/03\/cropped-screenshot.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_misc":{"Dur\u00e9e de lecture estim\u00e9e":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/erwanklein.fr\/?page_id=437","url":"https:\/\/erwanklein.fr\/?page_id=437","name":"Webdesign | KLEIN Erwan : Mon Portfolio","isPartOf":{"@id":"https:\/\/erwanklein.fr\/#website"},"primaryImageOfPage":{"@id":"https:\/\/erwanklein.fr\/?page_id=437#primaryimage"},"image":{"@id":"https:\/\/erwanklein.fr\/?page_id=437#primaryimage"},"thumbnailUrl":"https:\/\/erwanklein.fr\/wp-content\/uploads\/2026\/03\/cropped-screenshot.jpg","datePublished":"2026-03-08T19:07:45+00:00","dateModified":"2026-07-28T14:22:15+00:00","description":"Ergonomie, exp\u00e9rience utilisateur et designs uniques, d\u00e9couvrez mes cr\u00e9ations webdesign !","breadcrumb":{"@id":"https:\/\/erwanklein.fr\/?page_id=437#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/erwanklein.fr\/?page_id=437"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/erwanklein.fr\/?page_id=437#primaryimage","url":"https:\/\/erwanklein.fr\/wp-content\/uploads\/2026\/03\/cropped-screenshot.jpg","contentUrl":"https:\/\/erwanklein.fr\/wp-content\/uploads\/2026\/03\/cropped-screenshot.jpg","width":512,"height":512,"caption":"Logo"},{"@type":"BreadcrumbList","@id":"https:\/\/erwanklein.fr\/?page_id=437#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"https:\/\/erwanklein.fr\/"},{"@type":"ListItem","position":2,"name":"Webdesign"}]},{"@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\/437","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=437"}],"version-history":[{"count":58,"href":"https:\/\/erwanklein.fr\/index.php?rest_route=\/wp\/v2\/pages\/437\/revisions"}],"predecessor-version":[{"id":996,"href":"https:\/\/erwanklein.fr\/index.php?rest_route=\/wp\/v2\/pages\/437\/revisions\/996"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/erwanklein.fr\/index.php?rest_route=\/wp\/v2\/media\/36"}],"wp:attachment":[{"href":"https:\/\/erwanklein.fr\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=437"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}