{"id":5639,"date":"2025-07-18T09:48:34","date_gmt":"2025-07-18T09:48:34","guid":{"rendered":"https:\/\/floka.casethemes.net\/?page_id=5639"},"modified":"2026-10-26T15:29:29","modified_gmt":"2026-10-26T15:29:29","slug":"sobre-mi","status":"publish","type":"page","link":"https:\/\/datdesignlab.com\/es\/about\/","title":{"rendered":"Sobre Dat Design Lab | UX y dise\u00f1o web"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"5639\" class=\"elementor elementor-5639\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-202e53e e-flex e-con-boxed e-con e-parent\" data-id=\"202e53e\" 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-654c298 elementor-widget elementor-widget-html\" data-id=\"654c298\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n  \/* ---- hero ---- *\/\r\n  .ab-hero{position:relative;overflow:hidden;color:#fff;border-radius:var(--radius-lg);margin:12px var(--panel-inset) 0;\r\n    min-height:min(46vh,360px);display:flex;align-items:flex-end;padding:clamp(60px,9vw,96px) var(--pad) clamp(34px,5vw,52px)}\r\n  .ab-hero::before{content:\"\";position:absolute;inset:0;z-index:0;background:\r\n    linear-gradient(180deg,rgba(8,8,8,.32),rgba(8,8,8,.15) 45%,rgba(8,8,8,.8)),\r\n    url('\/wp-content\/uploads\/2026\/06\/Dat-Design-Lab-UX-UI-Web-Design-SEO-Studio-office-768x512.webp') center\/cover}\r\n  .ab-hero__in{position:relative;z-index:1;max-width:var(--maxw);margin:0 auto;width:100%}\r\n  .ab-hero h1{color:#fff;font-size:clamp(38px,6.5vw,72px);font-weight:600;letter-spacing:-.02em;line-height:1;margin:0}\r\n \r\n  \/* ---- intro heading (centered, rotating seal) ---- *\/\r\n  .ab-introhead{text-align:center;max-width:760px;margin:0 auto}\r\n  .ab-seal{width:70px;height:70px;margin:0 auto 22px;position:relative;display:grid;place-items:center}\r\n  .ab-seal svg{position:absolute;inset:0;width:100%;height:100%;animation:ddl-spin 16s linear infinite}\r\n  .ab-seal img{width:30px;height:30px;object-fit:contain}\r\n  .ab-introhead h2{font-size:clamp(28px,4.4vw,50px);color:var(--ink);line-height:1.1;letter-spacing:-.01em;margin:0;\r\n    overflow-wrap:break-word}\r\n  .ab-introhead p{color:var(--muted);font-size:clamp(15px,1.6vw,18px);margin:16px auto 0;max-width:54ch}\r\n \r\n  \/* ---- about two-column ---- *\/\r\n  .ab-about{display:grid;grid-template-columns:.9fr 1.1fr;gap:44px;align-items:center;margin-top:48px}\r\n  .ab-about>*{min-width:0}\r\n  .ab-about__fig{margin:0}\r\n  .ab-about__fig img{width:100%;border-radius:var(--radius);aspect-ratio:4\/5;object-fit:cover;background:#e6e6e6;display:block}\r\n  .ab-about__cap{margin-top:14px;font-family:var(--font-head);font-size:15px;color:var(--muted-2);text-align:center}\r\n  .ab-about h3{font-size:clamp(22px,3vw,30px);color:var(--ink);margin:0 0 14px}\r\n  .ab-about p{color:var(--muted);font-size:17px;margin:0 0 20px}\r\n  .ab-about p b{color:var(--ink)}\r\n  .ab-tabs__btns{display:flex;gap:8px;border-bottom:1px solid var(--line);margin-bottom:18px}\r\n  .ab-tab{background:transparent!important;border:0;cursor:pointer;font-family:var(--font-head);font-size:17px;color:var(--muted-2);\r\n    padding:10px 2px;margin-right:20px;position:relative;-webkit-tap-highlight-color:transparent}\r\n  .ab-tab:hover,.ab-tab:focus,.ab-tab:active{background:transparent!important;outline:none}\r\n  .ab-tab:hover,.ab-tab.is-active{color:var(--ink)}\r\n  .ab-tab{z-index:2}\r\n  .ab-tab.is-active::after{content:\"\";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--accent);pointer-events:none}\r\n  .ab-panel{display:none;color:var(--muted);font-size:16px;margin:0}\r\n  .ab-panel.is-active{display:block;animation:ddl-fade .4s ease}\r\n  @keyframes ddl-fade{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}\r\n \r\n  \/* ---- word marquee ---- *\/\r\n  .ab-marq{overflow:hidden;white-space:nowrap;border-top:1px solid var(--line);border-bottom:1px solid var(--line);\r\n    padding:26px 0;margin:56px 0 0;-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  .ab-marq__track{display:inline-flex;align-items:center;animation:ddl-marquee 24s linear infinite}\r\n  .ab-marq__w{font-family:var(--font-head);font-weight:600;font-size:clamp(30px,5vw,56px);color:transparent;\r\n    -webkit-text-stroke:1.2px rgba(11,12,14,.3);padding:0 26px;transition:color .25s,-webkit-text-stroke-color .25s}\r\n  .ab-marq__w:hover{color:var(--ink);-webkit-text-stroke-color:transparent}\r\n  .ab-marq img{width:clamp(34px,4vw,46px);height:clamp(34px,4vw,46px);border-radius:50%;object-fit:cover;flex:none}\r\n \r\n  \/* ---- my story ---- *\/\r\n  .ab-story{display:grid;grid-template-columns:.85fr 1.15fr;gap:44px;align-items:start;margin-top:56px}\r\n  .ab-story>*{min-width:0}\r\n  .ab-story__card{position:sticky;top:100px}\r\n  .ab-story__card img{width:100%;border-radius:var(--radius);aspect-ratio:4\/5;object-fit:cover;background:#e6e6e6;display:block}\r\n  .ab-story__name{font-family:var(--font-head);font-size:26px;color:var(--ink);margin:18px 0 4px}\r\n  .ab-story__role{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--accent-ink);font-weight:600}\r\n  .ab-story__soc{display:flex;gap:10px;margin-top:16px}\r\n  .ab-story__soc a{width:42px;height:42px;border-radius:50%;background:var(--card);display:grid;place-items:center;transition:background .2s,transform .2s}\r\n  .ab-story__soc a:hover{background:var(--ink);transform:translateY(-2px)}\r\n  .ab-story__soc svg{width:18px;height:18px;fill:var(--ink);transition:fill .2s}\r\n  .ab-story__soc a:hover svg{fill:#fff}\r\n  .ab-story h2{font-size:clamp(24px,3.4vw,38px);color:var(--ink);line-height:1.1;margin:0 0 20px}\r\n  .ab-story p{color:var(--muted);font-size:17px;margin:0 0 18px}\r\n  .ab-story p.lead-b{color:var(--ink);font-family:var(--font-head);font-size:19px;font-weight:600;margin:22px 0}\r\n  .ab-story .ddl-btn{margin-top:8px}\r\n \r\n  \/* ---- contact band ---- *\/\r\n  .ab-cta{background:var(--dark);color:#fff;border-radius:var(--radius-lg);margin:56px var(--panel-inset) 0;\r\n    padding:clamp(48px,7vw,80px) var(--pad)}\r\n  .ab-cta__in{max-width:var(--maxw);margin:0 auto;display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center}\r\n  .ab-cta .ddl-eyebrow{color:var(--accent)}\r\n  .ab-cta h2{color:#fff;font-size:clamp(28px,4vw,46px);font-weight:600;letter-spacing:-.02em;line-height:1.05;margin:14px 0 0}\r\n  .ab-cta h2 span{color:rgba(255,255,255,.55)}\r\n  .ab-cta__grid{display:grid;grid-template-columns:1fr;gap:16px}\r\n  .ab-cta__row{display:flex;align-items:center;gap:14px}\r\n  .ab-cta__ic{width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,.1);flex:none;display:grid;place-items:center}\r\n  .ab-cta__ic svg{width:19px;height:19px;stroke:var(--accent);fill:none;stroke-width:1.7}\r\n  .ab-cta__k{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.55)}\r\n  .ab-cta__v{font-family:var(--font-head);font-size:16px;color:#fff}\r\n  .ab-cta__v a{color:#fff}.ab-cta__v a:hover{color:var(--accent)}\r\n  .ab-cta__btn{margin-top:6px}\r\n  .ab-cta__act{display:flex}\r\n  @media(min-width:901px){.ab-cta__act{justify-content:flex-end}}\r\n \r\n  \/* ---- responsive ---- *\/\r\n  @media(max-width:900px){\r\n    .ab-about,.ab-story,.ab-cta__in{grid-template-columns:1fr;gap:26px}\r\n    .ab-story__card{position:static;max-width:340px}\r\n  }\r\n  @media(prefers-reduced-motion:reduce){.ab-seal svg,.ab-marq__track{animation:none}}\r\n<\/style>\r\n \r\n<!-- HERO -->\r\n<section class=\"ab-hero\"><div class=\"ab-hero__in\">\r\n  <p class=\"ddl-eyebrow\" style=\"color:var(--accent)\">UX Design &middot; Web Design &middot; SEO &middot; Strategy<\/p>\r\n  <h1>About me<\/h1>\r\n<\/div><\/section>\r\n \r\n<!-- INTRO HEADING -->\r\n<section class=\"ddl-section\"><div class=\"ddl-wrap\">\r\n  <div class=\"ab-introhead\">\r\n    <div class=\"ab-seal\">\r\n      <svg viewBox=\"0 0 120 120\"><defs><path id=\"abSeal\" 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(11,12,14,.5)\" font-family=\"Satoshi,sans-serif\" font-size=\"10\"><textPath href=\"#abSeal\" startOffset=\"0\" textLength=\"289\" lengthAdjust=\"spacing\">UX DESIGN \u00b7 WEB DESIGN \u00b7 SEO \u00b7 STRATEGY \u00b7<\/textPath><\/text><\/svg>\r\n      <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/06\/ddl-logo-svg.svg\" alt=\"DDL\">\r\n    <\/div>\r\n    <p class=\"ddl-eyebrow\" style=\"justify-content:center;display:flex\">About Dat Design Lab<\/p>\r\n    <h2>A one-person UX, Web Design &amp; SEO studio<\/h2>\r\n    <p>Creating clear, intuitive digital experiences for clients around the world.<\/p>\r\n  <\/div>\r\n \r\n  <!-- ABOUT TWO-COLUMN -->\r\n  <div class=\"ab-about\">\r\n    <figure class=\"ab-about__fig\">\r\n      <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/11\/datdesignlab-about-image-1-e1742221222977-934x1024-1.webp\" alt=\"Dat Truong\" loading=\"lazy\">\r\n      <figcaption class=\"ab-about__cap\">Thoughtful Design. Measurable Results.<\/figcaption>\r\n    <\/figure>\r\n    <div>\r\n      <h3>About Dat Design Lab<\/h3>\r\n      <p>I split my time between the <b>US and Europe<\/b>, working remotely with startups, small businesses, and entrepreneurs who want websites, apps, and digital experiences that look great, function smoothly, and deliver real results. <b>No agencies, no middlemen<\/b>, just direct collaboration and hands-on expertise from start to finish.<\/p>\r\n      <div class=\"ab-tabs\">\r\n        <div class=\"ab-tabs__btns\">\r\n          <button type=\"button\" class=\"ab-tab is-active\" data-p=\"0\">My mission<\/button>\r\n          <button type=\"button\" class=\"ab-tab\" data-p=\"1\">My vision<\/button>\r\n        <\/div>\r\n        <p class=\"ab-panel is-active\">I focus on usability, clean design, and performance so your website or app works beautifully for your users and supports your business goals.<\/p>\r\n        <p class=\"ab-panel\">I aim to design products that feel natural to use, help businesses grow, and connect people with what they need, without friction.<\/p><p>I&rsquo;m also a US military veteran, and Dat Design Lab is a US veteran-owned studio. The military taught me to own the outcome, communicate clearly and finish what I start. That&rsquo;s how I run every project: you deal with me directly, from the first call to launch and beyond.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/div><\/section>\r\n \r\n<!-- WORD MARQUEE -->\r\n<div class=\"ab-marq\"><div class=\"ab-marq__track\">\r\n  <span class=\"ab-marq__w\">UX Design<\/span><img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/06\/Dat-Design-Lab-UX-UI-Web-Design-SEO-Studio-cropped.webp\" alt=\"\">\r\n  <span class=\"ab-marq__w\">Web Design<\/span><img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/06\/Dat-Design-Lab-UX-UI-Web-Design-SEO-Studio-cropped.webp\" alt=\"\">\r\n  <span class=\"ab-marq__w\">App Design<\/span><img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/06\/Dat-Design-Lab-UX-UI-Web-Design-SEO-Studio-cropped.webp\" alt=\"\">\r\n  <span class=\"ab-marq__w\">SEO<\/span><img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/06\/Dat-Design-Lab-UX-UI-Web-Design-SEO-Studio-cropped.webp\" alt=\"\">\r\n  <span class=\"ab-marq__w\">UX Design<\/span><img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/06\/Dat-Design-Lab-UX-UI-Web-Design-SEO-Studio-cropped.webp\" alt=\"\">\r\n  <span class=\"ab-marq__w\">Web Design<\/span><img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/06\/Dat-Design-Lab-UX-UI-Web-Design-SEO-Studio-cropped.webp\" alt=\"\">\r\n  <span class=\"ab-marq__w\">App Design<\/span><img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/06\/Dat-Design-Lab-UX-UI-Web-Design-SEO-Studio-cropped.webp\" alt=\"\">\r\n  <span class=\"ab-marq__w\">SEO<\/span><img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/06\/Dat-Design-Lab-UX-UI-Web-Design-SEO-Studio-cropped.webp\" alt=\"\">\r\n<\/div><\/div>\r\n \r\n<!-- MY STORY -->\r\n<section class=\"ddl-section\"><div class=\"ddl-wrap\">\r\n  <p class=\"ddl-eyebrow\">My Story<\/p>\r\n  <div class=\"ab-story\">\r\n    <aside class=\"ab-story__card\">\r\n      <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/08\/Dat-strategy-image-941x1024-1.webp\" alt=\"Dat Truong, founder of Dat Design Lab\" loading=\"lazy\">\r\n      <div class=\"ab-story__name\">Dat Truong<\/div>\r\n      <div class=\"ab-story__role\">Founder | UX &amp; Web Designer<\/div>\r\n      <div class=\"ab-story__soc\">\r\n        <a href=\"https:\/\/www.linkedin.com\/in\/ddt1994\/\" target=\"_blank\" rel=\"noopener\" aria-label=\"LinkedIn\"><svg viewBox=\"0 0 24 24\"><path d=\"M4.98 3.5a2.5 2.5 0 1 1 0 5 2.5 2.5 0 0 1 0-5ZM3 9h4v12H3V9Zm6 0h3.8v1.7h.05c.53-1 1.83-2.06 3.77-2.06 4.03 0 4.78 2.65 4.78 6.1V21h-4v-5.4c0-1.29-.02-2.95-1.8-2.95-1.8 0-2.08 1.4-2.08 2.85V21H9V9Z\"\/><\/svg><\/a>\r\n        <a href=\"https:\/\/www.behance.net\/dattruong20\" target=\"_blank\" rel=\"noopener\" aria-label=\"Behance\"><svg viewBox=\"0 0 24 24\"><path d=\"M9 6.5c1.7 0 3 .9 3 2.7 0 1-.5 1.7-1.3 2.1 1.1.35 1.8 1.2 1.8 2.5 0 2-1.6 3-3.6 3H3V6.5h6Zm-.4 4.3c.8 0 1.3-.4 1.3-1.1S9.4 8.6 8.6 8.6H5.6v2.2h3Zm.2 4.6c.9 0 1.5-.4 1.5-1.2s-.6-1.2-1.5-1.2h-3.2v2.4h3.2ZM19.5 8.4h-4V7.2h4v1.2Zm-2 2.1c2.2 0 3.5 1.5 3.5 3.9v.5h-5.3c.1 1 .8 1.6 1.9 1.6.8 0 1.4-.3 1.7-.9h1.6c-.4 1.5-1.7 2.4-3.4 2.4-2.2 0-3.7-1.5-3.7-3.8s1.5-3.9 3.7-3.7Zm-1.8 3.1h3.4c-.1-.9-.7-1.5-1.6-1.5s-1.6.6-1.8 1.5Z\"\/><\/svg><\/a>\r\n      <\/div>\r\n    <\/aside>\r\n    <div>\r\n      <h2>From UX to Web, SEO &amp; Product Design: How It All Started<\/h2>\r\n      <p>My path into digital design began unexpectedly during an Erasmus project, where I collaborated with business, IT, and marketing students to develop an educational branding game. That was my first exposure to design thinking, and it completely changed my direction.<\/p>\r\n      <p>After completing my Master&rsquo;s in International Business, I committed fully to UX design, completing two intensive bootcamps and diving into user research, usability principles, and product design. I loved the problem-solving, but I quickly realized something was missing:<\/p>\r\n      <p class=\"lead-b\">Not every UX design gets built.<\/p>\r\n      <p>I wanted to see my work come to life, so I explored no-code and low-code tools, and that&rsquo;s when everything clicked. With WordPress and modern builders, I could take a UX concept, design it, build it, launch it, and watch real users interact with it.<\/p>\r\n      <p>Then came SEO. Because a beautifully designed website is useless if nobody finds it.<\/p>\r\n      <p>Today, I bring all three disciplines together (UX, Web Development, and SEO) to help clients go from idea &rarr; design &rarr; live product &rarr; growth.<\/p>\r\n      <a class=\"ddl-btn\" href=\"\/contact\/\">Contact me <span>&#43;<\/span><\/a>\r\n    <\/div>\r\n  <\/div>\r\n<\/div><\/section>\r\n \r\n<!-- CONTACT BAND -->\r\n<section class=\"ab-cta\"><div class=\"ab-cta__in\">\r\n  <div>\r\n    <p class=\"ddl-eyebrow\">Get in touch<\/p>\r\n    <h2>Tell me about your project<span>, whether it&rsquo;s a website, UX\/UI, app, or SEO.<\/span><\/h2>\r\n  <\/div>\r\n  <div class=\"ab-cta__act\">\r\n    <a class=\"ddl-btn ddl-btn--accent ab-cta__btn\" href=\"\/contact\/\">Start a project <span>&#43;<\/span><\/a>\r\n  <\/div>\r\n<\/div><\/section>\r\n \r\n<script type=\"application\/ld+json\">{\"@context\":\"https:\/\/schema.org\",\"@type\":\"AboutPage\",\"name\":\"About Dat Design Lab\",\"url\":\"https:\/\/datdesignlab.com\/about\/\",\"mainEntity\":{\"@type\":\"Person\",\"name\":\"Dat Truong\",\"jobTitle\":\"Founder, UX & Web Designer\",\"worksFor\":{\"@type\":\"ProfessionalService\",\"name\":\"Dat Design Lab\",\"url\":\"https:\/\/datdesignlab.com\/\"},\"sameAs\":[\"https:\/\/www.linkedin.com\/in\/ddt1994\/\",\"https:\/\/www.behance.net\/dattruong20\"]}}<\/script>\r\n<script type=\"application\/ld+json\">{\"@context\":\"https:\/\/schema.org\",\"@type\":\"BreadcrumbList\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/datdesignlab.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"About\",\"item\":\"https:\/\/datdesignlab.com\/about\/\"}]}<\/script>\r\n \r\n<script>\r\n(function(){\r\n  if(window.__ddlAboutTabs)return; window.__ddlAboutTabs=1;\r\n  document.addEventListener('click',function(e){\r\n    var b=e.target.closest ? e.target.closest('.ab-tab') : null;\r\n    if(!b)return;\r\n    var wrap=b.closest('.ab-tabs'); if(!wrap)return;\r\n    var i=+b.dataset.p;\r\n    wrap.querySelectorAll('.ab-tab').forEach(function(x,k){ x.classList.toggle('is-active',k===i); });\r\n    wrap.querySelectorAll('.ab-panel').forEach(function(x,k){ x.classList.toggle('is-active',k===i); });\r\n  });\r\n})();\r\n<\/script>\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>UX Design &middot; Web Design &middot; SEO &middot; Strategy About me UX DESIGN \u00b7 WEB DESIGN \u00b7 SEO \u00b7 STRATEGY \u00b7 About Dat Design Lab A one-person UX, Web Design &amp; SEO studio Creating clear, intuitive digital experiences for clients around the world. Thoughtful Design. Measurable Results. About Dat Design Lab I split my time [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-5639","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/datdesignlab.com\/es\/wp-json\/wp\/v2\/pages\/5639","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=5639"}],"version-history":[{"count":40,"href":"https:\/\/datdesignlab.com\/es\/wp-json\/wp\/v2\/pages\/5639\/revisions"}],"predecessor-version":[{"id":10427,"href":"https:\/\/datdesignlab.com\/es\/wp-json\/wp\/v2\/pages\/5639\/revisions\/10427"}],"wp:attachment":[{"href":"https:\/\/datdesignlab.com\/es\/wp-json\/wp\/v2\/media?parent=5639"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}