{"id":12092,"date":"2026-04-15T09:05:46","date_gmt":"2026-04-15T09:05:46","guid":{"rendered":"https:\/\/sergiosoler.com\/index.php\/home-de\/"},"modified":"2026-04-15T09:09:11","modified_gmt":"2026-04-15T09:09:11","slug":"home-de","status":"publish","type":"page","link":"https:\/\/sergiosoler.com\/index.php\/de\/home-de\/","title":{"rendered":"Home &#8211; Showcase Table (DE)"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"12092\" class=\"elementor elementor-12092\" 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\">Portfolio ansehen<i aria-hidden=\"true\" class=\"material-icons md-arrow_outward\" data-md-icon=\"arrow_outward\"><\/i>\n                \n\n                <span class=\"pb__hover\">Portfolio ansehen<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}\"> Letzte Arbeiten<\/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>und KI-gest\u00fctztes Vibe-Coding f\u00fcr dein Projekt.<\/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  \"> \u00dcber mich<\/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 und Front-end-Entwickler mit \u00fcber 9 Jahren Erfahrung im Bauen digitaler Produkte, die wirklich funktionieren. Keine h\u00fcbschen Websites, die nicht konvertieren, und keine Interfaces, die wie aus 2015 aussehen. Ich verbinde Recherche, Design, Code und Daten, damit dein digitales Projekt aufh\u00f6rt, Kopfzerbrechen zu sein, und anf\u00e4ngt, Ergebnisse zu liefern.<\/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 \"> Kunden, die mir vertraut haben<\/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 \"> Ich habe mit gro\u00dfen Marken und ehrgeizigen Projekten gearbeitet. Von E-Commerce \u00fcber Lernplattformen bis hin zu Landingpages, die konvertieren, und Corporate-Websites, f\u00fcr die man sich nicht sch\u00e4men muss.<\/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 \"> Einige meiner 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, interaktives Prototyping und Design Systems. Mein wichtigstes Tool f\u00fcr nutzerzentrierte 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 und XD f\u00fcr Grafikdesign, visuelle Ressourcen und Asset-Bearbeitung f\u00fcr digitale Projekte.<\/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\">Entwicklung interaktiver Interfaces und wiederverwendbarer Komponenten. Moderne SPAs mit komponentenbasierter Architektur.<\/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-Animationen, Vanilla JavaScript und SASS\/Less. Das Fundament jedes soliden Front-end-Projekts.<\/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, individuelle Plugins und ma\u00dfgeschneiderte L\u00f6sungen. Corporate-Websites, WooCommerce-Shops und Landingpages.<\/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\">Visuelles Design und Entwicklung ohne Code. High-Fidelity-Prototypen und produktionsreife 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, kollaborative Workshops, Empathy Maps, Customer Journeys und Moderation von Design-Thinking-Sessions.<\/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 und A\/B-Tests. Designentscheidungen auf Basis echter Nutzerdaten.<\/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 KI\">\n                <\/div>\n                            <div class=\"pe-oc-content\">\n                                  <h4 class=\"pe-oc-title\">Generative KI<\/h4>\n                                                  <p class=\"pe-oc-text\">Claude Code, ChatGPT und Gemini integriert in Design- und Entwicklungs-Workflows. Schnelleres Prototyping und Code-Generierung.<\/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 f\u00fcr agile Entwicklung. Grid-Systeme, responsive Komponenten und Preprozessoren f\u00fcr skalierbares 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 \"> Nimm dir was <span style=\"color: #FFD42C;\"> Zuf\u00e4lliges und S\u00fc\u00dfes<\/span> um deinen Tag zu vers\u00fc\u00dfen<\/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 \"> Und weiter geht's<\/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\"> MEINE METHODE <\/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 \"> Digitale L\u00f6sungen mit K\u00f6pfchen gebaut, nicht mit 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  \"> Wie ich arbeite<\/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  \"> Zuerst verstehe ich dein Business, dann gestalte ich. Kein Bauen, ohne zu wissen, was du brauchst. Ich arbeite mit agilen Methoden (Scrum\/Kanban), generativen KI-Tools und echten Daten, damit jede Designentscheidung Sinn ergibt.\n<br>\n<br> Ich binde KI (Claude Code, ChatGPT, Gemini) in meine Workflows ein, um <span style=\"color: #FFD42C;\">das Prototyping um bis zu 40% zu beschleunigen<\/span> und Front-end-Code zu erzeugen, ohne Qualit\u00e4t zu verlieren. <span style=\"color: #FFD42C;\">Messbare Ergebnisse: +22% Conversion auf Landingpages, -18% Formular-Abbr\u00fcche, +15% beim 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  \"> *Ergebnisse gemessen mit verschiedenen Tools: Miro und 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\">Sprechen wir \u00fcber dein Projekt<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, die begeistern und konvertieren<\/p>\n                                                              <p class=\"pe-ss-desc\">Ich gestalte nutzerzentrierte Interfaces mit Figma, Prototyping und Validierung anhand echter Daten (Hotjar, Smartlook, A\/B-Tests). Ich rate nicht, was funktioniert \u2013 ich messe es. Responsive, schnelle Websites (unter 3 Sekunden Ladezeit), optimiert, um Besucher in Kunden zu verwandeln.<\/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>Jedes Interface, das ich gestalte und entwickle, passt sich an jeden Bildschirm an. Mobile-first, immer.<\/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>Nutzerzentriertes Design mit Design Thinking, Recherche und Validierung anhand echter Daten. Kein Bauchgef\u00fchl.<\/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>Klare, ansprechende und funktionale Interfaces. Figma, Adobe, InVision und Miro sind meine t\u00e4glichen Werkzeuge.<\/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\">Dein Design in Code \u00fcbersetzt \u2013 ohne einen Pixel zu verlieren<\/p>\n                                                              <p class=\"pe-ss-desc\">Ich entwickle mit HTML5, CSS3, JavaScript, React und Bootstrap. Liegt dein Design in Figma, \u00fcbersetze ich es pixelgenau in Code. Hast du bereits eine Site auf WordPress, Prestashop oder Webflow, optimiere ich sie auf H\u00f6chstleistung. Cross-Browser, responsive und ohne \u00dcberraschungen in Produktion.<\/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 mit sauberem, semantischem und optimiertem Code. SASS, Less, Bootstrap und 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>Interaktive Interfaces mit wiederverwendbaren Komponenten. Moderne Architektur f\u00fcr Webanwendungen.<\/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\">Optimierung &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>Ladezeiten unter 3 Sekunden. Minifizierung, Lazy Loading und Caching, damit deine Site fliegt.<\/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\">Angewandte KI<\/h2>\n                  \n                                  <\/div>\n\n                <div class=\"pe-ss-body\">\n                  <div class=\"pe-ss-text-col\">\n                                          <p class=\"pe-ss-subtitle\">K\u00fcnstliche Intelligenz in deinen Workflow integriert<\/p>\n                                                              <p class=\"pe-ss-desc\">Ich setze Claude Code, ChatGPT und Gemini ein, um Prototyping zu beschleunigen, Front-end-Komponenten zu erzeugen und Designprozesse zu optimieren. Das ist keine Magie, sondern zu wissen, was man die KI fragt und wann man selbst Hand anlegt. Ergebnis: weniger Entwicklungszeit, mehr Iterationen, besseres Endprodukt.<\/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\">Prototyping mit KI<\/span>\n                          <span class=\"pe-ss-acc-toggle\"><span><\/span><span><\/span><\/span>\n                        <\/div>\n                                                  <div class=\"pe-ss-acc-content\">\n                            <p>Schnelle Generierung von Wireframes, Komponenten und Layouts mit cleveren Prompts. Von der Idee zum Prototyp in Minuten.<\/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-Generierung<\/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-Komponenten, Automatisierungsskripte und Optimierungen, von KI generiert und per Hand verfeinert.<\/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\">Augmentierte 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>KI in jeder Phase: UX-Research, visuelles Design, Entwicklung und Testing. 40% weniger Prototyping-Zeit.<\/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\">Eine Website, die du selbst verwaltest \u2013 ohne von jemandem abh\u00e4ngig zu sein<\/p>\n                                                              <p class=\"pe-ss-desc\">WordPress, Prestashop, Webflow, Joomla... Ich beherrsche die meistgenutzten CMS auf dem Markt. Ich baue Online-Shops, Corporate-Sites und Content-Plattformen, die du selbst verwaltest \u2013 ohne mich anrufen zu m\u00fcssen, sobald du ein Foto austauschen willst.<\/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, ma\u00dfgeschneiderte Plugins und optimierte Online-Shops. Das meistgenutzte CMS der Welt, voll ausgereizt.<\/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>Leistungsstarker E-Commerce mit Prestashop. Visuelles Design mit Webflow. Das richtige Werkzeug f\u00fcr jedes Projekt.<\/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\">Volle Autonomie<\/span>\n                          <span class=\"pe-ss-acc-toggle\"><span><\/span><span><\/span><\/span>\n                        <\/div>\n                                                  <div class=\"pe-ss-acc-content\">\n                            <p>Ich \u00fcbergebe dir eine Website, die du selbst pflegst: Inhalte, Produkte, Bilder und SEO \u2013 ganz ohne Code.<\/p>\n                          <\/div>\n                                              <\/div>\n                                      <\/div>\n                <\/div>\n              <\/div>\n\n                          <\/div>\n\n          <\/div>\n        <\/div>\n          <\/div>\n\n    \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a2e6af6 e-con-full e-flex convert--none bg--none no e-con e-parent\" data-id=\"a2e6af6\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fc427ee elementor-widget elementor-widget-petextwrapper\" data-id=\"fc427ee\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"petextwrapper.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n<div class=\"text-wrapper\">\n\n    <p class=\"text-h3  no-margin \"> Das Bild <span style=\"color: #FFD42C;\"> des Monats<\/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 \"> Lass uns etwas<span style=\"font-size: 100px;\">  Gro\u00dfes machen!<\/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   \"> Sag mir, was du brauchst, und ich sage dir, wie ich dir helfen kann. Ohne Umwege, ohne Bla-Bla und mit einem klaren Plan ab Tag eins.<\/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\">Kontakt<i aria-hidden=\"true\" class=\"material-icons md-arrow_outward\" data-md-icon=\"arrow_outward\"><\/i>\n                \n\n                <span class=\"pb__hover\">Kontakt<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>Portfolio ansehen Portfolio ansehen Letzte Arbeiten 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-12092","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/sergiosoler.com\/index.php\/wp-json\/wp\/v2\/pages\/12092","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=12092"}],"version-history":[{"count":2,"href":"https:\/\/sergiosoler.com\/index.php\/wp-json\/wp\/v2\/pages\/12092\/revisions"}],"predecessor-version":[{"id":12099,"href":"https:\/\/sergiosoler.com\/index.php\/wp-json\/wp\/v2\/pages\/12092\/revisions\/12099"}],"wp:attachment":[{"href":"https:\/\/sergiosoler.com\/index.php\/wp-json\/wp\/v2\/media?parent=12092"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}