{"id":12090,"date":"2026-04-15T09:05:45","date_gmt":"2026-04-15T09:05:45","guid":{"rendered":"https:\/\/sergiosoler.com\/index.php\/home-fr\/"},"modified":"2026-04-15T09:09:11","modified_gmt":"2026-04-15T09:09:11","slug":"home-fr","status":"publish","type":"page","link":"https:\/\/sergiosoler.com\/index.php\/fr\/home-fr\/","title":{"rendered":"Home &#8211; Showcase Table (FR)"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"12090\" class=\"elementor elementor-12090\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fa007c3 e-con-full bg--color e-flex convert--none curved_false no e-con e-parent\" data-id=\"fa007c3\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"wd--always--show elementor-element elementor-element-501d298 elementor-absolute elementor-widget elementor-widget-pebutton\" data-id=\"501d298\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_position&quot;:&quot;absolute&quot;}\" data-widget_type=\"pebutton.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n<div class=\"pe--button pb--background false false false pb--icon icon__right pb--normal link\"  >\n\n    <div class=\"pe--button--wrapper\">\n\n        \n        <a href=\"#\" rel=\"nofollow\"data-cursor=\"true\" data-cursor-type=\"text\" data-cursor-text=\"View\" data-cursor-icon=\"\" >\n\n            \n            <span class=\"pb__main\">Voir le portfolio<i aria-hidden=\"true\" class=\"material-icons md-arrow_outward\" data-md-icon=\"arrow_outward\"><\/i>\n                \n\n                <span class=\"pb__hover\">Voir le portfolio<i aria-hidden=\"true\" class=\"material-icons md-arrow_outward\" data-md-icon=\"arrow_outward\"><\/i><\/span>\n\n                \n            <\/span>\n\n\n            \n            \n        <\/a>\n       \n\n\n    <\/div>\n\n<\/div>\n\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-40cba5c elementor-widget elementor-widget-petextwrapper\" data-id=\"40cba5c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"petextwrapper.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n<div class=\"text-wrapper\">\n\n    <p class=\"text-h3  no-margin \"data-animate=\"true\" data-animation=\"linesMask\" data-settings=\"{duration=1.5;delay=0;stagger=0.1;pin=;pinTarget=;scrub=;item_ref_start=top;window_ref_start=bottom;item_ref_end=bottom;window_ref_end=top;out=false;inserted=false}\"> Derniers travaux<\/p>\n\n<\/div>\n\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-09b6a87 elementor-widget elementor-widget-peshowcasewall\" data-id=\"09b6a87\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"peshowcasewall.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n<div class=\"leksa-showcase-wall\">\n\n    <div class=\"ls-wall-wrapper\">\n\n        \n        <div class=\"showcase-project\">\n\n            <a class=\"barba--trigger\" href=\"https:\/\/sergiosoler.com\/index.php\/portfolio\/wenea\/\" data-cursor=\"true\" data-cursor-type=\"text\" data-cursor-text=\"Ver\" data-cursor-icon=\"\" data-id=\"90\">\n\n                <div class=\"project-image project__image__90\">\n\n                    \n\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"2000\" height=\"1500\" src=\"https:\/\/sergiosoler.com\/wp-content\/uploads\/2024\/05\/en_vogue_featured.jpg\" class=\"attachment-full size-full\" alt=\"\" srcset=\"https:\/\/sergiosoler.com\/wp-content\/uploads\/2024\/05\/en_vogue_featured.jpg 2000w, https:\/\/sergiosoler.com\/wp-content\/uploads\/2024\/05\/en_vogue_featured-300x225.jpg 300w, https:\/\/sergiosoler.com\/wp-content\/uploads\/2024\/05\/en_vogue_featured-1024x768.jpg 1024w, https:\/\/sergiosoler.com\/wp-content\/uploads\/2024\/05\/en_vogue_featured-768x576.jpg 768w, https:\/\/sergiosoler.com\/wp-content\/uploads\/2024\/05\/en_vogue_featured-1536x1152.jpg 1536w\" sizes=\"auto, (max-width: 2000px) 100vw, 2000px\" loading=\"lazy\" \/>\n\n\t\t\n                <\/div>\n\n                <div class=\"project-title no-margin\">\n\n                    Wenea \n\n                <\/div>\n\n            <\/a>\n\n\n        <\/div>\n\n        \n\n        \n        <div class=\"showcase-project\">\n\n            <a class=\"barba--trigger\" href=\"https:\/\/sergiosoler.com\/index.php\/portfolio\/hedonai\/\" data-cursor=\"true\" data-cursor-type=\"text\" data-cursor-text=\"Ver\" data-cursor-icon=\"\" data-id=\"9190\">\n\n                <div class=\"project-image project__image__9190\">\n\n                    \n\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"2000\" height=\"1500\" src=\"https:\/\/sergiosoler.com\/wp-content\/uploads\/2024\/05\/soul_of_web_featured.jpg\" class=\"attachment-full size-full\" alt=\"\" srcset=\"https:\/\/sergiosoler.com\/wp-content\/uploads\/2024\/05\/soul_of_web_featured.jpg 2000w, https:\/\/sergiosoler.com\/wp-content\/uploads\/2024\/05\/soul_of_web_featured-300x225.jpg 300w, https:\/\/sergiosoler.com\/wp-content\/uploads\/2024\/05\/soul_of_web_featured-1024x768.jpg 1024w, https:\/\/sergiosoler.com\/wp-content\/uploads\/2024\/05\/soul_of_web_featured-768x576.jpg 768w, https:\/\/sergiosoler.com\/wp-content\/uploads\/2024\/05\/soul_of_web_featured-1536x1152.jpg 1536w\" sizes=\"auto, (max-width: 2000px) 100vw, 2000px\" loading=\"lazy\" \/>\n\n\t\t\n                <\/div>\n\n                <div class=\"project-title no-margin\">\n\n                    Hedonai \n\n                <\/div>\n\n            <\/a>\n\n\n        <\/div>\n\n        \n\n        \n        <div class=\"showcase-project\">\n\n            <a class=\"barba--trigger\" href=\"https:\/\/sergiosoler.com\/index.php\/portfolio\/immersive-realitie\/\" data-cursor=\"true\" data-cursor-type=\"text\" data-cursor-text=\"Ver\" data-cursor-icon=\"\" data-id=\"9311\">\n\n                <div class=\"project-image project__image__9311\">\n\n                    \n\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"2000\" height=\"2000\" src=\"https:\/\/sergiosoler.com\/wp-content\/uploads\/2024\/05\/immersive_featured.jpg\" class=\"attachment-full size-full\" alt=\"\" srcset=\"https:\/\/sergiosoler.com\/wp-content\/uploads\/2024\/05\/immersive_featured.jpg 2000w, https:\/\/sergiosoler.com\/wp-content\/uploads\/2024\/05\/immersive_featured-150x150.jpg 150w, https:\/\/sergiosoler.com\/wp-content\/uploads\/2024\/05\/immersive_featured-100x100.jpg 100w, https:\/\/sergiosoler.com\/wp-content\/uploads\/2024\/05\/immersive_featured-300x300.jpg 300w, https:\/\/sergiosoler.com\/wp-content\/uploads\/2024\/05\/immersive_featured-1024x1024.jpg 1024w, https:\/\/sergiosoler.com\/wp-content\/uploads\/2024\/05\/immersive_featured-768x768.jpg 768w, https:\/\/sergiosoler.com\/wp-content\/uploads\/2024\/05\/immersive_featured-1536x1536.jpg 1536w\" sizes=\"auto, (max-width: 2000px) 100vw, 2000px\" loading=\"lazy\" \/>\n\n\t\t\n                <\/div>\n\n                <div class=\"project-title no-margin\">\n\n                    Immersive Realities \n\n                <\/div>\n\n            <\/a>\n\n\n        <\/div>\n\n        \n\n        \n        <div class=\"showcase-project\">\n\n            <a class=\"barba--trigger\" href=\"https:\/\/sergiosoler.com\/index.php\/portfolio\/snaps-application\/\" data-cursor=\"true\" data-cursor-type=\"text\" data-cursor-text=\"Ver\" data-cursor-icon=\"\" data-id=\"9345\">\n\n                <div class=\"project-image project__image__9345\">\n\n                    \n\t\t\t\t<div class=\"pe-video pe-vimeo\" data-controls=false data-autoplay=true data-muted=true\n\t\t\t\t\tdata-loop=true>\n\n\t\t\t\t\n\t\t\t\t\t\t<div class=\"p-video\" data-plyr-provider=\"vimeo\"\n\t\t\t\t\t\t\tdata-plyr-embed-id=\"852807981\"><\/div>\n\n\n\t\t\t\t\n\t\t\t\t<\/div>\n\n\t\t\n                <\/div>\n\n                <div class=\"project-title no-margin\">\n\n                    Snaps Application \n\n                <\/div>\n\n            <\/a>\n\n\n        <\/div>\n\n        \n\n        \n        <div class=\"showcase-project\">\n\n            <a class=\"barba--trigger\" href=\"https:\/\/sergiosoler.com\/index.php\/portfolio\/lifes-stories\/\" data-cursor=\"true\" data-cursor-type=\"text\" data-cursor-text=\"Ver\" data-cursor-icon=\"\" data-id=\"8999\">\n\n                <div class=\"project-image project__image__8999\">\n\n                    \n\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"2000\" height=\"1500\" src=\"https:\/\/sergiosoler.com\/wp-content\/uploads\/2024\/05\/life_st_featured.jpg\" class=\"attachment-full size-full\" alt=\"\" srcset=\"https:\/\/sergiosoler.com\/wp-content\/uploads\/2024\/05\/life_st_featured.jpg 2000w, https:\/\/sergiosoler.com\/wp-content\/uploads\/2024\/05\/life_st_featured-300x225.jpg 300w, https:\/\/sergiosoler.com\/wp-content\/uploads\/2024\/05\/life_st_featured-1024x768.jpg 1024w, https:\/\/sergiosoler.com\/wp-content\/uploads\/2024\/05\/life_st_featured-768x576.jpg 768w, https:\/\/sergiosoler.com\/wp-content\/uploads\/2024\/05\/life_st_featured-1536x1152.jpg 1536w\" sizes=\"auto, (max-width: 2000px) 100vw, 2000px\" loading=\"lazy\" \/>\n\n\t\t\n                <\/div>\n\n                <div class=\"project-title no-margin\">\n\n                    Life&#8217;s Stories \n\n                <\/div>\n\n            <\/a>\n\n\n        <\/div>\n\n        \n\n        \n        <div class=\"showcase-project\">\n\n            <a class=\"barba--trigger\" href=\"https:\/\/sergiosoler.com\/index.php\/portfolio\/los-coyotes\/\" data-cursor=\"true\" data-cursor-type=\"text\" data-cursor-text=\"Ver\" data-cursor-icon=\"\" data-id=\"9038\">\n\n                <div class=\"project-image project__image__9038\">\n\n                    \n\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"2000\" height=\"1500\" src=\"https:\/\/sergiosoler.com\/wp-content\/uploads\/2024\/05\/super_card_featured.png\" class=\"attachment-full size-full\" alt=\"\" srcset=\"https:\/\/sergiosoler.com\/wp-content\/uploads\/2024\/05\/super_card_featured.png 2000w, https:\/\/sergiosoler.com\/wp-content\/uploads\/2024\/05\/super_card_featured-300x225.png 300w, https:\/\/sergiosoler.com\/wp-content\/uploads\/2024\/05\/super_card_featured-1024x768.png 1024w, https:\/\/sergiosoler.com\/wp-content\/uploads\/2024\/05\/super_card_featured-768x576.png 768w, https:\/\/sergiosoler.com\/wp-content\/uploads\/2024\/05\/super_card_featured-1536x1152.png 1536w\" sizes=\"auto, (max-width: 2000px) 100vw, 2000px\" loading=\"lazy\" \/>\n\n\t\t\n                <\/div>\n\n                <div class=\"project-title no-margin\">\n\n                    Los Coyotes \n\n                <\/div>\n\n            <\/a>\n\n\n        <\/div>\n\n        \n\n        \n\n    <\/div>\n\n\n\n<\/div>\n\n\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-510047f e-con-full e-flex convert--none bg--none no e-con e-parent\" data-id=\"510047f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2459046 elementor-widget elementor-widget-pemarquee\" data-id=\"2459046\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"pemarquee.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n      <h1 class=\"pe-marquee  right-to-left   cursor-default icon_font\" data-duration=20 data-sepduration=20 >\n\n\n        <span class=\"\">Bienvenido, Welcome, Bienvenue, Willkommen, Benvenuto, Bem-vindo, \u6b22\u8fce, \u3088\u3046\u3053\u305d, \ud658\uc601\ud569\ub2c8\ub2e4, \u0414\u043e\u0431\u0440\u043e \u043f\u043e\u0436\u0430\u043b\u043e\u0432\u0430\u0442\u044c, \u0645\u0631\u062d\u0628\u0627, \u0938\u094d\u0935\u093e\u0917\u0924 \u0939\u0948, Ho\u015f geldiniz, Welkom, \u039a\u03b1\u03bb\u03ce\u03c2 \u03ae\u03c1\u03b8\u03b1\u03c4\u03b5<\/span>\n        <div class=\"seperator \"> \n\n            \n            <svg aria-hidden=\"true\" class=\"e-font-icon-svg e-far-heart\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M458.4 64.3C400.6 15.7 311.3 23 256 79.3 200.7 23 111.4 15.6 53.6 64.3-21.6 127.6-10.6 230.8 43 285.5l175.4 178.7c10 10.2 23.4 15.9 37.6 15.9 14.3 0 27.6-5.6 37.6-15.8L469 285.6c53.5-54.7 64.7-157.9-10.6-221.3zm-23.6 187.5L259.4 430.5c-2.4 2.4-4.4 2.4-6.8 0L77.2 251.8c-36.5-37.2-43.9-107.6 7.3-150.7 38.9-32.7 98.9-27.8 136.5 10.5l35 35.7 35-35.7c37.8-38.5 97.8-43.2 136.5-10.6 51.1 43.1 43.5 113.9 7.3 150.8z\"><\/path><\/svg>\n            \n\n\n\n        <\/div>\n\n\n\n   <\/h1>    \n    \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-502ae322 e-con-full e-flex convert--none bg--none no e-con e-parent\" data-id=\"502ae322\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-6d371d92 e-con-full e-flex convert--none bg--none no e-con e-child\" data-id=\"6d371d92\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-45fb6803 elementor-widget elementor-widget-petextwrapper\" data-id=\"45fb6803\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"petextwrapper.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n<div class=\"text-wrapper\">\n\n    <p class=\"text-h3  no-margin \"> Sergio Soler. Design UX\/UI, Front-end <br>et vibe coding assist\u00e9 par IA au service de votre projet.<\/p>\n\n<\/div>\n\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4fb2ef1e e-con-full e-flex convert--none bg--none no e-con e-child\" data-id=\"4fb2ef1e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-6748f5c5 e-con-full e-flex convert--none bg--none no e-con e-child\" data-id=\"6748f5c5\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6e97964b elementor-widget elementor-widget-petextwrapper\" data-id=\"6e97964b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"petextwrapper.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n<div class=\"text-wrapper\">\n\n    <p class=\"text-p p-large  \"> Qui je suis<\/p>\n\n<\/div>\n\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6a14d2ef elementor-widget elementor-widget-pesingleimage\" data-id=\"6a14d2ef\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"pesingleimage.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n        <div class=\"single-image single--image\" >\n\n                                                <img decoding=\"async\" src=\"https:\/\/sergiosoler.com\/wp-content\/uploads\/2026\/04\/agustin-farias-6eCSBIiW6R4-unsplash.jpg\" title=\"agustin-farias-6eCSBIiW6R4-unsplash\" alt=\"agustin-farias-6eCSBIiW6R4-unsplash\" loading=\"lazy\" \/>\n                    \n\n                        <\/div>\n\n\n        \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-59029c34 e-con-full e-flex convert--none bg--none no e-con e-child\" data-id=\"59029c34\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1d790edc elementor-widget elementor-widget-petextwrapper\" data-id=\"1d790edc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"petextwrapper.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n<div class=\"text-wrapper\">\n\n    <p class=\"text-p p-large  \"> Designer UX\/UI et d\u00e9veloppeur Front-end avec plus de 9 ans \u00e0 cr\u00e9er des produits digitaux qui marchent vraiment. Je ne fais pas de jolis sites qui ne convertissent pas, ni d'interfaces qui semblent sorties de 2015. Je combine recherche, design, code et donn\u00e9es pour que ton projet digital cesse d'\u00eatre un casse-t\u00eate et commence \u00e0 donner des r\u00e9sultats.<\/p>\n\n<\/div>\n\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2c4c9ba e-con-full e-flex convert--none bg--none no e-con e-parent\" data-id=\"2c4c9ba\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-fb85aa1 e-con-full e-flex convert--none bg--none no e-con e-child\" data-id=\"fb85aa1\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d8331c1 elementor-widget elementor-widget-petextwrapper\" data-id=\"d8331c1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"petextwrapper.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n<div class=\"text-wrapper\">\n\n    <p class=\"text-p p-large no-margin \"> Des clients qui m'ont fait confiance<\/p>\n\n<\/div>\n\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-eac4519 elementor-widget elementor-widget-petextwrapper\" data-id=\"eac4519\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"petextwrapper.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n<div class=\"text-wrapper\">\n\n    <p class=\"text-p p-large no-margin \"> J'ai travaill\u00e9 avec de grandes marques et des projets ambitieux. Du e-commerce aux plateformes de formation, en passant par des landings qui convertissent et des sites corporate qui ne font pas honte.<\/p>\n\n<\/div>\n\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cac59df elementor-widget elementor-widget-pesingleimage\" data-id=\"cac59df\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"pesingleimage.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n        <div class=\"single-image single--image\" >\n\n                                                <img decoding=\"async\" src=\"https:\/\/sergiosoler.com\/wp-content\/uploads\/2026\/04\/assets_task_01jzwk6chzfrrrz221z84rgqb7_1752232604_img_0.webp\" title=\"assets_task_01jzwk6chzfrrrz221z84rgqb7_1752232604_img_0\" alt=\"assets_task_01jzwk6chzfrrrz221z84rgqb7_1752232604_img_0\" loading=\"lazy\" \/>\n                    \n\n                        <\/div>\n\n\n        \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-69e2c49 e-con-full e-flex convert--none bg--none no e-con e-child\" data-id=\"69e2c49\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-20ef68c elementor-widget elementor-widget-pesccontrols\" data-id=\"20ef68c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"pesccontrols.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n\n\n\t\t<div class=\"pe--sc--controls\" data-id='partners'>\n\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t<div class=\"sc--navigation\">\n\n\t\t\t\t\t<span class=\"sc--prev\">\n\n\t\t\t\t\t\t\n\t\t\t\t\t<\/span>\n\n\t\t\t\t\t<span class=\"sc--next\">\n\n\n\n\t\t\t\t\t\t\n\n\n\t\t\t\t\t<\/span>\n\n\t\t\t\t<\/div>\n\n\t\t\t\n\t\t<\/div>\n\n\n\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-924fa1a e-con-full e-flex convert--none bg--none no e-con e-parent\" data-id=\"924fa1a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1f75f7e e-con e-atomic-element e-flexbox-base e-1f75f7e-8ebed0c\" data-id=\"1f75f7e\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"1f75f7e\" data-e-type=\"e-flexbox\" data-id=\"1f75f7e\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a2d2930 elementor-widget-mobile__width-auto elementor-widget elementor-widget-petextwrapper\" data-id=\"a2d2930\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"petextwrapper.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n<div class=\"text-wrapper\">\n\n    <p class=\"text-p p-large no-margin \"> Quelques-unes de mes comp\u00e9tences<\/p>\n\n<\/div>\n\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2b637b1 elementor-widget__width-initial elementor-widget elementor-widget-pesccontrols\" data-id=\"2b637b1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"pesccontrols.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n\n\n\t\t<div class=\"pe--sc--controls\" data-id='partners'>\n\n\t\t\t\t\t\t\t<div class=\"sc--fraction\">\n\n\t\t\t\t\t<span class=\"sc--current\"><\/span>\n\n\t\t\t\t\t<i aria-hidden=\"true\" class=\"material-icons md-arrow_outward\" data-md-icon=\"arrow_outward\"><\/i>\n\t\t\t\t\t<span class=\"sc--total\"><\/span>\n\n\t\t\t\t<\/div>\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t<\/div>\n\n\n\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fd16e17 elementor-widget elementor-widget-peoverflowcards\" data-id=\"fd16e17\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"peoverflowcards.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n        <div class=\"pe-overflow-cards pe-oc-has-back-bg pe-oc-has-back-title pe-oc-has-back-text\"\n         data-auto=\"0\"\n         data-speed=\"3\"\n         data-total=\"10\"\n         data-mobile-mode=\"overlap_pair\"\n         data-stacked-x=\"18\"\n         data-stacked-y=\"46\"\n         data-stacked-opacity=\"0.85\"\n         data-stacked-scale=\"0.94\"\n         data-overlap-x=\"28\"\n         data-overlap-y=\"21\"\n         data-overlap-scale=\"0.88\"\n         data-overlap-opacity=\"0.9\">\n      <div class=\"pe-oc-track\">\n        <div class=\"pe-oc-group\">\n                      <div class=\"pe-oc-card\" data-index=\"0\">\n                              <div class=\"pe-oc-image\">\n                  <img decoding=\"async\" src=\"https:\/\/sergiosoler.com\/wp-content\/uploads\/2026\/04\/icon-figma-1.svg\" alt=\"Figma\">\n                <\/div>\n                            <div class=\"pe-oc-content\">\n                                  <h4 class=\"pe-oc-title\">Figma<\/h4>\n                                                  <p class=\"pe-oc-text\">Design UX\/UI, prototypage interactif et design systems. Mon outil principal pour cr\u00e9er des interfaces centr\u00e9es sur l&#039;utilisateur.<\/p>\n                              <\/div>\n            <\/div>\n                      <div class=\"pe-oc-card\" data-index=\"1\">\n                              <div class=\"pe-oc-image\">\n                  <img decoding=\"async\" src=\"https:\/\/sergiosoler.com\/wp-content\/uploads\/2026\/04\/icon-adobe-1.svg\" alt=\"Adobe Creative Suite\">\n                <\/div>\n                            <div class=\"pe-oc-content\">\n                                  <h4 class=\"pe-oc-title\">Adobe Creative Suite<\/h4>\n                                                  <p class=\"pe-oc-text\">Photoshop, Illustrator et XD pour le design graphique, les ressources visuelles et le montage des assets pour projets digitaux.<\/p>\n                              <\/div>\n            <\/div>\n                      <div class=\"pe-oc-card\" data-index=\"2\">\n                              <div class=\"pe-oc-image\">\n                  <img decoding=\"async\" src=\"https:\/\/sergiosoler.com\/wp-content\/uploads\/2026\/04\/icon-react-1.svg\" alt=\"React\">\n                <\/div>\n                            <div class=\"pe-oc-content\">\n                                  <h4 class=\"pe-oc-title\">React<\/h4>\n                                                  <p class=\"pe-oc-text\">D\u00e9veloppement d&#039;interfaces interactives et de composants r\u00e9utilisables. SPAs modernes avec une architecture \u00e0 base de composants.<\/p>\n                              <\/div>\n            <\/div>\n                      <div class=\"pe-oc-card\" data-index=\"3\">\n                              <div class=\"pe-oc-image\">\n                  <img decoding=\"async\" src=\"https:\/\/sergiosoler.com\/wp-content\/uploads\/2026\/04\/icon-html5-1.svg\" alt=\"HTML5 \/ CSS3 \/ JS\">\n                <\/div>\n                            <div class=\"pe-oc-content\">\n                                  <h4 class=\"pe-oc-title\">HTML5 \/ CSS3 \/ JS<\/h4>\n                                                  <p class=\"pe-oc-text\">Int\u00e9gration responsive, animations CSS, JavaScript vanilla et SASS\/Less. La base de tout projet front-end solide.<\/p>\n                              <\/div>\n            <\/div>\n                      <div class=\"pe-oc-card\" data-index=\"4\">\n                              <div class=\"pe-oc-image\">\n                  <img decoding=\"async\" src=\"https:\/\/sergiosoler.com\/wp-content\/uploads\/2026\/04\/icon-wordpress-1.svg\" alt=\"WordPress\">\n                <\/div>\n                            <div class=\"pe-oc-content\">\n                                  <h4 class=\"pe-oc-title\">WordPress<\/h4>\n                                                  <p class=\"pe-oc-text\">D\u00e9veloppement de th\u00e8mes, plugins et solutions sur mesure. Sites corporate, e-commerce WooCommerce et landing pages.<\/p>\n                              <\/div>\n            <\/div>\n                      <div class=\"pe-oc-card\" data-index=\"5\">\n                              <div class=\"pe-oc-image\">\n                  <img decoding=\"async\" src=\"https:\/\/sergiosoler.com\/wp-content\/uploads\/2026\/04\/icon-webflow-1.svg\" alt=\"Webflow\">\n                <\/div>\n                            <div class=\"pe-oc-content\">\n                                  <h4 class=\"pe-oc-title\">Webflow<\/h4>\n                                                  <p class=\"pe-oc-text\">Design et d\u00e9veloppement visuel sans code. Prototypes haute fid\u00e9lit\u00e9 et sites web pr\u00eats pour la production.<\/p>\n                              <\/div>\n            <\/div>\n                      <div class=\"pe-oc-card\" data-index=\"6\">\n                              <div class=\"pe-oc-image\">\n                  <img decoding=\"async\" src=\"https:\/\/sergiosoler.com\/wp-content\/uploads\/2026\/04\/icon-miro-1.svg\" alt=\"Miro\">\n                <\/div>\n                            <div class=\"pe-oc-content\">\n                                  <h4 class=\"pe-oc-title\">Miro<\/h4>\n                                                  <p class=\"pe-oc-text\">Recherche UX, ateliers collaboratifs, cartes d&#039;empathie, customer journeys et facilitation de sessions Design Thinking.<\/p>\n                              <\/div>\n            <\/div>\n                      <div class=\"pe-oc-card\" data-index=\"7\">\n                              <div class=\"pe-oc-image\">\n                  <img decoding=\"async\" src=\"https:\/\/sergiosoler.com\/wp-content\/uploads\/2026\/04\/icon-hotjar-1.svg\" alt=\"Hotjar &amp; Smartlook\">\n                <\/div>\n                            <div class=\"pe-oc-content\">\n                                  <h4 class=\"pe-oc-title\">Hotjar &amp; Smartlook<\/h4>\n                                                  <p class=\"pe-oc-text\">Analyse UX, heatmaps, enregistrements de session et tests A\/B. D\u00e9cisions de design bas\u00e9es sur des donn\u00e9es utilisateur r\u00e9elles.<\/p>\n                              <\/div>\n            <\/div>\n                      <div class=\"pe-oc-card\" data-index=\"8\">\n                              <div class=\"pe-oc-image\">\n                  <img decoding=\"async\" src=\"https:\/\/sergiosoler.com\/wp-content\/uploads\/2026\/04\/icon-claude-1.svg\" alt=\"IA g\u00e9n\u00e9rative\">\n                <\/div>\n                            <div class=\"pe-oc-content\">\n                                  <h4 class=\"pe-oc-title\">IA g\u00e9n\u00e9rative<\/h4>\n                                                  <p class=\"pe-oc-text\">Claude Code, ChatGPT et Gemini int\u00e9gr\u00e9s aux flux de design et de d\u00e9veloppement. Prototypage acc\u00e9l\u00e9r\u00e9 et g\u00e9n\u00e9ration de code.<\/p>\n                              <\/div>\n            <\/div>\n                      <div class=\"pe-oc-card\" data-index=\"9\">\n                              <div class=\"pe-oc-image\">\n                  <img decoding=\"async\" src=\"https:\/\/sergiosoler.com\/wp-content\/uploads\/2026\/04\/icon-bootstrap-1.svg\" alt=\"Bootstrap &amp; SASS\">\n                <\/div>\n                            <div class=\"pe-oc-content\">\n                                  <h4 class=\"pe-oc-title\">Bootstrap &amp; SASS<\/h4>\n                                                  <p class=\"pe-oc-text\">Frameworks CSS pour un d\u00e9veloppement agile. Syst\u00e8mes de grille, composants responsive et pr\u00e9processeurs pour un CSS scalable.<\/p>\n                              <\/div>\n            <\/div>\n                  <\/div>\n      <\/div>\n      <div class=\"pe-oc-mobile-nav\">\n        <button class=\"pe-oc-prev\" aria-label=\"Previous\">\n          <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"15 18 9 12 15 6\"><\/polyline><\/svg>\n        <\/button>\n        <span class=\"pe-oc-dots\"><\/span>\n        <button class=\"pe-oc-next\" aria-label=\"Next\">\n          <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"9 18 15 12 9 6\"><\/polyline><\/svg>\n        <\/button>\n      <\/div>\n    <\/div>\n\n    \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-14935b60 e-con-full e-flex convert--none bg--none no e-con e-parent\" data-id=\"14935b60\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9de8bda e-con e-atomic-element e-flexbox-base e-9de8bda-8fa9b5d\" data-id=\"9de8bda\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"9de8bda\" data-e-type=\"e-flexbox\" data-id=\"9de8bda\">\n\t\t\t\t<div class=\"elementor-element elementor-element-003aa67 elementor-widget elementor-widget-petextwrapper\" data-id=\"003aa67\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"petextwrapper.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n<div class=\"text-wrapper\">\n\n    <p class=\"text-h3  no-margin \"> Prends quelque chose <span style=\"color: #FFD42C;\"> d'al\u00e9atoire et de sucr\u00e9<\/span> pour \u00e9gayer ta journ\u00e9e<\/p>\n\n<\/div>\n\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\n\t\t<img class=\"e-image-base e-d02254d-7c159ee\" \n\t\t\t\t\tdata-interaction-id=\"d02254d\" \n\t\t \n\t\t data-e-type=\"widget\" data-id=\"d02254d\"\n\t\t\t\t\t\t\t\t\tid=\"11776\"\n\t\t\t\t\t\t\t\t\t\t\t\tsrc=\"https:\/\/sergiosoler.com\/wp-content\/uploads\/2026\/04\/Oso-Haribbo.png\"\n\t\t\t\t\t\t\t\t\t\t\t\twidth=\"632\"\n\t\t\t\t\t\t\t\t\t\t\t\theight=\"1029\"\n\t\t\t\t\t\t\t\t\t\t\t\tsrcset=\"https:\/\/sergiosoler.com\/wp-content\/uploads\/2026\/04\/Oso-Haribbo.png 632w, https:\/\/sergiosoler.com\/wp-content\/uploads\/2026\/04\/Oso-Haribbo-184x300.png 184w, https:\/\/sergiosoler.com\/wp-content\/uploads\/2026\/04\/Oso-Haribbo-629x1024.png 629w, https:\/\/sergiosoler.com\/wp-content\/uploads\/2026\/04\/Oso-Haribbo-300x488.png 300w\"\n\t\t\t\t\t\t\t\t\t\t\t\talt=\"\"\n\t\t\t\t\t\t\/>\n\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1a874c5b elementor-widget elementor-widget-pesingleimage\" data-id=\"1a874c5b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"pesingleimage.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n        <div class=\"single-image single--image\" data-anim-image=\"true\" data-animation=\"mask\" data-animation-direction=\"\" data-settings=\"{duration=1.5;delay=0.1;stagger=0.1;pin=false;pinTarget=;scrub=true;item_ref_start=top;window_ref_start=center;item_ref_end=top;window_ref_end=top;out=false;start_scale=;end_scale=;inner_scale=;block_direction=;mask_start=square;square_start=inset(0% 0% 50% 0% round 50px);square_end=inset(50% 0% 0% 0% round 50px)}\">\n\n                                                <img decoding=\"async\" src=\"https:\/\/sergiosoler.com\/wp-content\/uploads\/2026\/04\/Ositos-Haribbo-fondo.jpg\" title=\"Ositos-Haribbo-fondo\" alt=\"Ositos-Haribbo-fondo\" loading=\"lazy\" \/>\n                    \n\n                        <\/div>\n\n\n        \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-68cf75a elementor-widget elementor-widget-petextwrapper\" data-id=\"68cf75a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"petextwrapper.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n<div class=\"text-wrapper\">\n\n    <p class=\"text-h3  no-margin \"> Et on continue<\/p>\n\n<\/div>\n\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-498a05f e-con-full e-flex convert--none bg--none no e-con e-parent\" data-id=\"498a05f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-2a4a0cc3 e-con-full e-flex convert--none bg--none no e-con e-child\" data-id=\"2a4a0cc3\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-45315634 elementor-widget elementor-widget-pecircletext\" data-id=\"45315634\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"pecircletext.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n<div class=\"pe-circular-text counter-clockwise  \" data-duration=20 data-height=200 data-target=>\n\n    <div class=\"circular-text-wrap\">\n\n        <div class=\"circular-text-content\">\n\n            <div class=\"circle-text\"> MA M\u00c9THODE <\/div>\n\n\n            \n\n        <\/div>\n\n    <\/div>\n\n\n    \n<\/div>\n\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-20862f9c e-con-full e-flex convert--none bg--none no e-con e-child\" data-id=\"20862f9c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2a0c4df1 elementor-widget elementor-widget-petextwrapper\" data-id=\"2a0c4df1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"petextwrapper.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n<div class=\"text-wrapper\">\n\n    <p class=\"text-h2  no-margin \"> Des solutions digitales pens\u00e9es, pas templatis\u00e9es.<\/p>\n\n<\/div>\n\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4d4cff5d elementor-widget elementor-widget-petextwrapper\" data-id=\"4d4cff5d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"petextwrapper.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n<div class=\"text-wrapper\">\n\n    <p class=\"text-p p-large  \"> Comment je travaille<\/p>\n\n<\/div>\n\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4ba9cc90 e-con-full e-flex convert--none bg--none no e-con e-child\" data-id=\"4ba9cc90\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-56498f1f elementor-widget elementor-widget-petextwrapper\" data-id=\"56498f1f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"petextwrapper.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n<div class=\"text-wrapper\">\n\n    <p class=\"text-p p-large  \"> Je comprends d'abord ton activit\u00e9, je con\u00e7ois ensuite. Pas question d'int\u00e9grer sans savoir ce dont tu as besoin. J'utilise des m\u00e9thodes Agile (Scrum\/Kanban), des outils d'IA g\u00e9n\u00e9rative et des donn\u00e9es r\u00e9elles pour que chaque d\u00e9cision de design ait du sens.\n<br>\n<br> J'int\u00e8gre l'IA (Claude Code, ChatGPT, Gemini) \u00e0 mes flux de travail pour <span style=\"color: #FFD42C;\">acc\u00e9l\u00e9rer le prototypage jusqu'\u00e0 40%<\/span> et g\u00e9n\u00e9rer du code front-end sans perdre en qualit\u00e9. <span style=\"color: #FFD42C;\">R\u00e9sultats mesurables : +22% de conversion sur les landings, -18% d'abandon sur les formulaires, +15% au checkout.<\/span><\/p>\n\n<\/div>\n\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9a7c797 elementor-widget elementor-widget-petextwrapper\" data-id=\"9a7c797\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"petextwrapper.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n<div class=\"text-wrapper\">\n\n    <p class=\"text-p p-large  \"> *R\u00e9sultats obtenus avec diff\u00e9rents outils de mesure : Miro et Smartlook.<\/p>\n\n<\/div>\n\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"wd--always--show elementor-element elementor-element-74f75262 elementor-widget elementor-widget-pebutton\" data-id=\"74f75262\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"pebutton.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n<div class=\"pe--button false pb--underlined false pb--icon icon__right pb--normal link\"  >\n\n    <div class=\"pe--button--wrapper\">\n\n        \n        <a href=\"https:\/\/leksa.pethemes.com\/about-us\/\" rel=\"nofollow\"data-cursor=\"true\" data-cursor-type=\"icon\" data-cursor-text=\"\" data-cursor-icon=\"&lt;i aria-hidden=&quot;true&quot; class=&quot;material-icons-sharp md-arrow_forward&quot;&gt;&lt;\/i&gt;\" >\n\n            \n            <span class=\"pb__main\">Parlons de ton projet<i aria-hidden=\"true\" class=\"material-icons md-arrow_outward\" data-md-icon=\"arrow_outward\"><\/i>\n                \n            <\/span>\n\n\n            \n            \n        <\/a>\n       \n\n\n    <\/div>\n\n<\/div>\n\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5318c1b3 e-con-full e-flex convert--none bg--none no e-con e-parent\" data-id=\"5318c1b3\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c8c13d4 elementor-widget elementor-widget-pestackedservices\" data-id=\"c8c13d4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"pestackedservices.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n    <div class=\"pe-stacked-services\" data-total=\"4\" data-speed=\"1000\">\n              <div class=\"pe-ss-card elementor-repeater-item-ss_ux\" data-index=\"0\">\n          <div class=\"pe-ss-card-inner\" style=\"background-color: #1B1B1B;\">\n            <div class=\"pe-ss-overlay\"><\/div>\n\n            <div class=\"pe-ss-layout\">\n              <div class=\"pe-ss-content\">\n                <div class=\"pe-ss-header\">\n                                      <h2 class=\"pe-ss-title\">{Design UX\/UI}<\/h2>\n                  \n                                  <\/div>\n\n                <div class=\"pe-ss-body\">\n                  <div class=\"pe-ss-text-col\">\n                                          <p class=\"pe-ss-subtitle\">Des interfaces qui s\u00e9duisent et qui convertissent<\/p>\n                                                              <p class=\"pe-ss-desc\">Je con\u00e7ois des interfaces centr\u00e9es utilisateur avec Figma, prototyp\u00e9es et valid\u00e9es avec de vraies donn\u00e9es (Hotjar, Smartlook, tests A\/B). Je ne devine pas ce qui marche : je le mesure. Des sites responsive, rapides (moins de 3 secondes de chargement) et optimis\u00e9s pour transformer tes visites en clients.<\/p>\n                                      <\/div>\n\n                  <div class=\"pe-ss-acc-col\">\n                                          <div class=\"pe-ss-acc-item\">\n                        <div class=\"pe-ss-acc-title\">\n                          <span class=\"pe-ss-acc-num\">(01)<\/span>\n                          <span class=\"pe-ss-acc-label\">Design Responsive<\/span>\n                          <span class=\"pe-ss-acc-toggle\"><span><\/span><span><\/span><\/span>\n                        <\/div>\n                                                  <div class=\"pe-ss-acc-content\">\n                            <p>Chaque interface que je con\u00e7ois et d\u00e9veloppe s&#039;adapte \u00e0 tous les \u00e9crans. Mobile-first, toujours.<\/p>\n                          <\/div>\n                                              <\/div>\n                                          <div class=\"pe-ss-acc-item\">\n                        <div class=\"pe-ss-acc-title\">\n                          <span class=\"pe-ss-acc-num\">(02)<\/span>\n                          <span class=\"pe-ss-acc-label\">Exp\u00e9rience Utilisateur (UX)<\/span>\n                          <span class=\"pe-ss-acc-toggle\"><span><\/span><span><\/span><\/span>\n                        <\/div>\n                                                  <div class=\"pe-ss-acc-content\">\n                            <p>Design centr\u00e9 utilisateur avec Design Thinking, recherche et validation par les donn\u00e9es. Pas d&#039;intuitions.<\/p>\n                          <\/div>\n                                              <\/div>\n                                          <div class=\"pe-ss-acc-item\">\n                        <div class=\"pe-ss-acc-title\">\n                          <span class=\"pe-ss-acc-num\">(03)<\/span>\n                          <span class=\"pe-ss-acc-label\">Interface Utilisateur (UI)<\/span>\n                          <span class=\"pe-ss-acc-toggle\"><span><\/span><span><\/span><\/span>\n                        <\/div>\n                                                  <div class=\"pe-ss-acc-content\">\n                            <p>Des interfaces claires, attrayantes et fonctionnelles. Figma, Adobe, InVision et Miro sont mes outils du quotidien.<\/p>\n                          <\/div>\n                                              <\/div>\n                                      <\/div>\n                <\/div>\n              <\/div>\n\n                          <\/div>\n\n          <\/div>\n        <\/div>\n              <div class=\"pe-ss-card elementor-repeater-item-ss_front\" data-index=\"1\">\n          <div class=\"pe-ss-card-inner\" style=\"background-color: #1B1B1B;\">\n            <div class=\"pe-ss-overlay\"><\/div>\n\n            <div class=\"pe-ss-layout\">\n              <div class=\"pe-ss-content\">\n                <div class=\"pe-ss-header\">\n                                      <h2 class=\"pe-ss-title\">Front-end Development<\/h2>\n                  \n                                  <\/div>\n\n                <div class=\"pe-ss-body\">\n                  <div class=\"pe-ss-text-col\">\n                                          <p class=\"pe-ss-subtitle\">Ton design transform\u00e9 en code sans perdre un pixel<\/p>\n                                                              <p class=\"pe-ss-desc\">Je d\u00e9veloppe avec HTML5, CSS3, JavaScript, React et Bootstrap. Si ton design vit dans Figma, je le passe en code pixel-perfect. Si ton site est d\u00e9j\u00e0 sur WordPress, Prestashop ou Webflow, je l&#039;optimise pour qu&#039;il vole. Cross-browser, responsive et sans surprises en production.<\/p>\n                                      <\/div>\n\n                  <div class=\"pe-ss-acc-col\">\n                                          <div class=\"pe-ss-acc-item\">\n                        <div class=\"pe-ss-acc-title\">\n                          <span class=\"pe-ss-acc-num\">(01)<\/span>\n                          <span class=\"pe-ss-acc-label\">HTML5 \/ CSS3 \/ JavaScript<\/span>\n                          <span class=\"pe-ss-acc-toggle\"><span><\/span><span><\/span><\/span>\n                        <\/div>\n                                                  <div class=\"pe-ss-acc-content\">\n                            <p>Int\u00e9gration responsive avec un code propre, s\u00e9mantique et optimis\u00e9. SASS, Less, Bootstrap et vanilla JS.<\/p>\n                          <\/div>\n                                              <\/div>\n                                          <div class=\"pe-ss-acc-item\">\n                        <div class=\"pe-ss-acc-title\">\n                          <span class=\"pe-ss-acc-num\">(02)<\/span>\n                          <span class=\"pe-ss-acc-label\">React &amp; SPAs<\/span>\n                          <span class=\"pe-ss-acc-toggle\"><span><\/span><span><\/span><\/span>\n                        <\/div>\n                                                  <div class=\"pe-ss-acc-content\">\n                            <p>Interfaces interactives avec composants r\u00e9utilisables. Architecture moderne pour applications web.<\/p>\n                          <\/div>\n                                              <\/div>\n                                          <div class=\"pe-ss-acc-item\">\n                        <div class=\"pe-ss-acc-title\">\n                          <span class=\"pe-ss-acc-num\">(03)<\/span>\n                          <span class=\"pe-ss-acc-label\">Optimisation &amp; Performance<\/span>\n                          <span class=\"pe-ss-acc-toggle\"><span><\/span><span><\/span><\/span>\n                        <\/div>\n                                                  <div class=\"pe-ss-acc-content\">\n                            <p>Temps de chargement inf\u00e9rieurs \u00e0 3 secondes. Minification, lazy loading et cache pour que ton site vole.<\/p>\n                          <\/div>\n                                              <\/div>\n                                      <\/div>\n                <\/div>\n              <\/div>\n\n                          <\/div>\n\n          <\/div>\n        <\/div>\n              <div class=\"pe-ss-card elementor-repeater-item-ss_ia\" data-index=\"2\">\n          <div class=\"pe-ss-card-inner\" style=\"background-color: #1B1B1B;\">\n            <div class=\"pe-ss-overlay\"><\/div>\n\n            <div class=\"pe-ss-layout\">\n              <div class=\"pe-ss-content\">\n                <div class=\"pe-ss-header\">\n                                      <h2 class=\"pe-ss-title\">IA Appliqu\u00e9e<\/h2>\n                  \n                                  <\/div>\n\n                <div class=\"pe-ss-body\">\n                  <div class=\"pe-ss-text-col\">\n                                          <p class=\"pe-ss-subtitle\">Intelligence Artificielle int\u00e9gr\u00e9e \u00e0 ton flux de travail<\/p>\n                                                              <p class=\"pe-ss-desc\">J&#039;utilise Claude Code, ChatGPT et Gemini pour acc\u00e9l\u00e9rer le prototypage, g\u00e9n\u00e9rer des composants front-end et optimiser les processus de design. Ce n&#039;est pas de la magie : c&#039;est savoir quoi demander \u00e0 l&#039;IA et quand intervenir. Le r\u00e9sultat : moins de temps de d\u00e9veloppement, plus d&#039;it\u00e9rations et un meilleur produit final.<\/p>\n                                      <\/div>\n\n                  <div class=\"pe-ss-acc-col\">\n                                          <div class=\"pe-ss-acc-item\">\n                        <div class=\"pe-ss-acc-title\">\n                          <span class=\"pe-ss-acc-num\">(01)<\/span>\n                          <span class=\"pe-ss-acc-label\">Prototypage avec IA<\/span>\n                          <span class=\"pe-ss-acc-toggle\"><span><\/span><span><\/span><\/span>\n                        <\/div>\n                                                  <div class=\"pe-ss-acc-content\">\n                            <p>G\u00e9n\u00e9ration rapide de wireframes, composants et layouts avec des prompts intelligents. De l&#039;id\u00e9e au prototype en quelques minutes.<\/p>\n                          <\/div>\n                                              <\/div>\n                                          <div class=\"pe-ss-acc-item\">\n                        <div class=\"pe-ss-acc-title\">\n                          <span class=\"pe-ss-acc-num\">(02)<\/span>\n                          <span class=\"pe-ss-acc-label\">G\u00e9n\u00e9ration de code<\/span>\n                          <span class=\"pe-ss-acc-toggle\"><span><\/span><span><\/span><\/span>\n                        <\/div>\n                                                  <div class=\"pe-ss-acc-content\">\n                            <p>Composants front-end, scripts d&#039;automatisation et optimisations g\u00e9n\u00e9r\u00e9s par IA puis affin\u00e9s \u00e0 la main.<\/p>\n                          <\/div>\n                                              <\/div>\n                                          <div class=\"pe-ss-acc-item\">\n                        <div class=\"pe-ss-acc-title\">\n                          <span class=\"pe-ss-acc-num\">(03)<\/span>\n                          <span class=\"pe-ss-acc-label\">Flux de travail augment\u00e9s<\/span>\n                          <span class=\"pe-ss-acc-toggle\"><span><\/span><span><\/span><\/span>\n                        <\/div>\n                                                  <div class=\"pe-ss-acc-content\">\n                            <p>IA int\u00e9gr\u00e9e \u00e0 chaque \u00e9tape : recherche UX, design visuel, d\u00e9veloppement et tests. Temps de prototypage r\u00e9duit de 40%.<\/p>\n                          <\/div>\n                                              <\/div>\n                                      <\/div>\n                <\/div>\n              <\/div>\n\n                          <\/div>\n\n          <\/div>\n        <\/div>\n              <div class=\"pe-ss-card elementor-repeater-item-ss_cms\" data-index=\"3\">\n          <div class=\"pe-ss-card-inner\" style=\"background-color: #1B1B1B;\">\n            <div class=\"pe-ss-overlay\"><\/div>\n\n            <div class=\"pe-ss-layout\">\n              <div class=\"pe-ss-content\">\n                <div class=\"pe-ss-header\">\n                                      <h2 class=\"pe-ss-title\">CMS &amp; E-commerce<\/h2>\n                  \n                                  <\/div>\n\n                <div class=\"pe-ss-body\">\n                  <div class=\"pe-ss-text-col\">\n                                          <p class=\"pe-ss-subtitle\">Un site autonome, sans d\u00e9pendre de personne<\/p>\n                                                              <p class=\"pe-ss-desc\">WordPress, Prestashop, Webflow, Joomla... Je ma\u00eetrise les CMS les plus utilis\u00e9s du march\u00e9. Je cr\u00e9e des boutiques en ligne, des sites corporate et des plateformes de contenu que tu peux g\u00e9rer toi-m\u00eame sans m&#039;appeler \u00e0 chaque changement de photo.<\/p>\n                                      <\/div>\n\n                  <div class=\"pe-ss-acc-col\">\n                                          <div class=\"pe-ss-acc-item\">\n                        <div class=\"pe-ss-acc-title\">\n                          <span class=\"pe-ss-acc-num\">(01)<\/span>\n                          <span class=\"pe-ss-acc-label\">WordPress &amp; WooCommerce<\/span>\n                          <span class=\"pe-ss-acc-toggle\"><span><\/span><span><\/span><\/span>\n                        <\/div>\n                                                  <div class=\"pe-ss-acc-content\">\n                            <p>Th\u00e8mes custom, plugins sur mesure et boutiques en ligne optimis\u00e9es. Le CMS le plus utilis\u00e9 au monde, exploit\u00e9 au maximum.<\/p>\n                          <\/div>\n                                              <\/div>\n                                          <div class=\"pe-ss-acc-item\">\n                        <div class=\"pe-ss-acc-title\">\n                          <span class=\"pe-ss-acc-num\">(02)<\/span>\n                          <span class=\"pe-ss-acc-label\">Prestashop &amp; Webflow<\/span>\n                          <span class=\"pe-ss-acc-toggle\"><span><\/span><span><\/span><\/span>\n                        <\/div>\n                                                  <div class=\"pe-ss-acc-content\">\n                            <p>E-commerce puissant avec Prestashop. Design visuel avec Webflow. Le bon outil pour chaque projet.<\/p>\n                          <\/div>\n                                              <\/div>\n                                          <div class=\"pe-ss-acc-item\">\n                        <div class=\"pe-ss-acc-title\">\n                          <span class=\"pe-ss-acc-num\">(03)<\/span>\n                          <span class=\"pe-ss-acc-label\">Autonomie totale<\/span>\n                          <span class=\"pe-ss-acc-toggle\"><span><\/span><span><\/span><\/span>\n                        <\/div>\n                                                  <div class=\"pe-ss-acc-content\">\n                            <p>Je te livre un site que tu g\u00e8res toi-m\u00eame : contenu, produits, images et SEO sans toucher au code.<\/p>\n                          <\/div>\n                                              <\/div>\n                                      <\/div>\n                <\/div>\n              <\/div>\n\n                          <\/div>\n\n          <\/div>\n        <\/div>\n          <\/div>\n\n    \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a2e6af6 e-con-full e-flex convert--none bg--none no e-con e-parent\" data-id=\"a2e6af6\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fc427ee elementor-widget elementor-widget-petextwrapper\" data-id=\"fc427ee\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"petextwrapper.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n<div class=\"text-wrapper\">\n\n    <p class=\"text-h3  no-margin \"> L'image <span style=\"color: #FFD42C;\"> du mois<\/span> <\/p>\n\n<\/div>\n\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-654c1e1 elementor-widget elementor-widget-pesingleimage\" data-id=\"654c1e1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"pesingleimage.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n        <div class=\"single-image single--image\" data-anim-image=\"true\" data-animation=\"mask\" data-animation-direction=\"\" data-settings=\"{duration=1.5;delay=0;stagger=0.1;pin=;pinTarget=;scrub=true;item_ref_start=top;window_ref_start=bottom;item_ref_end=bottom;window_ref_end=top;out=false;start_scale=;end_scale=;inner_scale=;block_direction=;mask_start=square;square_start=inset(0% 40% 0% 0% round 50px);square_end=inset(0% 0% 0% 40% round 50px)}\">\n\n                                                <img decoding=\"async\" src=\"https:\/\/sergiosoler.com\/wp-content\/uploads\/2026\/04\/Generated-Image-April-14-2026-11_56AM-scaled.jpg\" title=\"Generated Image April 14, 2026 &#8211; 11_56AM\" alt=\"Generated Image April 14, 2026 - 11_56AM\" loading=\"lazy\" \/>\n                    \n\n                        <\/div>\n\n\n        \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-688b9734 e-con-full e-flex convert--none bg--none no e-con e-parent\" data-id=\"688b9734\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-36caab93 elementor-widget elementor-widget-petextwrapper\" data-id=\"36caab93\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"petextwrapper.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n<div class=\"text-wrapper\">\n\n    <p class=\"text-p p-large no-margin \"> Faisons quelque chose<span style=\"font-size: 100px;\">  de grand !<\/span> <\/p>\n\n<\/div>\n\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1805d2e1 elementor-widget elementor-widget-petextwrapper\" data-id=\"1805d2e1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"petextwrapper.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n<div class=\"text-wrapper\">\n\n    <p class=\"text-h3   \"> Dis-moi ce dont tu as besoin et je te dirai comment je peux t'aider. Sans d\u00e9tours, sans blabla, avec un plan clair d\u00e8s le premier jour.<\/p>\n\n<\/div>\n\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"wd--always--show elementor-element elementor-element-1e1ee35e elementor-widget__width-initial elementor-widget elementor-widget-pebutton\" data-id=\"1e1ee35e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"pebutton.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n<div class=\"pe--button pb--background false false false pb--icon icon__right pb--normal link\"  >\n\n    <div class=\"pe--button--wrapper\">\n\n        \n        <a href=\"#\" rel=\"nofollow\"data-cursor=\"true\" data-cursor-type=\"text\" data-cursor-text=\"View\" data-cursor-icon=\"\" >\n\n            \n            <span class=\"pb__main\">Contacter<i aria-hidden=\"true\" class=\"material-icons md-arrow_outward\" data-md-icon=\"arrow_outward\"><\/i>\n                \n\n                <span class=\"pb__hover\">Contacter<i aria-hidden=\"true\" class=\"material-icons md-arrow_outward\" data-md-icon=\"arrow_outward\"><\/i><\/span>\n\n                \n            <\/span>\n\n\n            \n            \n        <\/a>\n       \n\n\n    <\/div>\n\n<\/div>\n\n\t\t\t\t<\/div>\n\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>Voir le portfolio Voir le portfolio Derniers travaux Wenea Hedonai Immersive Realities Snaps Application Life&#8217;s Stories Los Coyotes Bienvenido, Welcome,&#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"class_list":["post-12090","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/sergiosoler.com\/index.php\/wp-json\/wp\/v2\/pages\/12090","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sergiosoler.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sergiosoler.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sergiosoler.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sergiosoler.com\/index.php\/wp-json\/wp\/v2\/comments?post=12090"}],"version-history":[{"count":2,"href":"https:\/\/sergiosoler.com\/index.php\/wp-json\/wp\/v2\/pages\/12090\/revisions"}],"predecessor-version":[{"id":12098,"href":"https:\/\/sergiosoler.com\/index.php\/wp-json\/wp\/v2\/pages\/12090\/revisions\/12098"}],"wp:attachment":[{"href":"https:\/\/sergiosoler.com\/index.php\/wp-json\/wp\/v2\/media?parent=12090"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}