{"id":12094,"date":"2026-04-15T09:05:46","date_gmt":"2026-04-15T09:05:46","guid":{"rendered":"https:\/\/sergiosoler.com\/index.php\/home-pt\/"},"modified":"2026-04-15T09:09:11","modified_gmt":"2026-04-15T09:09:11","slug":"home-pt","status":"publish","type":"page","link":"https:\/\/sergiosoler.com\/index.php\/pt\/home-pt\/","title":{"rendered":"Home &#8211; Showcase Table (PT)"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"12094\" class=\"elementor elementor-12094\" 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\">Ver portfolio<i aria-hidden=\"true\" class=\"material-icons md-arrow_outward\" data-md-icon=\"arrow_outward\"><\/i>\n                \n\n                <span class=\"pb__hover\">Ver 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}\"> \u00daltimos trabalhos<\/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>e vibe coding com IA ao servi\u00e7o do teu projeto.<\/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  \"> Quem sou<\/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 e developer Front-end com +9 anos a criar produtos digitais que realmente funcionam. N\u00e3o fa\u00e7o sites bonitos que n\u00e3o convertem, nem interfaces que parecem ter sido feitas em 2015. Combino pesquisa, design, c\u00f3digo e dados para que o teu projeto digital deixe de ser uma dor de cabe\u00e7a e comece a dar-te resultados.<\/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 \"> Clientes que confiaram em mim<\/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 \"> Trabalhei com grandes marcas e projetos ambiciosos. De e-commerce a plataformas de forma\u00e7\u00e3o, passando por landings que convertem e sites corporativos sem vergonha alheia.<\/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 \"> Algumas das minhas compet\u00eancias<\/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, prototipagem interativa e design systems. A minha ferramenta principal para criar interfaces centradas no utilizador.<\/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 e XD para design gr\u00e1fico, recursos visuais e edi\u00e7\u00e3o de assets para projetos digitais.<\/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\">Desenvolvimento de interfaces interativas e componentes reutiliz\u00e1veis. SPAs modernas com arquitetura baseada em componentes.<\/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\">Maqueta\u00e7\u00e3o responsive, anima\u00e7\u00f5es CSS, JavaScript vanilla e SASS\/Less. A base de qualquer projeto front-end s\u00f3lido.<\/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\">Desenvolvimento de temas, plugins e solu\u00e7\u00f5es \u00e0 medida. Sites corporativos, e-commerce com WooCommerce e 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 e desenvolvimento visual sem c\u00f3digo. Prot\u00f3tipos de alta fidelidade e sites prontos para produ\u00e7\u00e3o.<\/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\">Pesquisa UX, workshops colaborativos, mapas de empatia, customer journeys e facilita\u00e7\u00e3o de sess\u00f5es de 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\">An\u00e1lise UX, mapas de calor, grava\u00e7\u00f5es de sess\u00e3o e testes A\/B. Decis\u00f5es de design baseadas em dados reais de utilizador.<\/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 Generativa\">\n                <\/div>\n                            <div class=\"pe-oc-content\">\n                                  <h4 class=\"pe-oc-title\">IA Generativa<\/h4>\n                                                  <p class=\"pe-oc-text\">Claude Code, ChatGPT e Gemini integrados em fluxos de design e desenvolvimento. Prototipagem acelerada e gera\u00e7\u00e3o de c\u00f3digo.<\/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 para desenvolvimento \u00e1gil. Sistemas de grid, componentes responsive e preprocessadores para CSS escal\u00e1vel.<\/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 \"> Toma algo <span style=\"color: #FFD42C;\"> aleat\u00f3rio e doce<\/span> para alegrar o teu dia<\/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 \"> E continuamos<\/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\"> O MEU M\u00c9TODO <\/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 \"> Solu\u00e7\u00f5es digitais feitas com cabe\u00e7a, n\u00e3o com 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  \"> Como trabalho<\/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  \"> Primeiro percebo o teu neg\u00f3cio, s\u00f3 depois desenho. Nada de come\u00e7ar a maquetar sem saber o que precisas. Uso metodologias \u00c1geis (Scrum\/Kanban), ferramentas de IA generativa e dados reais para que cada decis\u00e3o de design fa\u00e7a sentido.\n<br>\n<br> Integro IA (Claude Code, ChatGPT, Gemini) nos meus fluxos de trabalho para <span style=\"color: #FFD42C;\">acelerar a prototipagem at\u00e9 40%<\/span> e gerar c\u00f3digo front-end sem perder qualidade. <span style=\"color: #FFD42C;\">Resultados mensur\u00e1veis: +22% de convers\u00e3o em landings, -18% de abandono em formul\u00e1rios, +15% no 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  \"> *Resultados obtidos com diferentes ferramentas de medi\u00e7\u00e3o: Miro e 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\">Vamos falar do teu projeto<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\">Interfaces que encantam e convertem<\/p>\n                                                              <p class=\"pe-ss-desc\">Desenho interfaces centradas no utilizador com Figma, prototipagem e valida\u00e7\u00e3o com dados reais (Hotjar, Smartlook, testes A\/B). N\u00e3o adivinho o que funciona: me\u00e7o. Sites responsive, r\u00e1pidos (menos de 3 segundos de carregamento) e otimizados para que as tuas visitas se transformem em clientes.<\/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>Cada interface que desenho e desenvolvo adapta-se a qualquer ecr\u00e3. Mobile-first, sempre.<\/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\">Experi\u00eancia de Utilizador (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 centrado no utilizador com Design Thinking, pesquisa e valida\u00e7\u00e3o com dados reais. Nada de intui\u00e7\u00f5es.<\/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 de Utilizador (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>Interfaces limpas, apelativas e funcionais. Figma, Adobe, InVision e Miro s\u00e3o as minhas ferramentas do dia a dia.<\/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\">O teu design transformado em c\u00f3digo sem perder um pixel<\/p>\n                                                              <p class=\"pe-ss-desc\">Maqueto e desenvolvo com HTML5, CSS3, JavaScript, React e Bootstrap. Se o teu design est\u00e1 em Figma, passo-o a c\u00f3digo pixel-perfect. Se j\u00e1 tens um site em WordPress, Prestashop ou Webflow, otimizo-o para que voe. Cross-browser, responsive e sem surpresas em produ\u00e7\u00e3o.<\/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>Maqueta\u00e7\u00e3o responsive com c\u00f3digo limpo, sem\u00e2ntico e otimizado. SASS, Less, Bootstrap e 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 interativas com componentes reutiliz\u00e1veis. Arquitetura moderna para aplica\u00e7\u00f5es 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\">Otimiza\u00e7\u00e3o &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>Tempos de carregamento abaixo de 3 segundos. Minifica\u00e7\u00e3o, lazy loading e cache para que o teu site voe.<\/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 Aplicada<\/h2>\n                  \n                                  <\/div>\n\n                <div class=\"pe-ss-body\">\n                  <div class=\"pe-ss-text-col\">\n                                          <p class=\"pe-ss-subtitle\">Intelig\u00eancia Artificial integrada no teu fluxo de trabalho<\/p>\n                                                              <p class=\"pe-ss-desc\">Uso Claude Code, ChatGPT e Gemini para acelerar a prototipagem, gerar componentes front-end e otimizar processos de design. N\u00e3o \u00e9 magia: \u00e9 saber o que pedir \u00e0 IA e quando meter as m\u00e3os \u00e0 obra. O resultado: menos tempo de desenvolvimento, mais itera\u00e7\u00f5es e melhor produto 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\">Prototipagem com 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>Gera\u00e7\u00e3o r\u00e1pida de wireframes, componentes e layouts com prompts inteligentes. Da ideia ao prot\u00f3tipo em minutos.<\/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\">Gera\u00e7\u00e3o de c\u00f3digo<\/span>\n                          <span class=\"pe-ss-acc-toggle\"><span><\/span><span><\/span><\/span>\n                        <\/div>\n                                                  <div class=\"pe-ss-acc-content\">\n                            <p>Componentes front-end, scripts de automa\u00e7\u00e3o e otimiza\u00e7\u00f5es geradas com IA e refinadas \u00e0 m\u00e3o.<\/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\">Fluxos de trabalho aumentados<\/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 integrada em cada fase: pesquisa UX, design visual, desenvolvimento e testes. Redu\u00e7\u00e3o de 40% nos tempos de prototipagem.<\/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\">O teu site autoger\u00edvel, sem depender de ningu\u00e9m<\/p>\n                                                              <p class=\"pe-ss-desc\">WordPress, Prestashop, Webflow, Joomla... Domino os CMS mais usados do mercado. Crio lojas online, sites corporativos e plataformas de conte\u00fado que podes gerir sozinho sem me ligares de cada vez que queiras trocar uma foto.<\/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>Temas custom, plugins \u00e0 medida e lojas online otimizadas. O CMS mais usado do mundo, espremido ao m\u00e1ximo.<\/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 poderoso com Prestashop. Design visual com Webflow. A ferramenta certa para cada projeto.<\/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\">Autonomia total<\/span>\n                          <span class=\"pe-ss-acc-toggle\"><span><\/span><span><\/span><\/span>\n                        <\/div>\n                                                  <div class=\"pe-ss-acc-content\">\n                            <p>Entrego-te um site que podes gerir sozinho: conte\u00fado, produtos, imagens e SEO sem tocar em c\u00f3digo.<\/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 \"> A imagem <span style=\"color: #FFD42C;\"> do m\u00eas<\/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 \"> Vamos fazer algo<span style=\"font-size: 100px;\">  em grande!<\/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   \"> Conta-me o que precisas e digo-te como te posso ajudar. Sem rodeios, sem bl\u00e1-bl\u00e1 e com um plano claro desde o primeiro dia.<\/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\">Contactar<i aria-hidden=\"true\" class=\"material-icons md-arrow_outward\" data-md-icon=\"arrow_outward\"><\/i>\n                \n\n                <span class=\"pb__hover\">Contactar<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>Ver portfolio Ver portfolio \u00daltimos trabalhos 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-12094","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/sergiosoler.com\/index.php\/wp-json\/wp\/v2\/pages\/12094","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=12094"}],"version-history":[{"count":2,"href":"https:\/\/sergiosoler.com\/index.php\/wp-json\/wp\/v2\/pages\/12094\/revisions"}],"predecessor-version":[{"id":12100,"href":"https:\/\/sergiosoler.com\/index.php\/wp-json\/wp\/v2\/pages\/12094\/revisions\/12100"}],"wp:attachment":[{"href":"https:\/\/sergiosoler.com\/index.php\/wp-json\/wp\/v2\/media?parent=12094"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}