{"id":12076,"date":"2026-04-15T08:18:05","date_gmt":"2026-04-15T08:18:05","guid":{"rendered":"https:\/\/sergiosoler.com\/?page_id=12076"},"modified":"2026-04-15T08:39:24","modified_gmt":"2026-04-15T08:39:24","slug":"home-showcase-table-2","status":"publish","type":"page","link":"https:\/\/sergiosoler.com\/index.php\/en\/home-showcase-table-2\/","title":{"rendered":"Home &#8211; Showcase Table (EN)"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"12076\" class=\"elementor elementor-12076\" 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\">View portfolio<i aria-hidden=\"true\" class=\"material-icons md-arrow_outward\" data-md-icon=\"arrow_outward\"><\/i>\n                \n\n                <span class=\"pb__hover\">View 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}\"> Latest work<\/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. UX\/UI Design, Front-end <br>and AI-assisted vibe coding at your project's service.<\/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  \"> Who I am<\/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  \"> UX\/UI Designer and Front-end Developer with 9+ years building digital products that actually work. I don't make pretty websites that fail to convert, or interfaces that look stuck in 2015. I combine research, design, code and data so your digital project stops being a headache and starts delivering results.<\/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 \"> Clients who have trusted me<\/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 \"> I've worked with big brands and ambitious projects. From e-commerce to learning platforms, high-converting landings and corporate websites that don't make you cringe.<\/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 \"> Some of my skills<\/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\">UX\/UI design, interactive prototyping and design systems. My go-to tool for building user-centred interfaces.<\/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 and XD for graphic design, visual assets and artwork editing for digital projects.<\/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\">Interactive UIs and reusable components. Modern SPAs with a component-based architecture.<\/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\">Responsive markup, CSS animations, vanilla JavaScript and SASS\/Less. The foundation of any solid front-end project.<\/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\">Custom themes, plugins and tailored solutions. Corporate sites, WooCommerce stores and 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\">No-code visual design and development. High-fidelity prototypes and production-ready websites.<\/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\">UX research, collaborative workshops, empathy maps, customer journeys and Design Thinking facilitation.<\/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\">UX analytics, heatmaps, session recordings and A\/B testing. Design decisions backed by real user data.<\/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=\"Generative AI\">\n                <\/div>\n                            <div class=\"pe-oc-content\">\n                                  <h4 class=\"pe-oc-title\">Generative AI<\/h4>\n                                                  <p class=\"pe-oc-text\">Claude Code, ChatGPT and Gemini plugged into design and dev workflows. Faster prototyping and code generation.<\/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\">CSS frameworks for fast development. Grid systems, responsive components and preprocessors for scalable CSS.<\/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 \"> Grab something <span style=\"color: #FFD42C;\"> random and sweet<\/span> to brighten your day<\/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 \"> And we keep going<\/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\"> MY METHOD <\/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 \"> Digital solutions built with intent, not templates.<\/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  \"> How I work<\/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  \"> Business first, design second. No building pages before understanding what you actually need. I work with Agile (Scrum\/Kanban), generative AI tools and real data so every design decision is grounded.\n<br>\n<br> I bring AI (Claude Code, ChatGPT, Gemini) into my workflows to <span style=\"color: #FFD42C;\">speed up prototyping by up to 40%<\/span> and generate front-end code without sacrificing quality. <span style=\"color: #FFD42C;\">Measurable results: +22% conversion on landings, -18% form drop-off, +15% 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  \"> *Results measured with different tools: Miro and 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\">Let's talk about your project<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\">{UX\/UI Design}<\/h2>\n                  \n                                  <\/div>\n\n                <div class=\"pe-ss-body\">\n                  <div class=\"pe-ss-text-col\">\n                                          <p class=\"pe-ss-subtitle\">Interfaces that delight and convert<\/p>\n                                                              <p class=\"pe-ss-desc\">User-centred interfaces designed with Figma, prototyped and validated with real data (Hotjar, Smartlook, A\/B testing). I don&#039;t guess what works \u2014 I measure it. Responsive, fast (under 3s load time) websites optimised to turn visitors into customers.<\/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\">Responsive Design<\/span>\n                          <span class=\"pe-ss-acc-toggle\"><span><\/span><span><\/span><\/span>\n                        <\/div>\n                                                  <div class=\"pe-ss-acc-content\">\n                            <p>Every interface I design and build adapts to any screen. Mobile-first, always.<\/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\">User Experience (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>User-centred design powered by Design Thinking, research and real data. No gut feelings.<\/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\">User Interface (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>Clean, attractive and functional interfaces. Figma, Adobe, InVision and Miro are my daily tools.<\/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\">Your design turned into code without losing a single pixel<\/p>\n                                                              <p class=\"pe-ss-desc\">I build with HTML5, CSS3, JavaScript, React and Bootstrap. If your design lives in Figma, I translate it pixel-perfect into code. If you already have a site on WordPress, Prestashop or Webflow, I make it fly. Cross-browser, responsive and no surprises in 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>Responsive markup with clean, semantic, optimised code. SASS, Less, Bootstrap and 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>Interactive UIs with reusable components. Modern architecture for web applications.<\/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>Load times under 3 seconds. Minification, lazy loading and caching to make your site fly.<\/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\">Applied AI<\/h2>\n                  \n                                  <\/div>\n\n                <div class=\"pe-ss-body\">\n                  <div class=\"pe-ss-text-col\">\n                                          <p class=\"pe-ss-subtitle\">Artificial Intelligence built into your workflow<\/p>\n                                                              <p class=\"pe-ss-desc\">I use Claude Code, ChatGPT and Gemini to accelerate prototyping, generate front-end components and streamline design processes. It&#039;s not magic \u2014 it&#039;s knowing what to ask the AI and when to step in yourself. The result: less development time, more iterations and a better end product.<\/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\">AI Prototyping<\/span>\n                          <span class=\"pe-ss-acc-toggle\"><span><\/span><span><\/span><\/span>\n                        <\/div>\n                                                  <div class=\"pe-ss-acc-content\">\n                            <p>Rapid wireframes, components and layouts generated with smart prompts. From idea to prototype in 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\">Code Generation<\/span>\n                          <span class=\"pe-ss-acc-toggle\"><span><\/span><span><\/span><\/span>\n                        <\/div>\n                                                  <div class=\"pe-ss-acc-content\">\n                            <p>Front-end components, automation scripts and optimisations generated with AI and refined by hand.<\/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\">Augmented Workflows<\/span>\n                          <span class=\"pe-ss-acc-toggle\"><span><\/span><span><\/span><\/span>\n                        <\/div>\n                                                  <div class=\"pe-ss-acc-content\">\n                            <p>AI at every stage: UX research, visual design, development and testing. Prototyping time cut by 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\">A self-managed website \u2014 no middleman required<\/p>\n                                                              <p class=\"pe-ss-desc\">WordPress, Prestashop, Webflow, Joomla\u2026 I master the most widely-used CMSs. I build online stores, corporate sites and content platforms you can run yourself \u2014 without calling me every time you want to swap a picture.<\/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>Custom themes, tailored plugins and optimised online stores. The world&#039;s most-used CMS, pushed to its limits.<\/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>Powerful e-commerce with Prestashop. Visual design with Webflow. The right tool for every project.<\/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\">Full autonomy<\/span>\n                          <span class=\"pe-ss-acc-toggle\"><span><\/span><span><\/span><\/span>\n                        <\/div>\n                                                  <div class=\"pe-ss-acc-content\">\n                            <p>I hand over a website you can manage yourself: content, products, images and SEO \u2014 no code required.<\/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 \"> The image <span style=\"color: #FFD42C;\"> of the month<\/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 \"> Let's build something<span style=\"font-size: 100px;\">  great!<\/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   \"> Tell me what you need and I'll tell you how I can help. Straight to the point, no fluff, with a clear plan from day one.<\/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\">Contact<i aria-hidden=\"true\" class=\"material-icons md-arrow_outward\" data-md-icon=\"arrow_outward\"><\/i>\n                \n\n                <span class=\"pb__hover\">Contact<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>View portfolio View portfolio Latest work Wenea Hedonai Immersive Realities Snaps Application Life&#8217;s Stories Los Coyotes Bienvenido, Welcome, Bienvenue, Willkommen,&#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-12076","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/sergiosoler.com\/index.php\/wp-json\/wp\/v2\/pages\/12076","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=12076"}],"version-history":[{"count":6,"href":"https:\/\/sergiosoler.com\/index.php\/wp-json\/wp\/v2\/pages\/12076\/revisions"}],"predecessor-version":[{"id":12082,"href":"https:\/\/sergiosoler.com\/index.php\/wp-json\/wp\/v2\/pages\/12076\/revisions\/12082"}],"wp:attachment":[{"href":"https:\/\/sergiosoler.com\/index.php\/wp-json\/wp\/v2\/media?parent=12076"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}