{"id":15,"date":"2025-05-15T09:12:29","date_gmt":"2025-05-15T09:12:29","guid":{"rendered":"https:\/\/floka.casethemes.net\/?page_id=15"},"modified":"2026-10-27T13:32:38","modified_gmt":"2026-10-27T13:32:38","slug":"ux-web-design-services","status":"publish","type":"page","link":"https:\/\/datdesignlab.com\/es\/","title":{"rendered":"UX\/UI, Web Design &amp; SEO | Dat Design Lab"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"15\" class=\"elementor elementor-15\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-192ace9 e-con-full e-flex e-con e-parent\" data-id=\"192ace9\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8ee2067 elementor-widget elementor-widget-html\" data-id=\"8ee2067\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n  .ddl-hero{position:relative;min-height:min(92vh,820px);display:flex;align-items:stretch;\r\n    padding:clamp(90px,12vw,130px) var(--pad) clamp(40px,6vw,64px);overflow:hidden;color:#fff;\r\n    border-radius:var(--radius-lg);margin:12px var(--panel-inset) 0}\r\n  .ddl-hero__media{position:absolute;inset:0;z-index:0;background:#0a0a0a center\/cover no-repeat;\r\n    background-image:url('\/wp-content\/uploads\/2025\/11\/Dat-Design-Lab-Hero-Background-Fallback-UX-Web-Design-Video-768x426.webp')}\r\n  .ddl-hero__media video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}\r\n  .ddl-hero__scrim{position:absolute;inset:0;z-index:1;background:\r\n    linear-gradient(180deg,rgba(8,8,8,.5),rgba(8,8,8,.28) 38%,rgba(8,8,8,.82)),\r\n    linear-gradient(90deg,rgba(8,8,8,.55),rgba(8,8,8,.1) 55%)}\r\n  .ddl-hero__sub{text-shadow:0 1px 12px rgba(0,0,0,.5)}\r\n  .ddl-hero__in{position:relative;z-index:2;max-width:var(--maxw);margin:0 auto;width:100%;\r\n    display:flex;flex-direction:column;justify-content:flex-end;min-height:min(76vh,620px)}\r\n  \/* headline: single row, bottom-left *\/\r\n  .ddl-hero__headline{align-self:flex-start;max-width:100%}\r\n  .ddl-hero__headline h1{color:#fff;font-size:clamp(40px,11vw,132px);font-weight:600;letter-spacing:-.035em;line-height:.9;white-space:nowrap}\r\n  .ddl-hero__ghost{font-family:var(--font-head);font-size:clamp(26px,6.5vw,80px);font-weight:600;line-height:1;letter-spacing:-.02em;\r\n    color:rgba(255,255,255,.34);margin-top:4px;white-space:nowrap}\r\n  .ddl-hero__ghost i{color:var(--accent);font-style:normal}\r\n  \/* floating profile card, upper right, bigger + gold accent *\/\r\n  .ddl-hero__right{position:absolute;top:6%;right:0;width:min(400px,92%);display:flex;flex-direction:column;gap:18px;align-items:stretch}\r\n  .ddl-hero__card{background:#fff;border-radius:22px;padding:20px;display:flex;align-items:center;gap:18px;color:var(--ink);position:relative;\r\n    box-shadow:0 0 0 1px rgba(185,178,122,.55),0 40px 80px -28px rgba(0,0,0,.75)}\r\n  .ddl-hero__card::after{content:\"\";position:absolute;left:22px;right:22px;top:0;height:3px;border-radius:0 0 3px 3px;background:var(--accent)}\r\n  .ddl-hero__card img{width:104px;height:116px;border-radius:16px;object-fit:cover;flex:none}\r\n  .ddl-hero__card .role{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted-2);font-weight:600}\r\n  .ddl-hero__card .avail{display:inline-flex;align-items:center;gap:7px;font-size:11px;font-weight:600;color:#14a800;margin:6px 0 2px}\r\n  .ddl-hero__card .avail::before{content:\"\";width:8px;height:8px;border-radius:50%;background:#14a800;animation:ddl-pulse 2s ease-out infinite}\r\n  .ddl-hero__card .nm{font-family:var(--font-head);font-size:26px;color:var(--ink);margin:2px 0 14px}\r\n  .ddl-hero__card .talk{display:inline-flex;align-items:center;gap:10px;font-size:12px;letter-spacing:.12em;text-transform:uppercase;font-weight:700;color:var(--ink)}\r\n  .ddl-hero__card .talk .c{width:38px;height:38px;border-radius:50%;background:var(--ink);color:#fff;display:grid;place-items:center;font-size:16px}\r\n  .ddl-hero__card .talk:hover .c{background:var(--accent);color:#111}\r\n  .ddl-hero__sub{color:rgba(255,255,255,.85);font-size:16px}\r\n  .ddl-hero__sub b{color:#fff;display:block;font-size:19px;margin-bottom:4px}\r\n  @media(max-width:820px){\r\n    .ddl-hero__in{min-height:auto;gap:24px}\r\n    .ddl-hero__headline h1,.ddl-hero__ghost{white-space:normal}\r\n    .ddl-hero__headline{order:-1}          \/* title first on mobile *\/\r\n    .ddl-hero__right{position:static;width:100%;order:0} \/* then card, then copy *\/\r\n  }\r\n<\/style>\r\n<section class=\"ddl-hero\">\r\n  <div class=\"ddl-hero__media\">\r\n    <!-- Hero video + poster fallback (poster shows instantly \/ if video fails to load). -->\r\n    <video autoplay muted loop playsinline preload=\"metadata\"\r\n      poster=\"\/wp-content\/uploads\/2025\/11\/Dat-Design-Lab-Hero-Background-Fallback-UX-Web-Design-Video-768x426.webp\">\r\n      <source src=\"\/wp-content\/uploads\/2025\/11\/f9214529-039d-43b1-96ef-3b1a81b2f2a4.mp4\" type=\"video\/mp4\">\r\n    <\/video>\r\n  <\/div>\r\n  <div class=\"ddl-hero__scrim\"><\/div>\r\n  <div class=\"ddl-hero__in\">\r\n    <div class=\"ddl-hero__right\">\r\n      <div class=\"ddl-hero__card\">\r\n        <img fetchpriority=\"high\" decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/11\/datdesignlab-about-image-1-e1742221222977-934x1024-1-300x300.webp\" alt=\"Dat Truong\" width=\"104\" height=\"116\" fetchpriority=\"high\">\r\n        <div>\r\n          <div class=\"role\">Founder \u00b7 UX, Web &amp; SEO<\/div>\r\n          <div class=\"avail\">Available for projects<\/div>\r\n          <div class=\"nm\">Dat Truong<\/div>\r\n          <a class=\"talk\" href=\"\/contact\/\"><span class=\"c\">\uff0b<\/span> Let\u2019s Talk<\/a>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"ddl-hero__sub\"><h1 style=\"margin:0;font:inherit;color:inherit;letter-spacing:inherit\"><b>Websites and SEO for US small businesses<\/b><\/h1>Web design and SEO studio. You work directly with the person building your site, start to finish.<\/div>\r\n    <\/div>\r\n    <div class=\"ddl-hero__headline\">\r\n      <p class=\"ddl-hero__big\">Digital Design<\/p>\r\n      <div class=\"ddl-hero__ghost\">Strategy <i>\u2022<\/i> UX <i>\u2022<\/i> Web<\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section><style>.ddl-hero__headline .ddl-hero__big{color:#fff;font-family:var(--font-head,inherit);font-size:clamp(40px,11vw,132px);font-weight:600;letter-spacing:-.035em;line-height:.9;margin:0;white-space:normal}<\/style>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5fda687 elementor-widget elementor-widget-html\" data-id=\"5fda687\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n  .ddl-intro-head{display:grid;grid-template-columns:.9fr 1.5fr;gap:44px;align-items:start;margin-bottom:46px}\r\n  .ddl-intro-head__l{display:flex;flex-direction:column;gap:16px}\r\n  .ddl-intro-head__l .txt{color:var(--muted);font-size:15px;max-width:24ch}\r\n  .ddl-intro-head h2{font-size:clamp(26px,3.4vw,44px);color:var(--ink);line-height:1.12}\r\n  .ddl-intro{display:grid;grid-template-columns:1fr 1.4fr 1fr;gap:22px;align-items:stretch}\r\n  .ddl-intro>*{min-width:0}\r\n  .ddl-stat__num{font-family:var(--font-head);font-size:72px;font-weight:600;color:var(--ink);line-height:1}\r\n  .ddl-stat__num small{color:var(--muted-2)}\r\n  .ddl-stat__label{font-weight:600;color:var(--ink);margin:6px 0 18px}\r\n  .ddl-flagwrap{overflow:hidden;margin:22px 0 10px;\r\n    -webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);\r\n    mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}\r\n  .ddl-flagwrap:hover .ddl-flags{animation-play-state:paused}\r\n  .ddl-flags{display:flex;gap:7px;width:max-content;animation:ddl-marquee 20s linear infinite}\r\n  @media(prefers-reduced-motion:reduce){.ddl-flags{animation:none;flex-wrap:wrap;width:auto}.ddl-flagwrap{-webkit-mask-image:none;mask-image:none}}\r\n  .ddl-flags img{width:34px;height:34px;border-radius:50%;object-fit:cover;box-shadow:0 2px 8px rgba(0,0,0,.08)}\r\n  .ddl-stat__count{font-family:var(--font-head);font-size:20px;color:var(--ink);font-weight:600;margin-top:6px}\r\n \r\n  .ddl-founder{position:relative;overflow:hidden;padding:0;background:#0a0a0a;min-height:420px}\r\n  .ddl-founder__img{display:block;width:100%;max-width:100%;height:100%;min-height:420px;object-fit:cover;object-position:center 20%}\r\n  .ddl-founder__scrim{position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(10,10,10,.12) 25%,rgba(10,10,10,.92))}\r\n  .ddl-founder__badges{position:absolute;top:18px;right:18px;z-index:2;display:flex;flex-direction:column;gap:9px}\r\n  @keyframes ddl-badgeglow{0%,100%{box-shadow:0 6px 16px rgba(0,0,0,.22),0 0 0 1px rgba(185,178,122,.35),0 0 10px rgba(185,178,122,.22)}50%{box-shadow:0 6px 16px rgba(0,0,0,.22),0 0 0 1px rgba(185,178,122,.7),0 0 22px rgba(185,178,122,.6)}}\r\n  .ddl-founder__badges .bdg{background:#fff;border-radius:10px;padding:7px 11px;display:flex;align-items:center;gap:7px;\r\n    font-size:11px;font-weight:600;color:#111;animation:ddl-badgeglow 3s ease-in-out infinite}\r\n  .ddl-founder__badges .bdg:nth-child(2){animation-delay:1.5s}\r\n  @media(prefers-reduced-motion:reduce){.ddl-founder__badges .bdg{animation:none;box-shadow:0 6px 16px rgba(0,0,0,.22),0 0 0 1px rgba(185,178,122,.45)}}\r\n  .ddl-founder__badges .bdg img{width:15px;height:15px}\r\n  .ddl-founder__badges .bdg svg{width:14px;height:14px;flex:none;color:var(--accent-ink)}\r\n  .ddl-founder__badges .dot{width:7px;height:7px;border-radius:50%;background:#14a800}\r\n  .ddl-founder__body{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:30px}\r\n  .ddl-founder__body h3{color:#fff;font-size:21px;font-weight:500;line-height:1.4;max-width:32ch}\r\n  .ddl-founder__body .by{margin-top:16px;font-size:14px;color:#cfcfcf}\r\n  .ddl-founder__body .by b{color:#fff}\r\n \r\n  .ddl-side{display:grid;gap:22px}\r\n  .ddl-tabs{display:flex;flex-direction:column;gap:10px;margin-top:16px}\r\n  .ddl-tabs a{border:1px solid var(--line);border-radius:999px;padding:11px 18px;font-size:14px;font-weight:600;color:var(--ink);text-align:center}\r\n  .ddl-tabs a:hover{background:var(--ink);color:#fff}\r\n  @keyframes ddl-toolscroll{from{transform:translateY(0)}to{transform:translateY(-50%)}}\r\n  .ddl-toolwrap{height:184px;overflow:hidden;margin-top:16px;\r\n    -webkit-mask-image:linear-gradient(180deg,transparent,#000 15%,#000 85%,transparent);\r\n    mask-image:linear-gradient(180deg,transparent,#000 15%,#000 85%,transparent)}\r\n  .ddl-toolwrap:hover .ddl-toolcloud{animation-play-state:paused}\r\n  .ddl-toolcloud{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;justify-items:center;\r\n    animation:ddl-toolscroll 20s linear infinite;will-change:transform}\r\n  .ddl-toolcloud .chip{width:100%;max-width:52px;aspect-ratio:1;border-radius:50%;background:#fff;border:1px solid var(--line);\r\n    display:grid;place-items:center}\r\n  .ddl-toolcloud .chip img{width:22px;height:22px}\r\n  @media(prefers-reduced-motion:reduce){.ddl-toolcloud{animation:none}.ddl-toolwrap{height:auto;-webkit-mask-image:none;mask-image:none}}\r\n  .ddl-statcard{display:flex;flex-direction:column}\r\n  .ddl-stat__foot{margin-top:auto;padding-top:22px;border-top:1px solid var(--line)}\r\n  .ddl-stat__rating{display:flex;align-items:center;gap:9px;font-weight:600;color:var(--ink);font-size:14px}\r\n  .ddl-stat__rating .stars{color:var(--accent);letter-spacing:2px}\r\n  .ddl-stat__loc{font-size:13px;color:var(--muted-2);margin-top:7px}\r\n  @media(max-width:900px){.ddl-intro,.ddl-intro-head{grid-template-columns:1fr}}\r\n<\/style>\r\n<section class=\"ddl-section\">\r\n  <div class=\"ddl-wrap ddl-intro-head\">\r\n    <div class=\"ddl-intro-head__l\">\r\n      <div class=\"ddl-seal\">\r\n        <svg viewBox=\"0 0 120 120\"><defs><path id=\"ddlIntroCircle\" d=\"M60,60 m-46,0 a46,46 0 1,1 92,0 a46,46 0 1,1 -92,0\"\/><\/defs>\r\n          <text fill=\"#0a0a0a\" font-family=\"Satoshi,sans-serif\" font-size=\"10\">\r\n            <textPath href=\"#ddlIntroCircle\" startOffset=\"0\" textLength=\"289\" lengthAdjust=\"spacing\">WEB DESIGN \u00b7 SEO \u00b7 STRATEGY \u00b7 UX DESIGN \u00b7<\/textPath><\/text><\/svg>\r\n        <span class=\"ddl-seal__mid\"><img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/06\/ddl-logo-svg.svg\" alt=\"DDL\" style=\"width:42px;height:42px\"><\/span>\r\n      <\/div>\r\n      <p class=\"txt\">UX-Driven Web Design for Modern Businesses<\/p>\r\n    <\/div>\r\n    <h2>I design clean, user-focused websites that load fast, convert better, and support long-term growth.<\/h2>\r\n  <\/div>\r\n \r\n  <div class=\"ddl-wrap ddl-intro\">\r\n \r\n    <div class=\"ddl-card ddl-statcard\">\r\n      <div class=\"ddl-stat__num\"><span class=\"ddl-count\" data-to=\"30\">30<\/span><small>+<\/small><\/div>\r\n      <div class=\"ddl-stat__label\">Projects Completed<\/div>\r\n      <p style=\"margin:0\">UX audits, prototypes, and WordPress websites for startups, small businesses, and agencies.<\/p>\r\n      <div class=\"ddl-flagwrap\"><div class=\"ddl-flags\">\r\n        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/11\/united-states-web-design-services.webp\" alt=\"United States\" loading=\"lazy\">\r\n        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/11\/united-kingdom-web-design-services.webp\" alt=\"United Kingdom\" loading=\"lazy\">\r\n        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/11\/france-web-design-services.webp\" alt=\"France\" loading=\"lazy\">\r\n        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/11\/china-web-design-services.webp\" alt=\"China\" loading=\"lazy\">\r\n        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/11\/poland-web-design-services.webp\" alt=\"Poland\" loading=\"lazy\">\r\n        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/11\/spain-web-design-services.webp\" alt=\"Spain\" loading=\"lazy\">\r\n        <img decoding=\"async\" src=\"https:\/\/flagcdn.com\/w80\/de.png\" alt=\"Germany\" loading=\"lazy\" onerror=\"this.style.display='none'\">\r\n        <img decoding=\"async\" src=\"https:\/\/flagcdn.com\/w80\/hr.png\" alt=\"Croatia\" loading=\"lazy\" onerror=\"this.style.display='none'\">\r\n        <img decoding=\"async\" src=\"https:\/\/flagcdn.com\/w80\/it.png\" alt=\"Italy\" loading=\"lazy\" onerror=\"this.style.display='none'\">\r\n        <img decoding=\"async\" src=\"https:\/\/flagcdn.com\/w80\/cz.png\" alt=\"Czechia\" loading=\"lazy\" onerror=\"this.style.display='none'\">\r\n        <img decoding=\"async\" src=\"https:\/\/flagcdn.com\/w80\/id.png\" alt=\"Indonesia\" loading=\"lazy\" onerror=\"this.style.display='none'\">\r\n        <img decoding=\"async\" src=\"https:\/\/flagcdn.com\/w80\/hu.png\" alt=\"Hungary\" loading=\"lazy\" onerror=\"this.style.display='none'\">\r\n      \r\n        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/11\/united-states-web-design-services.webp\" alt=\"United States\" loading=\"lazy\">\r\n        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/11\/united-kingdom-web-design-services.webp\" alt=\"United Kingdom\" loading=\"lazy\">\r\n        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/11\/france-web-design-services.webp\" alt=\"France\" loading=\"lazy\">\r\n        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/11\/china-web-design-services.webp\" alt=\"China\" loading=\"lazy\">\r\n        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/11\/poland-web-design-services.webp\" alt=\"Poland\" loading=\"lazy\">\r\n        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/11\/spain-web-design-services.webp\" alt=\"Spain\" loading=\"lazy\">\r\n        <img decoding=\"async\" src=\"https:\/\/flagcdn.com\/w80\/de.png\" alt=\"Germany\" loading=\"lazy\" onerror=\"this.style.display='none'\">\r\n        <img decoding=\"async\" src=\"https:\/\/flagcdn.com\/w80\/hr.png\" alt=\"Croatia\" loading=\"lazy\" onerror=\"this.style.display='none'\">\r\n        <img decoding=\"async\" src=\"https:\/\/flagcdn.com\/w80\/it.png\" alt=\"Italy\" loading=\"lazy\" onerror=\"this.style.display='none'\">\r\n        <img decoding=\"async\" src=\"https:\/\/flagcdn.com\/w80\/cz.png\" alt=\"Czechia\" loading=\"lazy\" onerror=\"this.style.display='none'\">\r\n        <img decoding=\"async\" src=\"https:\/\/flagcdn.com\/w80\/id.png\" alt=\"Indonesia\" loading=\"lazy\" onerror=\"this.style.display='none'\">\r\n        <img decoding=\"async\" src=\"https:\/\/flagcdn.com\/w80\/hu.png\" alt=\"Hungary\" loading=\"lazy\" onerror=\"this.style.display='none'\">\r\n      <\/div><\/div>\r\n      <div class=\"ddl-stat__count\"><span class=\"ddl-count\" data-to=\"12\">12<\/span>+ Countries Served<\/div>\r\n      <div class=\"ddl-stat__foot\">\r\n        <div class=\"ddl-stat__rating\"><span class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/span> 5-star rated on Upwork &amp; Google<\/div>\r\n        <div class=\"ddl-stat__loc\">Based in Dallas, TX &amp; Poland \u00b7 Serving worldwide<\/div>\r\n      <\/div>\r\n    <\/div>\r\n \r\n    <div class=\"ddl-card ddl-founder\">\r\n      <img decoding=\"async\" class=\"ddl-founder__img\" src=\"\/wp-content\/uploads\/2025\/08\/Dat-strategy-image-941x1024-1.webp\" alt=\"Dat Truong\" loading=\"lazy\">\r\n      <div class=\"ddl-founder__scrim\"><\/div>\r\n      <div class=\"ddl-founder__badges\">\r\n        <div class=\"bdg\"><svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M18 2H6v2H2v3a4 4 0 0 0 4 4c.6 1.9 2.2 3.4 4 3.8V18H9v2h6v-2h-1v-3.2c1.8-.4 3.4-1.9 4-3.8a4 4 0 0 0 4-4V4h-4V2zM4 7V6h2v3a2 2 0 0 1-2-2zm16 0a2 2 0 0 1-2 2V6h2v1z\"\/><\/svg> Upwork Top Rated<\/div>\r\n        <div class=\"bdg\"><svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 1a6 6 0 1 0 0 12A6 6 0 0 0 12 1zm0 2a4 4 0 1 1 0 8 4 4 0 0 1 0-8zM8.5 14.2 6 22l6-2.6L18 22l-2.5-7.8A7.97 7.97 0 0 1 12 15a7.97 7.97 0 0 1-3.5-.8z\"\/><\/svg> Google UX Design Certified<\/div>\r\n      <\/div>\r\n      <div class=\"ddl-founder__body\">\r\n        <h3>\u201cI run a one-person studio so I can stay close to every project. No handoffs, no middlemen, just thoughtful design with real accountability.\u201d<\/h3>\r\n        <div class=\"by\"><b>Dat Truong<\/b> \/ Founder \u00b7 UX, Web &amp; SEO<\/div>\r\n      <\/div>\r\n    <\/div>\r\n \r\n    <div class=\"ddl-side\">\r\n      <div class=\"ddl-card\" style=\"padding:26px\">\r\n        <p class=\"ddl-eyebrow\" style=\"margin-bottom:6px\">Core Services<\/p>\r\n        <h3 style=\"font-size:22px\">My highest-value areas.<\/h3>\r\n        <div class=\"ddl-tabs\">\r\n          <a href=\"\/services\/website-development\/\">Website Development<\/a>\r\n          <a href=\"\/services\/ux-ui-design\/\">UX\/UI Design<\/a>\r\n          <a href=\"\/services\/seo-services\/\">SEO Optimization<\/a>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"ddl-card\" style=\"padding:26px\">\r\n        <p class=\"ddl-eyebrow\" style=\"margin-bottom:6px\">My Toolkit<\/p>\r\n        <h3 style=\"font-size:20px\">Web, UX, SEO &amp; AI tools I build with.<\/h3>\r\n        <div class=\"ddl-toolwrap\"><div class=\"ddl-toolcloud\">\r\n          <span class=\"chip\"><img decoding=\"async\" src=\"https:\/\/cdn.simpleicons.org\/googlemaps\/111\" alt=\"Google Maps\" loading=\"lazy\" onerror=\"this.parentNode.style.display='none'\"><\/span>\r\n          <span class=\"chip\"><img decoding=\"async\" src=\"https:\/\/cdn.simpleicons.org\/googlesearchconsole\/111\" alt=\"Search Console\" loading=\"lazy\" onerror=\"this.parentNode.style.display='none'\"><\/span>\r\n          <span class=\"chip\"><img decoding=\"async\" src=\"https:\/\/cdn.simpleicons.org\/googleanalytics\/111\" alt=\"Analytics\" loading=\"lazy\" onerror=\"this.parentNode.style.display='none'\"><\/span>\r\n          <span class=\"chip\"><img decoding=\"async\" src=\"https:\/\/cdn.simpleicons.org\/googledrive\/111\" alt=\"Google Drive\" loading=\"lazy\" onerror=\"this.parentNode.style.display='none'\"><\/span>\r\n          <span class=\"chip\"><img decoding=\"async\" src=\"https:\/\/cdn.simpleicons.org\/wordpress\/111\" alt=\"WordPress\" loading=\"lazy\" onerror=\"this.parentNode.style.display='none'\"><\/span>\r\n          <span class=\"chip\"><img decoding=\"async\" src=\"https:\/\/cdn.simpleicons.org\/elementor\/111\" alt=\"Elementor\" loading=\"lazy\" onerror=\"this.parentNode.style.display='none'\"><\/span>\r\n          <span class=\"chip\"><img decoding=\"async\" src=\"https:\/\/cdn.simpleicons.org\/shopify\/111\" alt=\"Shopify\" loading=\"lazy\" onerror=\"this.parentNode.style.display='none'\"><\/span>\r\n          <span class=\"chip\"><img decoding=\"async\" src=\"https:\/\/cdn.simpleicons.org\/webflow\/111\" alt=\"Webflow\" loading=\"lazy\" onerror=\"this.parentNode.style.display='none'\"><\/span>\r\n          <span class=\"chip\"><img decoding=\"async\" src=\"https:\/\/cdn.simpleicons.org\/hostinger\/111\" alt=\"Hostinger\" loading=\"lazy\" onerror=\"this.parentNode.style.display='none'\"><\/span>\r\n          <span class=\"chip\"><img decoding=\"async\" src=\"https:\/\/cdn.simpleicons.org\/kinsta\/111\" alt=\"Kinsta\" loading=\"lazy\" onerror=\"this.parentNode.style.display='none'\"><\/span>\r\n          <span class=\"chip\"><img decoding=\"async\" src=\"https:\/\/cdn.simpleicons.org\/figma\/111\" alt=\"Figma\" loading=\"lazy\" onerror=\"this.parentNode.style.display='none'\"><\/span>\r\n          <span class=\"chip\"><img decoding=\"async\" src=\"https:\/\/cdn.simpleicons.org\/framer\/111\" alt=\"Framer\" loading=\"lazy\" onerror=\"this.parentNode.style.display='none'\"><\/span>\r\n          <span class=\"chip\"><img decoding=\"async\" src=\"https:\/\/cdn.simpleicons.org\/adobecreativecloud\/111\" alt=\"Adobe CC\" loading=\"lazy\" onerror=\"this.parentNode.style.display='none'\"><\/span>\r\n          <span class=\"chip\"><img decoding=\"async\" src=\"https:\/\/cdn.simpleicons.org\/canva\/111\" alt=\"Canva\" loading=\"lazy\" onerror=\"this.parentNode.style.display='none'\"><\/span>\r\n          <span class=\"chip\"><img decoding=\"async\" src=\"https:\/\/cdn.simpleicons.org\/openai\/111\" alt=\"ChatGPT\" loading=\"lazy\" onerror=\"this.parentNode.style.display='none'\"><\/span>\r\n          <span class=\"chip\"><img decoding=\"async\" src=\"https:\/\/cdn.simpleicons.org\/anthropic\/111\" alt=\"Claude\" loading=\"lazy\" onerror=\"this.parentNode.style.display='none'\"><\/span>\r\n          <span class=\"chip\"><img decoding=\"async\" src=\"https:\/\/cdn.simpleicons.org\/googlegemini\/111\" alt=\"Gemini\" loading=\"lazy\" onerror=\"this.parentNode.style.display='none'\"><\/span>\r\n          <span class=\"chip\"><img decoding=\"async\" src=\"https:\/\/cdn.simpleicons.org\/ahrefs\/111\" alt=\"Ahrefs\" loading=\"lazy\" onerror=\"this.parentNode.style.display='none'\"><\/span>\r\n          <span class=\"chip\"><img decoding=\"async\" src=\"https:\/\/cdn.simpleicons.org\/semrush\/111\" alt=\"Semrush\" loading=\"lazy\" onerror=\"this.parentNode.style.display='none'\"><\/span>\r\n          <span class=\"chip\"><img decoding=\"async\" src=\"https:\/\/cdn.simpleicons.org\/trello\/111\" alt=\"Trello\" loading=\"lazy\" onerror=\"this.parentNode.style.display='none'\"><\/span>\r\n          <span class=\"chip\"><img decoding=\"async\" src=\"https:\/\/cdn.simpleicons.org\/todoist\/111\" alt=\"Todoist\" loading=\"lazy\" onerror=\"this.parentNode.style.display='none'\"><\/span>\r\n          <span class=\"chip\"><img decoding=\"async\" src=\"https:\/\/cdn.simpleicons.org\/clockify\/111\" alt=\"Clockify\" loading=\"lazy\" onerror=\"this.parentNode.style.display='none'\"><\/span>\r\n          <span class=\"chip\"><img decoding=\"async\" src=\"https:\/\/cdn.simpleicons.org\/loom\/111\" alt=\"Loom\" loading=\"lazy\" onerror=\"this.parentNode.style.display='none'\"><\/span>\r\n          <span class=\"chip\"><img decoding=\"async\" src=\"https:\/\/cdn.simpleicons.org\/zoom\/111\" alt=\"Zoom\" loading=\"lazy\" onerror=\"this.parentNode.style.display='none'\"><\/span>\r\n        \r\n          <span class=\"chip\"><img decoding=\"async\" src=\"https:\/\/cdn.simpleicons.org\/googlemaps\/111\" alt=\"Google Maps\" loading=\"lazy\" onerror=\"this.parentNode.style.display='none'\"><\/span>\r\n          <span class=\"chip\"><img decoding=\"async\" src=\"https:\/\/cdn.simpleicons.org\/googlesearchconsole\/111\" alt=\"Search Console\" loading=\"lazy\" onerror=\"this.parentNode.style.display='none'\"><\/span>\r\n          <span class=\"chip\"><img decoding=\"async\" src=\"https:\/\/cdn.simpleicons.org\/googleanalytics\/111\" alt=\"Analytics\" loading=\"lazy\" onerror=\"this.parentNode.style.display='none'\"><\/span>\r\n          <span class=\"chip\"><img decoding=\"async\" src=\"https:\/\/cdn.simpleicons.org\/googledrive\/111\" alt=\"Google Drive\" loading=\"lazy\" onerror=\"this.parentNode.style.display='none'\"><\/span>\r\n          <span class=\"chip\"><img decoding=\"async\" src=\"https:\/\/cdn.simpleicons.org\/wordpress\/111\" alt=\"WordPress\" loading=\"lazy\" onerror=\"this.parentNode.style.display='none'\"><\/span>\r\n          <span class=\"chip\"><img decoding=\"async\" src=\"https:\/\/cdn.simpleicons.org\/elementor\/111\" alt=\"Elementor\" loading=\"lazy\" onerror=\"this.parentNode.style.display='none'\"><\/span>\r\n          <span class=\"chip\"><img decoding=\"async\" src=\"https:\/\/cdn.simpleicons.org\/shopify\/111\" alt=\"Shopify\" loading=\"lazy\" onerror=\"this.parentNode.style.display='none'\"><\/span>\r\n          <span class=\"chip\"><img decoding=\"async\" src=\"https:\/\/cdn.simpleicons.org\/webflow\/111\" alt=\"Webflow\" loading=\"lazy\" onerror=\"this.parentNode.style.display='none'\"><\/span>\r\n          <span class=\"chip\"><img decoding=\"async\" src=\"https:\/\/cdn.simpleicons.org\/hostinger\/111\" alt=\"Hostinger\" loading=\"lazy\" onerror=\"this.parentNode.style.display='none'\"><\/span>\r\n          <span class=\"chip\"><img decoding=\"async\" src=\"https:\/\/cdn.simpleicons.org\/kinsta\/111\" alt=\"Kinsta\" loading=\"lazy\" onerror=\"this.parentNode.style.display='none'\"><\/span>\r\n          <span class=\"chip\"><img decoding=\"async\" src=\"https:\/\/cdn.simpleicons.org\/figma\/111\" alt=\"Figma\" loading=\"lazy\" onerror=\"this.parentNode.style.display='none'\"><\/span>\r\n          <span class=\"chip\"><img decoding=\"async\" src=\"https:\/\/cdn.simpleicons.org\/framer\/111\" alt=\"Framer\" loading=\"lazy\" onerror=\"this.parentNode.style.display='none'\"><\/span>\r\n          <span class=\"chip\"><img decoding=\"async\" src=\"https:\/\/cdn.simpleicons.org\/adobecreativecloud\/111\" alt=\"Adobe CC\" loading=\"lazy\" onerror=\"this.parentNode.style.display='none'\"><\/span>\r\n          <span class=\"chip\"><img decoding=\"async\" src=\"https:\/\/cdn.simpleicons.org\/canva\/111\" alt=\"Canva\" loading=\"lazy\" onerror=\"this.parentNode.style.display='none'\"><\/span>\r\n          <span class=\"chip\"><img decoding=\"async\" src=\"https:\/\/cdn.simpleicons.org\/openai\/111\" alt=\"ChatGPT\" loading=\"lazy\" onerror=\"this.parentNode.style.display='none'\"><\/span>\r\n          <span class=\"chip\"><img decoding=\"async\" src=\"https:\/\/cdn.simpleicons.org\/anthropic\/111\" alt=\"Claude\" loading=\"lazy\" onerror=\"this.parentNode.style.display='none'\"><\/span>\r\n          <span class=\"chip\"><img decoding=\"async\" src=\"https:\/\/cdn.simpleicons.org\/googlegemini\/111\" alt=\"Gemini\" loading=\"lazy\" onerror=\"this.parentNode.style.display='none'\"><\/span>\r\n          <span class=\"chip\"><img decoding=\"async\" src=\"https:\/\/cdn.simpleicons.org\/ahrefs\/111\" alt=\"Ahrefs\" loading=\"lazy\" onerror=\"this.parentNode.style.display='none'\"><\/span>\r\n          <span class=\"chip\"><img decoding=\"async\" src=\"https:\/\/cdn.simpleicons.org\/semrush\/111\" alt=\"Semrush\" loading=\"lazy\" onerror=\"this.parentNode.style.display='none'\"><\/span>\r\n          <span class=\"chip\"><img decoding=\"async\" src=\"https:\/\/cdn.simpleicons.org\/trello\/111\" alt=\"Trello\" loading=\"lazy\" onerror=\"this.parentNode.style.display='none'\"><\/span>\r\n          <span class=\"chip\"><img decoding=\"async\" src=\"https:\/\/cdn.simpleicons.org\/todoist\/111\" alt=\"Todoist\" loading=\"lazy\" onerror=\"this.parentNode.style.display='none'\"><\/span>\r\n          <span class=\"chip\"><img decoding=\"async\" src=\"https:\/\/cdn.simpleicons.org\/clockify\/111\" alt=\"Clockify\" loading=\"lazy\" onerror=\"this.parentNode.style.display='none'\"><\/span>\r\n          <span class=\"chip\"><img decoding=\"async\" src=\"https:\/\/cdn.simpleicons.org\/loom\/111\" alt=\"Loom\" loading=\"lazy\" onerror=\"this.parentNode.style.display='none'\"><\/span>\r\n          <span class=\"chip\"><img decoding=\"async\" src=\"https:\/\/cdn.simpleicons.org\/zoom\/111\" alt=\"Zoom\" loading=\"lazy\" onerror=\"this.parentNode.style.display='none'\"><\/span>\r\n        <\/div><\/div>\r\n      <\/div>\r\n    <\/div>\r\n \r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e5d779d elementor-widget elementor-widget-html\" data-id=\"e5d779d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n  .ddl-bento{display:grid;grid-template-columns:1fr 1fr;grid-auto-rows:minmax(180px,auto);gap:22px}\r\n  .ddl-bento .b-wide{grid-column:span 2}\r\n  .ddl-bento .b-tall{grid-row:span 2}\r\n  .ddl-tile{border-radius:var(--radius);padding:32px;background:var(--card);position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;min-height:200px}\r\n  .ddl-tile h3{font-size:22px;margin-bottom:10px}\r\n  .ddl-tile p{margin:0;font-size:16px}\r\n  .ddl-tile--img{color:#fff;background-size:cover;background-position:center}\r\n  .ddl-tile--img::before{content:\"\";position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,10,10,.15),rgba(10,10,10,.8))}\r\n  .ddl-tile--img>*{position:relative}\r\n  .ddl-tile--img h3{color:#fff}.ddl-tile--img p{color:#dcdcdc}\r\n  .ddl-tile--cta{background:var(--dark);color:#fff;align-items:flex-start;justify-content:center;text-align:left}\r\n  .ddl-tile--cta h3{color:#fff;font-size:20px}\r\n  .ddl-logos{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}\r\n  .ddl-logos span{width:52px;height:52px;border-radius:50%;background:#fff;border:1px solid var(--line);position:relative;flex:none;transition:transform .2s}\r\n  .ddl-logos span:hover{transform:translateY(-3px)}\r\n  .ddl-logos img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:24px;height:24px}\r\n  @media(max-width:760px){\r\n    .ddl-bento{grid-template-columns:1fr}\r\n    .ddl-bento .b-wide,.ddl-bento .b-tall{grid-column:auto;grid-row:auto}\r\n    .ddl-bento .ddl-tile--cta{order:1}\r\n    .ddl-logos{flex-wrap:nowrap;overflow-x:auto;align-items:center;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}\r\n    .ddl-logos::-webkit-scrollbar{display:none}\r\n    .ddl-logos span{flex:0 0 calc((100% - 36px)\/4);width:auto;height:auto;aspect-ratio:1;scroll-snap-align:start}\r\n  }\r\n<\/style>\r\n<section class=\"ddl-section\">\r\n  <div class=\"ddl-wrap\">\r\n    <p class=\"ddl-eyebrow\">Expertise<\/p>\r\n    <h2 class=\"ddl-title\">Practical, modern digital solutions for your online presence.<\/h2>\r\n    <div class=\"ddl-bento\" style=\"margin-top:44px\">\r\n      <a class=\"ddl-tile b-wide\" href=\"\/services\/ux-ui-design\/\">\r\n        <h3>UX\/UI Design<\/h3>\r\n        <p>User journeys, wireframe flows, and prototypes that remove confusion and guide people effortlessly.<\/p>\r\n        <div class=\"ddl-logos\">\r\n          <span><img decoding=\"async\" src=\"https:\/\/cdn.simpleicons.org\/figma\/111\" alt=\"Figma\" loading=\"lazy\" onerror=\"this.parentNode.style.display='none'\"><\/span>\r\n          <span><img decoding=\"async\" src=\"https:\/\/cdn.simpleicons.org\/sketch\/111\" alt=\"Sketch\" loading=\"lazy\" onerror=\"this.parentNode.style.display='none'\"><\/span>\r\n          <span><img decoding=\"async\" src=\"https:\/\/cdn.simpleicons.org\/framer\/111\" alt=\"Framer\" loading=\"lazy\" onerror=\"this.parentNode.style.display='none'\"><\/span>\r\n          <span><img decoding=\"async\" src=\"https:\/\/cdn.simpleicons.org\/adobexd\/111\" alt=\"Adobe XD\" loading=\"lazy\" onerror=\"this.parentNode.style.display='none'\"><\/span>\r\n          <span><img decoding=\"async\" src=\"https:\/\/cdn.simpleicons.org\/adobephotoshop\/111\" alt=\"Photoshop\" loading=\"lazy\" onerror=\"this.parentNode.style.display='none'\"><\/span>\r\n          <span><img decoding=\"async\" src=\"https:\/\/cdn.simpleicons.org\/adobeillustrator\/111\" alt=\"Illustrator\" loading=\"lazy\" onerror=\"this.parentNode.style.display='none'\"><\/span>\r\n          <span><img decoding=\"async\" src=\"https:\/\/cdn.simpleicons.org\/canva\/111\" alt=\"Canva\" loading=\"lazy\" onerror=\"this.parentNode.style.display='none'\"><\/span>\r\n          <span><img decoding=\"async\" src=\"https:\/\/cdn.simpleicons.org\/miro\/111\" alt=\"Miro\" loading=\"lazy\" onerror=\"this.parentNode.style.display='none'\"><\/span>\r\n          <span><img decoding=\"async\" src=\"https:\/\/cdn.simpleicons.org\/notion\/111\" alt=\"Notion\" loading=\"lazy\" onerror=\"this.parentNode.style.display='none'\"><\/span>\r\n        <\/div>\r\n      <\/a>\r\n      <a class=\"ddl-tile ddl-tile--img b-tall\" href=\"\/services\/website-development\/\"\r\n         style=\"background-image:url('\/wp-content\/uploads\/2025\/08\/Website-wordpress-development-services.webp')\">\r\n        <h3>Low-Code Website Development<\/h3>\r\n        <p>Fast, scalable, fully custom sites built without the dev bottleneck.<\/p>\r\n      <\/a>\r\n      <a class=\"ddl-tile ddl-tile--img\" href=\"\/services\/web-app-design-services\/\"\r\n         style=\"background-image:url('\/wp-content\/uploads\/2025\/11\/hand-holding-smartphone-social-media-concept.webp')\">\r\n        <h3>Web &amp; Mobile App Design<\/h3>\r\n        <p>Research-driven screens and responsive design that feels effortless anywhere.<\/p>\r\n      <\/a>\r\n      <div class=\"ddl-tile ddl-tile--cta\" style=\"align-items:center;text-align:center;gap:6px\">\r\n        <div class=\"ddl-seal\" style=\"margin-bottom:4px\">\r\n          <svg viewBox=\"0 0 120 120\">\r\n            <defs><path id=\"ddlCircle\" d=\"M60,60 m-46,0 a46,46 0 1,1 92,0 a46,46 0 1,1 -92,0\"\/><\/defs>\r\n            <text fill=\"rgba(255,255,255,.72)\" font-family=\"Satoshi,sans-serif\" font-size=\"10\">\r\n              <textPath href=\"#ddlCircle\" startOffset=\"0\" textLength=\"289\" lengthAdjust=\"spacing\">STRATEGY \u00b7 UX DESIGN \u00b7 WEB DESIGN \u00b7 SEO \u00b7<\/textPath>\r\n            <\/text>\r\n          <\/svg>\r\n          <span class=\"ddl-seal__mid\"><img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/06\/cropped-DDL-Logo-Standalone-1.webp\" alt=\"DDL\" style=\"width:34px;height:34px;object-fit:contain\"><\/span>\r\n        <\/div>\r\n        <h3 style=\"max-width:20ch\">Discover all my UX, web, and SEO solutions.<\/h3>\r\n        <a class=\"ddl-btn\" style=\"margin-top:10px\" href=\"\/services\/\">\uff0b View all services<\/a>\r\n      <\/div>\r\n      <a class=\"ddl-tile b-wide\" href=\"\/services\/seo-services\/\">\r\n        <h3>SEO Optimization<\/h3>\r\n        <p>Boost visibility, structure your content, and help the right people find you online.<\/p>\r\n        <div class=\"ddl-logos\">\r\n          <span><img decoding=\"async\" src=\"https:\/\/cdn.simpleicons.org\/googleanalytics\/111\" alt=\"Google Analytics\" loading=\"lazy\" onerror=\"this.parentNode.style.display='none'\"><\/span>\r\n          <span><img decoding=\"async\" src=\"https:\/\/cdn.simpleicons.org\/googlesearchconsole\/111\" alt=\"Search Console\" loading=\"lazy\" onerror=\"this.parentNode.style.display='none'\"><\/span>\r\n          <span><img decoding=\"async\" src=\"https:\/\/cdn.simpleicons.org\/ahrefs\/111\" alt=\"Ahrefs\" loading=\"lazy\" onerror=\"this.parentNode.style.display='none'\"><\/span>\r\n          <span><img decoding=\"async\" src=\"https:\/\/cdn.simpleicons.org\/semrush\/111\" alt=\"Semrush\" loading=\"lazy\" onerror=\"this.parentNode.style.display='none'\"><\/span>\r\n          <span><img decoding=\"async\" src=\"https:\/\/cdn.simpleicons.org\/googletagmanager\/111\" alt=\"Tag Manager\" loading=\"lazy\" onerror=\"this.parentNode.style.display='none'\"><\/span>\r\n          <span><img decoding=\"async\" src=\"https:\/\/cdn.simpleicons.org\/yoast\/111\" alt=\"Yoast\" loading=\"lazy\" onerror=\"this.parentNode.style.display='none'\"><\/span>\r\n          <span><img decoding=\"async\" src=\"https:\/\/cdn.simpleicons.org\/googleads\/111\" alt=\"Google Ads\" loading=\"lazy\" onerror=\"this.parentNode.style.display='none'\"><\/span>\r\n          <span><img decoding=\"async\" src=\"https:\/\/cdn.simpleicons.org\/googlemaps\/111\" alt=\"Google Maps\" loading=\"lazy\" onerror=\"this.parentNode.style.display='none'\"><\/span>\r\n          <span><img decoding=\"async\" src=\"https:\/\/cdn.simpleicons.org\/google\/111\" alt=\"Google\" loading=\"lazy\" onerror=\"this.parentNode.style.display='none'\"><\/span>\r\n        <\/div>\r\n      <\/a>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-65979a5 elementor-widget elementor-widget-html\" data-id=\"65979a5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n  .ddl-work{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:44px}\r\n  .ddl-work__card{background:var(--card);border-radius:var(--radius);overflow:hidden;transition:transform .2s ease}\r\n  .ddl-work__card:hover{transform:translateY(-4px)}\r\n  .ddl-work__thumb{aspect-ratio:16\/10;background:#0b0c0e center\/cover}\r\n  .ddl-work__body{padding:24px 26px 30px}\r\n  .ddl-work__tags{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--accent-ink);font-weight:600;margin-bottom:10px}\r\n  .ddl-work__card h3{font-size:22px}\r\n  .ddl-work__result{margin:10px 0 0;font-size:14px;color:var(--muted-2)}\r\n  .ddl-work__result b{color:var(--ink);font-weight:600}\r\n  @media(max-width:760px){\r\n    .ddl-work{display:flex;flex-direction:row;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;\r\n      -webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:4px}\r\n    .ddl-work::-webkit-scrollbar{display:none}\r\n    .ddl-work__card{flex:0 0 80%;scroll-snap-align:start}\r\n    .ddl-work__card .ddl-work__thumb{aspect-ratio:16\/10!important}\r\n  }\r\n<\/style>\r\n<section class=\"ddl-section\">\r\n  <div class=\"ddl-wrap\">\r\n    <p class=\"ddl-eyebrow\">Featured Projects<\/p>\r\n    <h2 class=\"ddl-title\">Real solutions built for real businesses.<\/h2>\r\n    <div class=\"ddl-work\">\r\n      <a class=\"ddl-work__card\" href=\"\/portfolio\/bus24-website-redesign\/\">\r\n        <div class=\"ddl-work__thumb\" style=\"background-image:url('\/wp-content\/uploads\/2026\/10\/featured-bus24-1024x640.webp')\" role=\"img\" aria-label=\"Bus24 website redesign\"><\/div>\r\n        <div class=\"ddl-work__body\">\r\n          <div class=\"ddl-work__tags\">Web Design \u00b7 Development \u00b7 SEO<\/div>\r\n          <h3>Revitalizing a Transport Brand Online<\/h3>\r\n          <p class=\"ddl-work__result\"><b>300%<\/b> growth in organic traffic<\/p>\r\n        <\/div>\r\n      <\/a>\r\n      <a class=\"ddl-work__card\" href=\"\/portfolio\/sonder-services-website\/\">\r\n        <div class=\"ddl-work__thumb\" style=\"background-image:url('\/wp-content\/uploads\/2026\/10\/featured-sonder-1024x640.webp')\" role=\"img\" aria-label=\"Sonder Services website\"><\/div>\r\n        <div class=\"ddl-work__body\">\r\n          <div class=\"ddl-work__tags\">Web Design \u00b7 Development \u00b7 SEO<\/div>\r\n          <h3>A Focused Site for a Google Ads Agency<\/h3>\r\n          <p class=\"ddl-work__result\"><b>3x<\/b> audit enquiries in the first quarter<\/p>\r\n        <\/div>\r\n      <\/a>\r\n      <a class=\"ddl-work__card\" href=\"\/portfolio\/barcelona-party-pass-website\/\">\r\n        <div class=\"ddl-work__thumb\" style=\"background-image:url('\/wp-content\/uploads\/2026\/10\/featured-barcelona-party-pass-1024x640.webp')\" role=\"img\" aria-label=\"Barcelona Party Pass website\"><\/div>\r\n        <div class=\"ddl-work__body\">\r\n          <div class=\"ddl-work__tags\">Web Design \u00b7 Development \u00b7 SEO<\/div>\r\n          <h3>Turning a Barcelona Pub Crawl Into Bookings<\/h3>\r\n          <p class=\"ddl-work__result\"><b>4x<\/b> online bookings vs. the old site<\/p>\r\n        <\/div>\r\n      <\/a>\r\n      <a class=\"ddl-work__card\" href=\"\/portfolio\/krakow-tasty-tour-website\/\">\r\n        <div class=\"ddl-work__thumb\" style=\"background-image:url('\/wp-content\/uploads\/2026\/10\/featured-krakow-tasty-tour-1024x640.webp')\" role=\"img\" aria-label=\"Krakow Tasty Tour website\"><\/div>\r\n        <div class=\"ddl-work__body\">\r\n          <div class=\"ddl-work__tags\">Shopify \u00b7 Web Design \u00b7 SEO<\/div>\r\n          <h3>Selling a Krak\u00f3w Food Tour Online<\/h3>\r\n          <p class=\"ddl-work__result\"><b>Top 3<\/b> for \u201cKrakow food tour\u201d in ~4 months<\/p>\r\n        <\/div>\r\n      <\/a>\r\n    <\/div>\r\n    <div style=\"margin-top:32px\"><a class=\"ddl-btn ddl-btn--ghost\" href=\"\/portfolio\/\">See all 11 projects<\/a><\/div>\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2e2e07c elementor-widget elementor-widget-html\" data-id=\"2e2e07c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n  .ddl-proc{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-top:44px}\r\n  .ddl-proc__step{background:var(--card);border-radius:var(--radius);padding:30px}\r\n  .ddl-proc__icon{width:52px;height:52px;margin-bottom:18px;object-fit:contain}\r\n  .ddl-proc__step h3{font-size:20px;margin-bottom:10px}\r\n  .ddl-proc__step p{margin:0;font-size:15px}\r\n  @media(max-width:900px){.ddl-proc{grid-template-columns:1fr 1fr}}\r\n  @media(max-width:520px){.ddl-proc{grid-template-columns:1fr}}\r\n<\/style>\r\n<section class=\"ddl-section\">\r\n  <div class=\"ddl-wrap\">\r\n    <p class=\"ddl-eyebrow\">My Process<\/p>\r\n    <h2 class=\"ddl-title\">Clear steps that make every project smooth and predictable.<\/h2>\r\n    <div class=\"ddl-proc\">\r\n      <div class=\"ddl-proc__step\"><img decoding=\"async\" class=\"ddl-proc__icon\" src=\"\/wp-content\/uploads\/2025\/11\/research-icon-svg.svg\" alt=\"\" loading=\"lazy\"><h3>Understand<\/h3><p>Research the business, audience, goals, and challenges to set a focused direction.<\/p><\/div>\r\n      <div class=\"ddl-proc__step\"><img decoding=\"async\" class=\"ddl-proc__icon\" src=\"\/wp-content\/uploads\/2025\/11\/web-design-icon-svg.svg\" alt=\"\" loading=\"lazy\"><h3>Design<\/h3><p>UX flows, wireframes, and interfaces built for clarity, usability, and consistency.<\/p><\/div>\r\n      <div class=\"ddl-proc__step\"><img decoding=\"async\" class=\"ddl-proc__icon\" src=\"\/wp-content\/uploads\/2025\/11\/website-build-icon-svg.svg\" alt=\"\" loading=\"lazy\"><h3>Build<\/h3><p>Fast, scalable WordPress and low-code development tailored to each project.<\/p><\/div>\r\n      <div class=\"ddl-proc__step\"><img decoding=\"async\" class=\"ddl-proc__icon\" src=\"\/wp-content\/uploads\/2025\/11\/support-launch-icon-svg.svg\" alt=\"\" loading=\"lazy\"><h3>Launch<\/h3><p>Test performance, optimize for SEO, and provide ongoing support after go-live.<\/p><\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6fce468 elementor-widget elementor-widget-html\" data-id=\"6fce468\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n  .ddl-tst__head{text-align:center;margin-bottom:10px}\r\n  .ddl-tst__head .ddl-eyebrow{text-align:left}\r\n  .ddl-tst__head h2{font-size:clamp(30px,5vw,52px);color:var(--ink);max-width:22ch;margin:0 auto}\r\n  .ddl-tst__cols{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;height:640px;overflow:hidden;margin-top:40px;\r\n    -webkit-mask-image:linear-gradient(180deg,transparent,#000 11%,#000 89%,transparent);\r\n    mask-image:linear-gradient(180deg,transparent,#000 11%,#000 89%,transparent)}\r\n  .ddl-tst__col{overflow:hidden}\r\n  .ddl-tst__track{display:flex;flex-direction:column;gap:22px;animation:ddl-vscroll 42s linear infinite;will-change:transform}\r\n  .ddl-tst__col:nth-child(2) .ddl-tst__track{animation-duration:54s;animation-direction:reverse}\r\n  .ddl-tst__col:nth-child(3) .ddl-tst__track{animation-duration:47s}\r\n  .ddl-tst__col:hover .ddl-tst__track{animation-play-state:paused}\r\n  @keyframes ddl-vscroll{from{transform:translateY(0)}to{transform:translateY(-50%)}}\r\n \r\n  .tst{display:flex;flex-direction:column;gap:12px}\r\n  .tst__card{background:#fff;border-radius:22px;padding:28px;transition:background .3s ease,transform .3s ease}\r\n  .tst__stars{color:var(--accent);letter-spacing:4px;font-size:15px;margin-bottom:14px}\r\n  .tst__quote{color:var(--ink-2);font-size:16px;line-height:1.6;margin:0 0 16px;transition:color .3s}\r\n  .tst__pull{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted-2);transition:color .3s}\r\n  .tst__name{background:#fff;border-radius:16px;padding:15px 22px;transition:background .3s ease}\r\n  .tst__name b{color:var(--ink);display:block;font-family:var(--font-head);transition:color .3s}\r\n  .tst__name span{color:var(--muted-2);font-size:13px;transition:color .3s}\r\n  \/* the hover animation: card + its name card go black together and lift *\/\r\n  .tst:hover .tst__card,.tst:hover .tst__name{background:var(--dark);transform:translateY(-3px)}\r\n  .tst:hover .tst__quote{color:#e8e8e8}\r\n  .tst:hover .tst__pull{color:#8a8a8a}\r\n  .tst:hover .tst__name b{color:#fff}\r\n  .tst:hover .tst__name span{color:#9a9a9a}\r\n \r\n  @media(prefers-reduced-motion:reduce){.ddl-tst__track{animation:none}}\r\n  @media(max-width:760px){\r\n    .ddl-tst__cols{display:flex;flex-direction:row;height:auto;gap:16px;overflow-x:auto;overflow-y:hidden;\r\n      scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;\r\n      mask-image:none;-webkit-mask-image:none;padding-bottom:4px}\r\n    .ddl-tst__cols::-webkit-scrollbar{display:none}\r\n    .ddl-tst__col,.ddl-tst__track{display:contents}\r\n    .ddl-tst__track{animation:none!important}\r\n    .tst{flex:0 0 80%;scroll-snap-align:start}\r\n    .ddl-tst__track .tst:nth-child(n+3){display:none} \/* drop the duplicate loop halves *\/\r\n  }\r\n<\/style>\r\n<section class=\"ddl-section ddl-tst\">\r\n  <div class=\"ddl-wrap ddl-tst__head\">\r\n    <p class=\"ddl-eyebrow\">What Clients Say<\/p>\r\n    <h2>Real reflections from brands and founders who trusted the process.<\/h2>\r\n  <\/div>\r\n  <div class=\"ddl-wrap ddl-tst__cols\">\r\n \r\n    <!-- Column 1 (content duplicated once for a seamless loop) -->\r\n    <div class=\"ddl-tst__col\"><div class=\"ddl-tst__track\">\r\n      <div class=\"tst\"><div class=\"tst__card\"><div class=\"tst__stars\">\u2605\u2605\u2605\u2605\u2605<\/div><p class=\"tst__quote\">Dat did an amazing job coming up with a redesign for my home page! He is quick to respond and extremely knowledgeable when it comes to UI\/UX. I hope to work with him again down the road. Highly recommend his services!<\/p><div class=\"tst__pull\">\u201c Amazing redesign\u2026 highly knowledgeable \u201d<\/div><\/div><div class=\"tst__name\"><b>Peter M.<\/b><span>CEO | SkipTheDrive<\/span><\/div><\/div>\r\n      <div class=\"tst\"><div class=\"tst__card\"><div class=\"tst__stars\">\u2605\u2605\u2605\u2605\u2605<\/div><p class=\"tst__quote\">The UX design exceeded my expectations, and I can confidently say I now have the website I always envisioned for myself and my clients. Dat is highly skilled, professional, efficient, and supportive at every stage.<\/p><div class=\"tst__pull\">\u201c Exceeded expectations\u2026 highly skilled \u201d<\/div><\/div><div class=\"tst__name\"><b>Travis S.<\/b><span>CEO | Sonder Services<\/span><\/div><\/div>\r\n      <!-- dup -->\r\n      <div class=\"tst\"><div class=\"tst__card\"><div class=\"tst__stars\">\u2605\u2605\u2605\u2605\u2605<\/div><p class=\"tst__quote\">Dat did an amazing job coming up with a redesign for my home page! He is quick to respond and extremely knowledgeable when it comes to UI\/UX. I hope to work with him again down the road. Highly recommend his services!<\/p><div class=\"tst__pull\">\u201c Amazing redesign\u2026 highly knowledgeable \u201d<\/div><\/div><div class=\"tst__name\"><b>Peter M.<\/b><span>CEO | SkipTheDrive<\/span><\/div><\/div>\r\n      <div class=\"tst\"><div class=\"tst__card\"><div class=\"tst__stars\">\u2605\u2605\u2605\u2605\u2605<\/div><p class=\"tst__quote\">The UX design exceeded my expectations, and I can confidently say I now have the website I always envisioned for myself and my clients. Dat is highly skilled, professional, efficient, and supportive at every stage.<\/p><div class=\"tst__pull\">\u201c Exceeded expectations\u2026 highly skilled \u201d<\/div><\/div><div class=\"tst__name\"><b>Travis S.<\/b><span>CEO | Sonder Services<\/span><\/div><\/div>\r\n    <\/div><\/div>\r\n \r\n    <!-- Column 2 -->\r\n    <div class=\"ddl-tst__col\"><div class=\"ddl-tst__track\">\r\n      <div class=\"tst\"><div class=\"tst__card\"><div class=\"tst__stars\">\u2605\u2605\u2605\u2605\u2605<\/div><p class=\"tst__quote\">Hiring Dat was the best move I ever made for my business! My old website was outdated and received no traffic. Dat created a beautiful new design in no time, and traffic started right away. I wouldn\u2019t trust my website to anyone else!<\/p><div class=\"tst__pull\">\u201c Best move I ever made \u201d<\/div><\/div><div class=\"tst__name\"><b>Leszek R.<\/b><span>Owner | Bus24.biz<\/span><\/div><\/div>\r\n      <div class=\"tst\"><div class=\"tst__card\"><div class=\"tst__stars\">\u2605\u2605\u2605\u2605\u2605<\/div><p class=\"tst__quote\">I hired Dat to help with UI for a soundboard app. The work output was very pleasing. Great communication and speed. Will definitely come back for future inquiries. Would recommend!<\/p><div class=\"tst__pull\">\u201c Great communication\u2026 pleasing UI \u201d<\/div><\/div><div class=\"tst__name\"><b>Ali Alp H.<\/b><span>Founder | Mekanware<\/span><\/div><\/div>\r\n      <!-- dup -->\r\n      <div class=\"tst\"><div class=\"tst__card\"><div class=\"tst__stars\">\u2605\u2605\u2605\u2605\u2605<\/div><p class=\"tst__quote\">Hiring Dat was the best move I ever made for my business! My old website was outdated and received no traffic. Dat created a beautiful new design in no time, and traffic started right away. I wouldn\u2019t trust my website to anyone else!<\/p><div class=\"tst__pull\">\u201c Best move I ever made \u201d<\/div><\/div><div class=\"tst__name\"><b>Leszek R.<\/b><span>Owner | Bus24.biz<\/span><\/div><\/div>\r\n      <div class=\"tst\"><div class=\"tst__card\"><div class=\"tst__stars\">\u2605\u2605\u2605\u2605\u2605<\/div><p class=\"tst__quote\">I hired Dat to help with UI for a soundboard app. The work output was very pleasing. Great communication and speed. Will definitely come back for future inquiries. Would recommend!<\/p><div class=\"tst__pull\">\u201c Great communication\u2026 pleasing UI \u201d<\/div><\/div><div class=\"tst__name\"><b>Ali Alp H.<\/b><span>Founder | Mekanware<\/span><\/div><\/div>\r\n    <\/div><\/div>\r\n \r\n    <!-- Column 3 -->\r\n    <div class=\"ddl-tst__col\"><div class=\"ddl-tst__track\">\r\n      <div class=\"tst\"><div class=\"tst__card\"><div class=\"tst__stars\">\u2605\u2605\u2605\u2605\u2605<\/div><p class=\"tst__quote\">Dat did a wonderful job successfully completing the project. He was professional, well-mannered, on-time, and efficient. I highly recommend Dat for any project, large or small.<\/p><div class=\"tst__pull\">\u201c Professional, well-mannered, on-time \u201d<\/div><\/div><div class=\"tst__name\"><b>Stephanie S.<\/b><span>Managing Director | WebXd<\/span><\/div><\/div>\r\n      <div class=\"tst\"><div class=\"tst__card\"><div class=\"tst__stars\">\u2605\u2605\u2605\u2605\u2605<\/div><p class=\"tst__quote\">The job was for a UX\/UI audit, and Dat delivered exactly what I expected. I highly recommend him.<\/p><div class=\"tst__pull\">\u201c Delivered exactly what I expected \u201d<\/div><\/div><div class=\"tst__name\"><b>Joel L.<\/b><span>Managing Partner | TuningBox<\/span><\/div><\/div>\r\n      <!-- dup -->\r\n      <div class=\"tst\"><div class=\"tst__card\"><div class=\"tst__stars\">\u2605\u2605\u2605\u2605\u2605<\/div><p class=\"tst__quote\">Dat did a wonderful job successfully completing the project. He was professional, well-mannered, on-time, and efficient. I highly recommend Dat for any project, large or small.<\/p><div class=\"tst__pull\">\u201c Professional, well-mannered, on-time \u201d<\/div><\/div><div class=\"tst__name\"><b>Stephanie S.<\/b><span>Managing Director | WebXd<\/span><\/div><\/div>\r\n      <div class=\"tst\"><div class=\"tst__card\"><div class=\"tst__stars\">\u2605\u2605\u2605\u2605\u2605<\/div><p class=\"tst__quote\">The job was for a UX\/UI audit, and Dat delivered exactly what I expected. I highly recommend him.<\/p><div class=\"tst__pull\">\u201c Delivered exactly what I expected \u201d<\/div><\/div><div class=\"tst__name\"><b>Joel L.<\/b><span>Managing Partner | TuningBox<\/span><\/div><\/div>\r\n    <\/div><\/div>\r\n \r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d0681ca elementor-widget elementor-widget-html\" data-id=\"d0681ca\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n  .ddl-ctasec{background:var(--dark);color:#cfcfcf;padding:clamp(56px,8vw,96px) var(--pad);\r\n    border-radius:var(--radius-lg);margin:0 var(--panel-inset)}\r\n  .ddl-ctasec__in{max-width:var(--maxw);margin:0 auto;display:grid;grid-template-columns:1.25fr 1fr;gap:48px;align-items:center}\r\n  .ddl-ctasec .ddl-eyebrow{color:var(--accent)}\r\n  .ddl-ctasec h2{color:#fff;font-size:clamp(30px,4.6vw,50px);max-width:15ch;line-height:1.08}\r\n  .ddl-ctasec__meta{display:flex;gap:56px;margin-top:38px;flex-wrap:wrap}\r\n  .ddl-ctasec__meta .lbl{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted-2);font-weight:600;margin-bottom:8px}\r\n  .ddl-ctasec__meta .val{color:#fff;font-size:16px;line-height:1.7}\r\n  .ddl-ctasec__meta .val b{color:var(--accent);font-weight:400}\r\n  .ddl-ctacard{background:#fff;border-radius:var(--radius);padding:40px;text-align:center}\r\n  .ddl-ctacard h3{font-size:26px;margin-bottom:10px}\r\n  .ddl-ctacard p{margin:0 0 24px;font-size:16px}\r\n  .ddl-ctacard .ddl-btn{width:100%;justify-content:center;padding:16px}\r\n  @media(max-width:760px){.ddl-ctasec__in{grid-template-columns:1fr;gap:36px}}\r\n<\/style>\r\n<section class=\"ddl-ctasec\">\r\n  <div class=\"ddl-ctasec__in\">\r\n    <div>\r\n      <p class=\"ddl-eyebrow\">Get in touch<\/p>\r\n      <h2>Tell me about your project, whether it\u2019s a website, UX\/UI, app, or SEO.<\/h2>\r\n      <div class=\"ddl-ctasec__meta\">\r\n        <div>\r\n          <div class=\"lbl\">Phone Numbers<\/div>\r\n          <div class=\"val\"><b>US<\/b> +1 (469) 567-9076<br><b>EU<\/b> +48 666 743 881<\/div>\r\n        <\/div>\r\n        <div>\r\n          <div class=\"lbl\">Email<\/div>\r\n          <div class=\"val\">contact@datdesignlab.com<\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n    <div class=\"ddl-ctacard\">\r\n      <h3>Have a project in mind?<\/h3>\r\n      <p>Tell me what you\u2019re building and I\u2019ll get back to you within a day.<\/p>\r\n      <a class=\"ddl-btn\" href=\"\/contact\/\">Let\u2019s Talk<\/a>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ab9b0cb elementor-widget elementor-widget-html\" data-id=\"ab9b0cb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n  .ddl-faq2{display:grid;grid-template-columns:.82fr 1.3fr;gap:44px;margin-top:36px;align-items:start}\r\n  .ddl-faq2__aside{position:sticky;top:100px}\r\n  .ddl-faq2__aside h2{font-size:clamp(28px,3.4vw,42px);margin-bottom:24px}\r\n  .ddl-faq2__aside .note{font-size:15px;color:var(--muted)}\r\n  .ddl-faq2__aside .note a{color:var(--ink);font-weight:600;text-decoration:underline;text-underline-offset:3px}\r\n  .ddl-faq2__img{margin-top:26px;border-radius:18px;overflow:hidden;aspect-ratio:16\/10;\r\n    background:#0a0a0a center\/cover;\r\n    background-image:url('\/wp-content\/uploads\/2025\/11\/contact-us-image.webp')}\r\n  .ddl-faq2__list{display:grid;gap:14px}\r\n  .faq-i{background:#fff;border-radius:16px;overflow:hidden}\r\n  .faq-i summary{list-style:none;cursor:pointer;padding:22px 24px;display:flex;justify-content:space-between;\r\n    align-items:center;gap:18px;font-family:var(--font-head);font-size:18px;color:var(--ink)}\r\n  .faq-i summary::-webkit-details-marker{display:none}\r\n  .faq-i__t{width:36px;height:36px;border-radius:50%;background:var(--ink);flex:none;position:relative}\r\n  .faq-i__t::before,.faq-i__t::after{content:\"\";position:absolute;top:50%;left:50%;background:#fff;border-radius:2px;transform:translate(-50%,-50%)}\r\n  .faq-i__t::before{width:15px;height:2px}\r\n  .faq-i__t::after{width:2px;height:15px;transition:transform .22s ease}\r\n  .faq-i[open] .faq-i__t::after{transform:translate(-50%,-50%) scaleY(0)}\r\n  .faq-i__body{padding:0 24px 24px}\r\n  .faq-i__body p{margin:0 0 18px;font-size:16px}\r\n  .faq-i__link{display:inline-flex;align-items:center;gap:12px;font-size:11px;letter-spacing:.14em;\r\n    text-transform:uppercase;font-weight:600;color:var(--ink)}\r\n  .faq-i__link .c{width:34px;height:34px;border-radius:50%;background:var(--ink);color:#fff;display:grid;place-items:center;font-size:18px;line-height:1}\r\n  @media(max-width:820px){.ddl-faq2{grid-template-columns:1fr;gap:28px}.ddl-faq2__aside{position:static}.ddl-faq2__img{display:none}}\r\n<\/style>\r\n<section class=\"ddl-section\">\r\n  <div class=\"ddl-wrap\">\r\n    <p class=\"ddl-eyebrow\">Frequently Asked Questions<\/p>\r\n    <div class=\"ddl-faq2\">\r\n      <aside class=\"ddl-faq2__aside\">\r\n        <h2>Clear insights into how everything works.<\/h2>\r\n        <p class=\"note\">Can\u2019t find the answers or still have questions? <a href=\"\/contact\/\">Let\u2019s Talk<\/a><\/p>\r\n        <div class=\"ddl-faq2__img\"><\/div>\r\n      <\/aside>\r\n      <div class=\"ddl-faq2__list\">\r\n        <details class=\"faq-i\" open><summary>What services does Dat Design Lab provide?<span class=\"faq-i__t\"><\/span><\/summary><div class=\"faq-i__body\"><p>UX design, UX\/UI audits, website design, WordPress development, SEO improvements, mobile\/web app UX, and ongoing maintenance. Each project includes user-focused design, clean structure, and conversion-oriented decisions.<\/p><a class=\"faq-i__link\" href=\"\/services\/\"><span class=\"c\">\uff0b<\/span> See my services<\/a><\/div><\/details>\r\n        <details class=\"faq-i\"><summary>Do you work with clients internationally?<span class=\"faq-i__t\"><\/span><\/summary><div class=\"faq-i__body\"><p>Yes. I work with small businesses across the US and internationally. Everything runs remotely: video calls, a shared project board, and replies within one business day.<\/p><a class=\"faq-i__link\" href=\"\/contact\/\"><span class=\"c\">\uff0b<\/span> Get in touch<\/a><\/div><\/details>\r\n        <details class=\"faq-i\"><summary>How does a remote design or development project work?<span class=\"faq-i__t\"><\/span><\/summary><div class=\"faq-i__body\"><p>All work is handled through clear communication, structured check-ins, Figma prototypes, email updates, and shared project boards. You always speak directly with me \u2014 no middle layers or handoffs.<\/p><a class=\"faq-i__link\" href=\"\/contact\/\"><span class=\"c\">\uff0b<\/span> Get in touch<\/a><\/div><\/details>\r\n        <details class=\"faq-i\"><summary>What makes Dat Design Lab different from agencies?<span class=\"faq-i__t\"><\/span><\/summary><div class=\"faq-i__body\"><p>You work directly with the person doing the work. That means faster turnaround, transparent communication, a flexible process, lower overhead, and consistent quality across strategy, UX, UI, and development.<\/p><a class=\"faq-i__link\" href=\"\/contact\/\"><span class=\"c\">\uff0b<\/span> Get in touch<\/a><\/div><\/details>\r\n        <details class=\"faq-i\"><summary>How long do projects typically take?<span class=\"faq-i__t\"><\/span><\/summary><div class=\"faq-i__body\"><p>Most small websites take 2\u20134 weeks. UX audits take 3\u20137 days. App UX planning takes 2\u20136 weeks depending on complexity. Faster timelines are available for urgent projects.<\/p><a class=\"faq-i__link\" href=\"\/contact\/\"><span class=\"c\">\uff0b<\/span> Get in touch<\/a><\/div><\/details>\r\n        <details class=\"faq-i\"><summary>Do you offer ongoing support or maintenance?<span class=\"faq-i__t\"><\/span><\/summary><div class=\"faq-i__body\"><p>Yes. I provide monthly website care plans, hosting management, updates, backups, monitoring, and performance optimization to keep your site fast and secure year-round.<\/p><a class=\"faq-i__link\" href=\"\/contact\/\"><span class=\"c\">\uff0b<\/span> Get in touch<\/a><\/div><\/details>\r\n        <details class=\"faq-i\"><summary>How do I get started with a project?<span class=\"faq-i__t\"><\/span><\/summary><div class=\"faq-i__body\"><p>Send a message through the contact form. From there, I\u2019ll review your goals, recommend the right service, and outline a clear plan and timeline.<\/p><a class=\"faq-i__link\" href=\"\/contact\/\"><span class=\"c\">\uff0b<\/span> Get in touch<\/a><\/div><\/details>\r\n        <details class=\"faq-i\"><summary>Do you work with small businesses and startups?<span class=\"faq-i__t\"><\/span><\/summary><div class=\"faq-i__body\"><p>Absolutely. Most of my clients are small businesses, solo founders, and early-stage startups looking for fast, clear, cost-effective digital design and development support.<\/p><a class=\"faq-i__link\" href=\"\/contact\/\"><span class=\"c\">\uff0b<\/span> Get in touch<\/a><\/div><\/details>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n<script>\r\n\/* On mobile, don't leave the first FAQ pre-opened (saves space). Desktop keeps it open. *\/\r\nif(window.matchMedia('(max-width:760px)').matches){document.querySelectorAll('.faq-i[open]').forEach(function(d){d.removeAttribute('open');});}\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-630eddb elementor-widget elementor-widget-html\" data-id=\"630eddb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n  .ddl-posts{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:44px}\r\n  .ddl-post{background:var(--card);border-radius:var(--radius);overflow:hidden;transition:transform .2s}\r\n  .ddl-post:hover{transform:translateY(-4px)}\r\n  .ddl-post__thumb{aspect-ratio:3\/2;background:#e6e6e6 center\/cover}\r\n  .ddl-post__body{padding:22px 24px 28px}\r\n  .ddl-post__meta{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--accent-ink);font-weight:600;margin-bottom:10px}\r\n  .ddl-post h3{font-size:19px;line-height:1.3}\r\n  @media(max-width:900px){.ddl-posts{grid-template-columns:1fr 1fr}}\r\n  @media(max-width:600px){\r\n    .ddl-posts{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:4px}\r\n    .ddl-posts::-webkit-scrollbar{display:none}\r\n    .ddl-post{flex:0 0 80%;scroll-snap-align:start}\r\n  }\r\n<\/style>\r\n<section class=\"ddl-section\">\r\n  <div class=\"ddl-wrap\">\r\n    <p class=\"ddl-eyebrow\">Insights<\/p>\r\n    <h2 class=\"ddl-title\">Short reads on UX, websites, and digital strategy.<\/h2>\r\n    <div class=\"ddl-posts\" id=\"ddlBlog\">\r\n      <!-- Fallback cards below; the script replaces them with your 3 most recent live posts + featured images. -->\r\n      <a class=\"ddl-post\" href=\"\/how-to-write-a-design-brief\/\">\r\n        <div class=\"ddl-post__thumb\"><\/div>\r\n        <div class=\"ddl-post__body\"><div class=\"ddl-post__meta\">UX &amp; UI \u00b7 Apr 27, 2026<\/div><h3>How to Write a Design Brief (With Free Template)<\/h3><\/div>\r\n      <\/a>\r\n      <a class=\"ddl-post\" href=\"\/common-mistakes-businesses-make-using-website-builders\/\">\r\n        <div class=\"ddl-post__thumb\"><\/div>\r\n        <div class=\"ddl-post__body\"><div class=\"ddl-post__meta\">Website Dev \u00b7 Apr 22, 2026<\/div><h3>Common Mistakes Businesses Make With Website Builders<\/h3><\/div>\r\n      <\/a>\r\n      <a class=\"ddl-post\" href=\"\/ux-design-vs-web-design\/\">\r\n        <div class=\"ddl-post__thumb\"><\/div>\r\n        <div class=\"ddl-post__body\"><div class=\"ddl-post__meta\">UX &amp; UI \u00b7 Apr 17, 2026<\/div><h3>UX Design vs Web Design: What\u2019s the Difference?<\/h3><\/div>\r\n      <\/a>\r\n    <\/div>\r\n    <div style=\"margin-top:32px\"><a class=\"ddl-btn ddl-btn--ghost\" href=\"\/blog\/\">Read the blog<\/a><\/div>\r\n  <\/div>\r\n<\/section>\r\n<script>\r\n\/* Pulls the 3 most recent posts from the WordPress REST API and renders them into the styled cards.\r\n   Same-origin request, so it works on any domain. If it fails, the fallback cards above stay. *\/\r\n(function(){\r\n  var wrap=document.getElementById('ddlBlog'); if(!wrap) return;\r\n  fetch('\/wp-json\/wp\/v2\/posts?_embed&per_page=3')\r\n    .then(function(r){return r.ok?r.json():Promise.reject();})\r\n    .then(function(posts){\r\n      if(!posts||!posts.length) return;\r\n      wrap.innerHTML=posts.map(function(p){\r\n        var m=p._embedded||{};\r\n        var img=(m['wp:featuredmedia']&&m['wp:featuredmedia'][0]&&m['wp:featuredmedia'][0].source_url)||'';\r\n        var cat=(m['wp:term']&&m['wp:term'][0]&&m['wp:term'][0][0]&&m['wp:term'][0][0].name)||'Blog';\r\n        var d=new Date(p.date).toLocaleDateString('en-US',{month:'short',day:'numeric',year:'numeric'});\r\n        var title=(p.title&&p.title.rendered)||'';\r\n        return '<a class=\"ddl-post\" href=\"'+p.link+'\">'+\r\n          '<div class=\"ddl-post__thumb\"'+(img?(\" style=\\\"background-image:url('\"+img+\"')\\\"\"):'')+'><\/div>'+\r\n          '<div class=\"ddl-post__body\"><div class=\"ddl-post__meta\">'+cat+' \\u00b7 '+d+'<\/div><h3>'+title+'<\/h3><\/div><\/a>';\r\n      }).join('');\r\n    }).catch(function(){});\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9a674e3 e-flex e-con-boxed e-con e-parent\" data-id=\"9a674e3\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d2af214 elementor-widget elementor-widget-html\" data-id=\"d2af214\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<script type=\"application\/ld+json\">{\"@context\":\"https:\/\/schema.org\",\"@type\":\"ProfessionalService\",\"@id\":\"https:\/\/datdesignlab.com\/#organization\",\"name\":\"Dat Design Lab\",\"legalName\":\"Dat Truong Web Services\",\"url\":\"https:\/\/datdesignlab.com\/\",\"description\":\"US veteran-owned web design and SEO studio building WordPress and Shopify websites for small businesses.\",\"telephone\":\"+1-469-567-9076\",\"email\":\"contact@datdesignlab.com\",\"areaServed\":{\"@type\":\"Country\",\"name\":\"United States\"},\"founder\":{\"@type\":\"Person\",\"name\":\"Dat Truong\",\"sameAs\":[\"https:\/\/www.linkedin.com\/in\/ddt1994\/\"]},\"knowsAbout\":[\"Web design\",\"WordPress development\",\"Shopify development\",\"Search engine optimization\",\"Local SEO\",\"UX design\"],\"sameAs\":[\"https:\/\/clutch.co\/profile\/dat-design-lab\",\"https:\/\/www.google.com\/search?kgmid=\/g\/11x0gyq1rk\",\"https:\/\/www.linkedin.com\/company\/145340972\/\",\"https:\/\/www.instagram.com\/datdesignlab.studio\/\",\"https:\/\/www.facebook.com\/datdesignlab\",\"https:\/\/www.behance.net\/dattruong20\"]}<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Founder \u00b7 UX, Web &amp; SEO Available for projects Dat Truong \uff0b Let\u2019s Talk Custom solutions. Real results. Design and development tailored around your business goals. Digital Design Strategy \u2022 UX \u2022 Web WEB DESIGN \u00b7 SEO \u00b7 STRATEGY \u00b7 UX DESIGN \u00b7 UX-Driven Web Design for Modern Businesses I design clean, user-focused websites that [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":11089,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-15","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/datdesignlab.com\/es\/wp-json\/wp\/v2\/pages\/15","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/datdesignlab.com\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/datdesignlab.com\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/datdesignlab.com\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/datdesignlab.com\/es\/wp-json\/wp\/v2\/comments?post=15"}],"version-history":[{"count":208,"href":"https:\/\/datdesignlab.com\/es\/wp-json\/wp\/v2\/pages\/15\/revisions"}],"predecessor-version":[{"id":11000,"href":"https:\/\/datdesignlab.com\/es\/wp-json\/wp\/v2\/pages\/15\/revisions\/11000"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/datdesignlab.com\/es\/wp-json\/wp\/v2\/media\/11089"}],"wp:attachment":[{"href":"https:\/\/datdesignlab.com\/es\/wp-json\/wp\/v2\/media?parent=15"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}