{"id":10374,"date":"2026-07-03T21:57:13","date_gmt":"2026-07-03T21:57:13","guid":{"rendered":"https:\/\/datdesignlab.com\/?page_id=10374"},"modified":"2026-07-03T21:57:46","modified_gmt":"2026-07-03T21:57:46","slug":"diseno-ux-ui","status":"publish","type":"page","link":"https:\/\/datdesignlab.com\/es\/services\/ux-ui-design\/","title":{"rendered":"Servicios de dise\u00f1o UX\/UI | Auditor\u00edas, wireframes y prototipos"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"10374\" class=\"elementor elementor-10374\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3d112a6 e-flex e-con-boxed e-con e-parent\" data-id=\"3d112a6\" 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-3add8b0 elementor-widget elementor-widget-html\" data-id=\"3add8b0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n  .svcd-hero{position:relative;overflow:hidden;color:#fff;border-radius:var(--radius-lg);margin:12px var(--panel-inset) 0;\r\n    min-height:min(56vh,440px);display:flex;align-items:flex-end;padding:clamp(80px,11vw,120px) var(--pad) clamp(36px,5vw,54px)}\r\n  .svcd-hero::before{content:\"\";position:absolute;inset:0;z-index:0;background:linear-gradient(180deg,rgba(8,8,8,.4),rgba(8,8,8,.15) 45%,rgba(8,8,8,.85)),url('\/wp-content\/uploads\/2026\/06\/Dat-Design-Lab-UX-UI-Web-Design-SEO-Studio-office-768x512.webp') center top\/cover}\r\n  .svcd-hero__in{position:relative;z-index:1;max-width:var(--maxw);margin:0 auto;width:100%}\r\n  .svcd-hero h1{color:#fff;font-size:clamp(34px,6vw,64px);font-weight:600;letter-spacing:-.02em;line-height:1.02;max-width:20ch}\r\n  .svcd-hero__sub{color:rgba(255,255,255,.82);font-size:clamp(15px,1.7vw,18px);max-width:60ch;margin:16px 0 0}\r\n  .svcd-crumb{max-width:var(--maxw);margin:20px auto 0;padding:0 var(--pad);color:var(--muted-2);font-size:13px}\r\n  .svcd-crumb a{color:var(--muted-2)}.svcd-crumb a:hover{color:var(--ink)}.svcd-crumb b{color:var(--ink)}\r\n \r\n  .svcd-main{display:grid;grid-template-columns:1.6fr .9fr;gap:44px;align-items:start;margin-top:44px}\r\n  .svcd-img{width:100%;border-radius:var(--radius)!important;overflow:hidden;aspect-ratio:16\/10;object-fit:cover;background:#e6e6e6;display:block;margin-bottom:30px}\r\n  .svcd-content h2{font-size:clamp(26px,3.6vw,42px);color:var(--ink);line-height:1.1;letter-spacing:-.01em}\r\n  .svcd-content p{color:var(--muted);font-size:17px;margin:18px 0 0;max-width:62ch}\r\n  .svcd-check{list-style:none;margin:28px 0 0;padding:0}\r\n  .svcd-check li{display:flex;gap:12px;align-items:flex-start;margin-bottom:14px;font-size:16px;color:var(--ink-2)}\r\n  .svcd-check li::before{content:\"\";width:22px;height:22px;border-radius:50%;border:1.5px solid var(--accent-ink);flex:none;\r\n    background:no-repeat center\/11px url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24' fill='none' stroke='%237f7134' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'\/%3E%3C\/svg%3E\")}\r\n \r\n  .svcd-side{position:sticky;top:100px;display:grid;gap:20px}\r\n  .svcd-card{background:var(--card);border-radius:var(--radius);padding:26px}\r\n  .svcd-card h3{font-size:19px;color:var(--ink);margin:0 0 6px}\r\n  .svcd-links{display:grid;margin-top:8px}\r\n  .svcd-links a{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid var(--line);\r\n    font-family:var(--font-head);font-size:16px;color:var(--ink)}\r\n  .svcd-links a:last-child{border-bottom:0}\r\n  .svcd-links a span{color:var(--muted-2);transition:transform .2s}\r\n  .svcd-links a:hover{color:var(--accent-ink)}.svcd-links a:hover span{transform:translateX(4px);color:var(--accent-ink)}\r\n  .svcd-consult{position:relative;box-shadow:0 26px 54px -24px rgba(0,0,0,.3);box-shadow:0 26px 54px -24px rgba(0,0,0,.3),0 0 0 1px rgba(185,178,122,.55)}\r\n  .svcd-consult::before{content:\"\";position:absolute;left:26px;right:26px;top:0;height:3px;border-radius:0 0 3px 3px;background:var(--accent)}\r\n  .svcd-consult p{color:var(--muted);font-size:15px;margin:0 0 18px}\r\n  .svcd-consult .ddl-btn{width:100%;justify-content:center}\r\n  .svcd-marq{overflow:hidden;white-space:nowrap;padding:clamp(28px,4vw,44px) 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:8px}\r\n  .svcd-marq__track{display:inline-flex;align-items:center;gap:clamp(26px,4vw,48px);animation:ddl-marquee 26s linear infinite}\r\n  .svcd-marq__w{font-family:var(--font-head);font-weight:600;font-size:clamp(30px,5vw,58px);line-height:1;color:transparent;-webkit-text-stroke:1.2px rgba(11,12,14,.32);transition:color .2s,-webkit-text-stroke-color .2s;cursor:default}\r\n  .svcd-marq__w:hover{color:var(--ink);-webkit-text-stroke-color:transparent}\r\n  .svcd-marq img{width:clamp(34px,4vw,46px);height:clamp(34px,4vw,46px);border-radius:50%;object-fit:cover;flex:none}\r\n  @media(prefers-reduced-motion:reduce){.svcd-marq__track{animation:none}}\r\n \r\n  .svcd-proc{margin-top:40px}\r\n  .svcd-proc__step{display:grid;grid-template-columns:.95fr 1.25fr;gap:30px;padding:34px 0;border-top:1px solid var(--line);align-items:start}\r\n  .svcd-proc__step:first-child{border-top:0}\r\n  .svcd-proc__num{display:flex;align-items:center;gap:18px}\r\n  .svcd-proc__ring{width:52px;height:52px;flex:none;position:relative}\r\n  .svcd-proc__ring svg{position:absolute;inset:0;animation:ddl-spin 9s linear infinite}\r\n  .svcd-proc__ring b{position:absolute;inset:0;display:grid;place-items:center;font-family:var(--font-head);font-weight:600;font-size:14px;color:var(--ink)}\r\n  .svcd-proc__num h3{font-family:var(--font-head);font-size:clamp(19px,2.2vw,25px);color:var(--ink);line-height:1.15;font-weight:500;margin:0}\r\n  .svcd-proc__desc{color:var(--muted);font-size:17px;margin:0;line-height:1.55}\r\n  @media(prefers-reduced-motion:reduce){.svcd-proc__ring svg{animation:none}}\r\n \r\n  .svcd-inc{display:grid;grid-template-columns:1fr 1.1fr;gap:44px;align-items:center;background:var(--dark);border-radius:var(--radius-lg);padding:clamp(32px,5vw,56px);margin:0 var(--panel-inset)}\r\n  .svcd-inc__seal{width:150px;height:150px;position:relative;margin-bottom:20px}\r\n  .svcd-inc__seal svg{width:100%;height:100%;animation:ddl-spin 16s linear infinite}\r\n  .svcd-inc__seal img{position:absolute;inset:0;margin:auto;width:40px;height:40px}\r\n  @media(prefers-reduced-motion:reduce){.svcd-inc__seal svg{animation:none}}\r\n  .svcd-inc h2{font-size:clamp(24px,3vw,34px);color:#fff;line-height:1.15;max-width:20ch}\r\n  .svcd-inc .ddl-eyebrow{color:#fff}\r\n  .svcd-inc__list{list-style:none;margin:0;padding:0;columns:2;column-gap:30px}\r\n  .svcd-inc__list li{display:flex;gap:10px;align-items:flex-start;margin-bottom:13px;font-size:15px;color:#cfcfcf;break-inside:avoid}\r\n  .svcd-inc__list li::before{content:\"\\2713\";color:var(--accent-ink);font-weight:700;flex:none}\r\n  .svcd-inc__h{font-family:var(--font-head);font-size:18px;color:#fff;margin:0 0 18px}\r\n \r\n  .svc-plans{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:44px}\r\n  .svc-plan{background:var(--card);border-radius:var(--radius);padding:32px;display:flex;flex-direction:column}\r\n  .svc-plan__tag{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--accent-ink);font-weight:600}\r\n  .svc-plan h3{font-size:24px;color:var(--ink);margin:12px 0 2px}\r\n  .svc-plan__sub{color:var(--muted-2);font-size:14px;margin-bottom:18px}\r\n  .svc-plan__desc{color:var(--muted);font-size:15px;margin-bottom:22px}\r\n  .svc-plan .ddl-btn{width:100%;justify-content:center;margin-bottom:24px}\r\n  .svc-plan__list{list-style:none;margin:auto 0 0;padding:20px 0 0;border-top:1px solid var(--line)}\r\n  .svc-plan__list li{display:flex;gap:10px;align-items:flex-start;margin-bottom:11px;font-size:15px;color:var(--ink-2)}\r\n  .svc-plan__list li::before{content:\"\\2713\";color:var(--accent-ink);font-weight:700;flex:none}\r\n  .svc-trust{display:flex;justify-content:center;gap:20px 48px;flex-wrap:wrap;margin-top:40px;font-size:15px;color:var(--muted)}\r\n  .svc-trust span b{color:var(--ink);font-weight:600}.svc-trust span::before{content:\"\\25C6\";color:var(--accent);margin-right:10px;font-size:11px}\r\n \r\n  .svc-faq{display:grid;grid-template-columns:.82fr 1.3fr;gap:44px;margin-top:36px;align-items:start}\r\n  .svc-faq__aside{position:sticky;top:100px}\r\n  .svc-faq__aside h2{font-size:clamp(28px,3.4vw,42px);color:var(--ink);margin-bottom:24px}\r\n  .svc-faq__aside .note{font-size:15px;color:var(--muted)}\r\n  .svc-faq__aside .note a{color:var(--ink);font-weight:600;text-decoration:underline;text-underline-offset:3px}\r\n  .svc-faq__list{display:grid;gap:14px}\r\n  .fq{background:#fff;border-radius:16px;overflow:hidden}\r\n  .fq summary{list-style:none;cursor:pointer;padding:22px 24px;display:flex;justify-content:space-between;align-items:center;gap:18px;font-family:var(--font-head);font-size:18px;color:var(--ink)}\r\n  .fq summary::-webkit-details-marker{display:none}\r\n  .fq__t{width:36px;height:36px;border-radius:50%;background:var(--ink);flex:none;position:relative}\r\n  .fq__t::before,.fq__t::after{content:\"\";position:absolute;top:50%;left:50%;background:#fff;border-radius:2px;transform:translate(-50%,-50%)}\r\n  .fq__t::before{width:15px;height:2px}.fq__t::after{width:2px;height:15px;transition:transform .22s ease}\r\n  .fq[open] .fq__t::after{transform:translate(-50%,-50%) scaleY(0)}\r\n  .fq__body{padding:0 24px 24px}.fq__body p{margin:0;font-size:16px;color:var(--muted)}\r\n \r\n  .svc-cta{text-align:center;padding:clamp(60px,9vw,110px) var(--pad) clamp(50px,7vw,80px)}\r\n  .svc-cta h2{font-size:clamp(28px,4.5vw,50px);color:var(--ink);max-width:22ch;margin:0 auto;line-height:1.1}\r\n  .svc-cta h2 span{color:var(--muted-2)}\r\n  .svc-cta__card{display:inline-flex;align-items:center;gap:14px;background:var(--card);border-radius:999px;padding:10px 24px 10px 10px;margin-top:34px;box-shadow:0 24px 44px -26px rgba(0,0,0,.45);text-align:left}\r\n  .svc-cta__card img{width:46px;height:46px;border-radius:50%;object-fit:cover}\r\n  .svc-cta__card b{font-family:var(--font-head);color:var(--ink);font-size:15px;display:block}\r\n  .svc-cta__card small{color:var(--muted-2);font-size:13px}\r\n  .svc-cta__card:hover{transform:translateY(-2px);transition:transform .2s}\r\n \r\n  @media(max-width:900px){\r\n    .svcd-main,.svcd-inc,.svc-faq{grid-template-columns:1fr}\r\n    .svcd-side,.svc-faq__aside{position:static}\r\n    .svcd-proc__step{grid-template-columns:1fr;gap:12px}\r\n    .svc-plans{grid-template-columns:1fr}\r\n    .svcd-inc__list{columns:1}\r\n  }\r\n  @media(max-width:520px){.svcd-proc{grid-template-columns:1fr}}\r\n  \/* mobile: keep consultation card high, move Explore card to end *\/\r\n  .svcd-explore-m{display:none}\r\n  @media(max-width:900px){.svcd-explore-side{display:none}.svcd-explore-m{display:block}}\r\n  \/* thin sticky mobile CTA bar *\/\r\n  .svcd-bar{position:fixed;left:0;right:0;bottom:0;z-index:60;display:none;align-items:center;justify-content:space-between;\r\n    gap:12px;padding:10px 14px;background:rgba(17,17,17,.96);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);\r\n    border-top:1px solid rgba(255,255,255,.12);transform:translateY(115%);transition:transform .32s ease}\r\n  .svcd-bar.is-in{transform:translateY(0)}\r\n  .svcd-bar__txt{color:#fff;font-family:var(--font-head);font-size:14px;font-weight:500;line-height:1.15}\r\n  .svcd-bar__txt small{display:block;color:rgba(255,255,255,.6);font-size:11px;font-weight:400}\r\n  .svcd-bar .ddl-btn{padding:11px 18px;font-size:12px;letter-spacing:.04em;white-space:nowrap}\r\n  @media(max-width:900px){.svcd-bar{display:flex}body.svcd-bar-on .ddl-top{bottom:74px}}\r\n<\/style>\r\n \r\n<section class=\"svcd-hero\"><div class=\"svcd-hero__in\"><h1>UX\/UI Design<\/h1><p class=\"svcd-hero__sub\">Research-driven UX, clean interface design, and prototypes that bring ideas to life.<\/p><\/div><\/section>\r\n<p class=\"svcd-crumb\"><a href=\"\/\">Home<\/a> \/ <a href=\"\/services\/\">Services<\/a> \/ <b>UX\/UI Design<\/b><\/p>\r\n \r\n<section class=\"ddl-section\"><div class=\"ddl-wrap svcd-main\">\r\n  <div class=\"svcd-content\">\r\n    <img decoding=\"async\" class=\"svcd-img\" src=\"\/wp-content\/uploads\/2025\/11\/dat-design-lab-ux-web-design-process-image.webp\" alt=\"UX\/UI Design\" loading=\"lazy\">\r\n    <h2>Designing user experiences that are intuitive, enjoyable, and built to convert<\/h2>\r\n    <p>Whether you need a new interface, a redesign, or a UX audit to improve an existing product, I use proven UX\/UI methods to create designs that are clear, intuitive, and aligned with real user behavior. My process blends UX research, interaction design, and visual clarity to help you build experiences users trust.<\/p>\r\n    <ul class=\"svcd-check\"><li>Improve usability and eliminate friction in key user flows<\/li><li>Increase conversions with clearer interaction patterns<\/li><li>Strengthen product credibility through consistent UI systems<\/li><li>Reduce user confusion and support tasks with intuitive layouts<\/li><li>Build scalable designs supported by UX best practices<\/li><\/ul>\r\n  <\/div>\r\n  <aside class=\"svcd-side\">\r\n    <div class=\"svcd-card svcd-explore-side\"><h3>Explore my services<\/h3><nav class=\"svcd-links\"><a href=\"\/services\/ux-ui-design\/\">UX\/UI Design <span>\u2192<\/span><\/a><a href=\"\/services\/website-development\/\">Website Development <span>\u2192<\/span><\/a><a href=\"\/services\/seo-services\/\">SEO &amp; Website Ranking <span>\u2192<\/span><\/a><a href=\"\/services\/web-app-design-services\/\">Web &amp; Mobile App Design <span>\u2192<\/span><\/a><\/nav><\/div>\r\n    <div class=\"svcd-card svcd-consult\"><h3>Want a free consultation?<\/h3><p>Tell me about your project and I\u2019ll get back to you within a day \u2014 no forms, just a real conversation.<\/p><a class=\"ddl-btn ddl-btn--accent\" href=\"\/contact\/\">Get in touch<\/a><\/div>\r\n  <\/aside>\r\n<\/div><\/section>\r\n \r\n<section class=\"ddl-section\" style=\"padding-top:0\"><div class=\"ddl-wrap\">\r\n  <p class=\"ddl-eyebrow\">My Process<\/p><h2 class=\"ddl-title\">My UX &amp; UI Design Process<\/h2>\r\n  <p class=\"ddl-lead\">A clear, research-first framework that reduces friction, improves clarity, and delivers interfaces designed around real user behavior.<\/p>\r\n  <div class=\"svcd-proc\"><div class=\"svcd-proc__step\"><div class=\"svcd-proc__num\"><span class=\"svcd-proc__ring\"><svg viewBox=\"0 0 52 52\"><circle cx=\"26\" cy=\"26\" r=\"23\" fill=\"none\" stroke=\"rgba(11,12,14,.14)\" stroke-width=\"2\"\/><circle cx=\"26\" cy=\"26\" r=\"23\" fill=\"none\" stroke=\"var(--accent)\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-dasharray=\"34 150\"\/><\/svg><b>01<\/b><\/span><h3>Research &amp; Understanding<\/h3><\/div><p class=\"svcd-proc__desc\">Define goals, audience needs, product workflows, and key pain points through review, competitive analysis, and stakeholder conversations.<\/p><\/div><div class=\"svcd-proc__step\"><div class=\"svcd-proc__num\"><span class=\"svcd-proc__ring\"><svg viewBox=\"0 0 52 52\"><circle cx=\"26\" cy=\"26\" r=\"23\" fill=\"none\" stroke=\"rgba(11,12,14,.14)\" stroke-width=\"2\"\/><circle cx=\"26\" cy=\"26\" r=\"23\" fill=\"none\" stroke=\"var(--accent)\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-dasharray=\"34 150\"\/><\/svg><b>02<\/b><\/span><h3>UX Audit &amp; Problem Mapping<\/h3><\/div><p class=\"svcd-proc__desc\">Evaluate usability, navigation, interaction patterns, layout effectiveness, and content clarity to uncover friction and opportunities.<\/p><\/div><div class=\"svcd-proc__step\"><div class=\"svcd-proc__num\"><span class=\"svcd-proc__ring\"><svg viewBox=\"0 0 52 52\"><circle cx=\"26\" cy=\"26\" r=\"23\" fill=\"none\" stroke=\"rgba(11,12,14,.14)\" stroke-width=\"2\"\/><circle cx=\"26\" cy=\"26\" r=\"23\" fill=\"none\" stroke=\"var(--accent)\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-dasharray=\"34 150\"\/><\/svg><b>03<\/b><\/span><h3>User Flows &amp; Information Architecture<\/h3><\/div><p class=\"svcd-proc__desc\">Design clear, predictable pathways that guide users smoothly toward desired actions, reducing confusion and cognitive load.<\/p><\/div><div class=\"svcd-proc__step\"><div class=\"svcd-proc__num\"><span class=\"svcd-proc__ring\"><svg viewBox=\"0 0 52 52\"><circle cx=\"26\" cy=\"26\" r=\"23\" fill=\"none\" stroke=\"rgba(11,12,14,.14)\" stroke-width=\"2\"\/><circle cx=\"26\" cy=\"26\" r=\"23\" fill=\"none\" stroke=\"var(--accent)\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-dasharray=\"34 150\"\/><\/svg><b>04<\/b><\/span><h3>Wireframes &amp; Interaction Layout<\/h3><\/div><p class=\"svcd-proc__desc\">Translate insights into low-fidelity wireframes focusing on structure, hierarchy, and functional clarity before adding visual style.<\/p><\/div><div class=\"svcd-proc__step\"><div class=\"svcd-proc__num\"><span class=\"svcd-proc__ring\"><svg viewBox=\"0 0 52 52\"><circle cx=\"26\" cy=\"26\" r=\"23\" fill=\"none\" stroke=\"rgba(11,12,14,.14)\" stroke-width=\"2\"\/><circle cx=\"26\" cy=\"26\" r=\"23\" fill=\"none\" stroke=\"var(--accent)\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-dasharray=\"34 150\"\/><\/svg><b>05<\/b><\/span><h3>High-Fidelity UI Design &amp; Prototyping<\/h3><\/div><p class=\"svcd-proc__desc\">Create polished, modern interfaces with strong visual hierarchy, accessible components, and interactive prototypes for testing and iteration.<\/p><\/div><\/div>\r\n<\/div><\/section>\r\n \r\n<div class=\"svcd-marq\"><div class=\"svcd-marq__track\"><span class=\"svcd-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=\"\"><span class=\"svcd-marq__w\">UX Audits<\/span><img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/06\/Dat-Design-Lab-UX-UI-Web-Design-SEO-Studio-cropped.webp\" alt=\"\"><span class=\"svcd-marq__w\">UI Design<\/span><img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/06\/Dat-Design-Lab-UX-UI-Web-Design-SEO-Studio-cropped.webp\" alt=\"\"><span class=\"svcd-marq__w\">User Flow<\/span><img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/06\/Dat-Design-Lab-UX-UI-Web-Design-SEO-Studio-cropped.webp\" alt=\"\"><span class=\"svcd-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=\"\"><span class=\"svcd-marq__w\">UX Audits<\/span><img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/06\/Dat-Design-Lab-UX-UI-Web-Design-SEO-Studio-cropped.webp\" alt=\"\"><span class=\"svcd-marq__w\">UI Design<\/span><img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/06\/Dat-Design-Lab-UX-UI-Web-Design-SEO-Studio-cropped.webp\" alt=\"\"><span class=\"svcd-marq__w\">User Flow<\/span><img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/06\/Dat-Design-Lab-UX-UI-Web-Design-SEO-Studio-cropped.webp\" alt=\"\"><\/div><\/div>\r\n \r\n<section class=\"ddl-section\" style=\"padding-top:0\"><div class=\"svcd-inc\">\r\n  <div><div class=\"svcd-inc__seal\"><svg viewBox=\"0 0 120 120\"><defs><path id=\"sealP\" d=\"M60,60 m-46,0 a46,46 0 1,1 92,0 a46,46 0 1,1 -92,0\"\/><\/defs><text fill=\"rgba(255,255,255,.55)\" font-family=\"Satoshi,sans-serif\" font-size=\"10\"><textPath href=\"#sealP\" startOffset=\"0\" textLength=\"289\" lengthAdjust=\"spacing\">STRATEGY \u00b7 UX DESIGN \u00b7 WEB DESIGN \u00b7 SEO \u00b7<\/textPath><\/text><\/svg><img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/06\/cropped-DDL-Logo-Standalone-1.webp\" alt=\"DDL\"><\/div><p class=\"ddl-eyebrow\">UX\/UI Design Services<\/p><h2>Everything you need to improve visibility, strengthen performance, and grow sustainably.<\/h2><a class=\"ddl-btn ddl-btn--accent\" style=\"margin-top:24px\" href=\"\/contact\/\">Get in touch<\/a><\/div>\r\n  <div><div class=\"svcd-inc__h\">UX Design &amp; UI Design Services Include:<\/div><ul class=\"svcd-inc__list\"><li>Full UX Audits<\/li><li>User Flow Mapping<\/li><li>Information Architecture (IA)<\/li><li>Wireframing (Low-Fi)<\/li><li>High-Fidelity UI Design<\/li><li>Mobile-Responsive UI Layouts<\/li><li>Design Systems &amp; Component Libraries<\/li><li>Prototyping<\/li><li>Accessibility Improvements (WCAG-aligned)<\/li><\/ul><\/div>\r\n<\/div><\/section>\r\n \r\n<!-- WAYS TO WORK \/ PRICING -->\r\n<section class=\"ddl-section\" style=\"padding-top:0\">\r\n  <div class=\"ddl-wrap\">\r\n    <p class=\"ddl-eyebrow\">Ways to Work Together<\/p>\r\n    <h2 class=\"ddl-title\">Direct, flexible collaboration.<\/h2>\r\n    <div class=\"svc-plans\">\r\n      <div class=\"svc-plan\"><div class=\"svc-plan__tag\">Per Project<\/div><h3>Project-Based<\/h3><div class=\"svc-plan__sub\">Fixed scope<\/div><p class=\"svc-plan__desc\">Best for defined scopes like website builds, redesigns, or UX projects.<\/p><a class=\"ddl-btn\" href=\"\/contact\/\">Get started<\/a><ul class=\"svc-plan__list\"><li>Defined scope &amp; milestones<\/li><li>UX\/UI design deliverables<\/li><li>Website or app design<\/li><li>WordPress\/Shopify build (optional)<\/li><li>QA testing &amp; launch support<\/li><\/ul><\/div>\r\n      <div class=\"svc-plan\"><div class=\"svc-plan__tag\">Pay As You Go<\/div><h3>Ad-hoc Support<\/h3><div class=\"svc-plan__sub\">Flexible hours<\/div><p class=\"svc-plan__desc\">Ideal for quick fixes, UI tweaks, troubleshooting, or small feature work.<\/p><a class=\"ddl-btn\" href=\"\/contact\/\">Get started<\/a><ul class=\"svc-plan__list\"><li>On-demand help<\/li><li>UI tweaks &amp; adjustments<\/li><li>Bug fixes &amp; troubleshooting<\/li><li>Small SEO or content edits<\/li><li>No commitment required<\/li><\/ul><\/div>\r\n      <div class=\"svc-plan\"><div class=\"svc-plan__tag\">Per Month<\/div><h3>Monthly Partnership<\/h3><div class=\"svc-plan__sub\">Ongoing support<\/div><p class=\"svc-plan__desc\">Great for hosting, maintenance, SEO improvements, and continuous updates.<\/p><a class=\"ddl-btn\" href=\"\/contact\/\">Get started<\/a><ul class=\"svc-plan__list\"><li>Hosting &amp; maintenance<\/li><li>Regular updates &amp; fixes<\/li><li>Ongoing SEO improvements<\/li><li>Performance monitoring<\/li><li>Priority support<\/li><\/ul><\/div>\r\n    <\/div>\r\n    <div class=\"svc-trust\"><span><b>Direct work<\/b> with the designer<\/span><span><b>No middlemen<\/b> or handoffs<\/span><span><b>Fast responses<\/b> &amp; quick support<\/span><\/div>\r\n  <\/div>\r\n<\/section>\r\n \r\n<section class=\"ddl-section\" style=\"padding-top:0\"><div class=\"ddl-wrap\">\r\n  <p class=\"ddl-eyebrow\">Frequently Asked Questions<\/p>\r\n  <div class=\"svc-faq\"><aside class=\"svc-faq__aside\"><h2>Clear insights into how everything works.<\/h2><p class=\"note\">Can\u2019t find the answers or still have questions? <a href=\"\/contact\/\">Let\u2019s Talk<\/a><\/p><\/aside>\r\n  <div class=\"svc-faq__list\">\r\n        <details class=\"fq\"><summary>What does a UX\/UI designer actually do?<span class=\"fq__t\"><\/span><\/summary><div class=\"fq__body\"><p>A UX\/UI designer improves how a website or app looks, feels, and functions by creating user flows, wireframes, layouts, and interfaces that are intuitive and easy to use.<\/p><\/div><\/details>\r\n        <details class=\"fq\"><summary>How does good UX\/UI improve conversions?<span class=\"fq__t\"><\/span><\/summary><div class=\"fq__body\"><p>By removing friction, clarifying interactions, and guiding users toward key actions, good UX\/UI turns more visitors into customers.<\/p><\/div><\/details>\r\n        <details class=\"fq\"><summary>What\u2019s the difference between UX and UI design?<span class=\"fq__t\"><\/span><\/summary><div class=\"fq__body\"><p>UX is how the product works, the flows, structure, and usability. UI is how it looks, the visual design and interface. Both are needed for a great experience.<\/p><\/div><\/details>\r\n        <details class=\"fq\"><summary>Do small businesses need UX design?<span class=\"fq__t\"><\/span><\/summary><div class=\"fq__body\"><p>Yes. Even a simple site benefits from clear structure and intuitive design, it builds trust and drives more conversions.<\/p><\/div><\/details>\r\n        <details class=\"fq\"><summary>How long does a UX\/UI project take?<span class=\"fq__t\"><\/span><\/summary><div class=\"fq__body\"><p>A UX audit takes 3\u20137 days. Full UX\/UI design projects typically run 2\u20136 weeks depending on scope and complexity.<\/p><\/div><\/details>\r\n        <details class=\"fq\"><summary>Can you improve my existing website without redesigning it?<span class=\"fq__t\"><\/span><\/summary><div class=\"fq__body\"><p>Yes. A UX audit and targeted improvements can boost usability and conversions without a full redesign.<\/p><\/div><\/details>\r\n        <\/div><\/div>\r\n<\/div><\/section>\r\n \r\n<script type=\"application\/ld+json\">{\"@context\": \"https:\/\/schema.org\", \"@type\": \"FAQPage\", \"mainEntity\": [{\"@type\": \"Question\", \"name\": \"What does a UX\/UI designer actually do?\", \"acceptedAnswer\": {\"@type\": \"Answer\", \"text\": \"A UX\/UI designer improves how a website or app looks, feels, and functions by creating user flows, wireframes, layouts, and interfaces that are intuitive and easy to use.\"}}, {\"@type\": \"Question\", \"name\": \"How does good UX\/UI improve conversions?\", \"acceptedAnswer\": {\"@type\": \"Answer\", \"text\": \"By removing friction, clarifying interactions, and guiding users toward key actions, good UX\/UI turns more visitors into customers.\"}}, {\"@type\": \"Question\", \"name\": \"What\u2019s the difference between UX and UI design?\", \"acceptedAnswer\": {\"@type\": \"Answer\", \"text\": \"UX is how the product works, the flows, structure, and usability. UI is how it looks, the visual design and interface. Both are needed for a great experience.\"}}, {\"@type\": \"Question\", \"name\": \"Do small businesses need UX design?\", \"acceptedAnswer\": {\"@type\": \"Answer\", \"text\": \"Yes. Even a simple site benefits from clear structure and intuitive design, it builds trust and drives more conversions.\"}}, {\"@type\": \"Question\", \"name\": \"How long does a UX\/UI project take?\", \"acceptedAnswer\": {\"@type\": \"Answer\", \"text\": \"A UX audit takes 3\u20137 days. Full UX\/UI design projects typically run 2\u20136 weeks depending on scope and complexity.\"}}, {\"@type\": \"Question\", \"name\": \"Can you improve my existing website without redesigning it?\", \"acceptedAnswer\": {\"@type\": \"Answer\", \"text\": \"Yes. A UX audit and targeted improvements can boost usability and conversions without a full redesign.\"}}]}<\/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\": \"Services\", \"item\": \"https:\/\/datdesignlab.com\/services\/\"}, {\"@type\": \"ListItem\", \"position\": 3, \"name\": \"UX\/UI Design\", \"item\": \"https:\/\/datdesignlab.com\/services\/ux-ui-design\/\"}]}<\/script>\r\n<script type=\"application\/ld+json\">{\"@context\": \"https:\/\/schema.org\", \"@type\": \"Service\", \"name\": \"UX\/UI Design\", \"description\": \"Research-driven UX, clean interface design, and prototypes that bring ideas to life.\", \"provider\": {\"@type\": \"ProfessionalService\", \"name\": \"Dat Design Lab\", \"url\": \"https:\/\/datdesignlab.com\/\"}, \"areaServed\": \"Worldwide\", \"url\": \"https:\/\/datdesignlab.com\/services\/ux-ui-design\/\"}<\/script>\r\n \r\n<section class=\"ddl-section svcd-explore-m\" style=\"padding-top:0\"><div class=\"ddl-wrap\">\r\n  <div class=\"svcd-card\"><h3>Explore my services<\/h3><nav class=\"svcd-links\"><a href=\"\/services\/ux-ui-design\/\">UX\/UI Design <span>&#8594;<\/span><\/a><a href=\"\/services\/website-development\/\">Website Development <span>&#8594;<\/span><\/a><a href=\"\/services\/seo-services\/\">SEO &amp; Website Ranking <span>&#8594;<\/span><\/a><a href=\"\/services\/web-app-design-services\/\">Web &amp; Mobile App Design <span>&#8594;<\/span><\/a><\/nav><\/div>\r\n<\/div><\/section>\r\n \r\n<section class=\"ddl-section\" style=\"padding-top:0\"><div class=\"svc-cta\" id=\"svcdEndCta\"><h2>Build better, faster, and more clearly <span>with direct, expert collaboration from start to finish.<\/span><\/h2><a class=\"svc-cta__card\" href=\"\/contact\/\"><img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/08\/Dat-strategy-image-941x1024-1.webp\" alt=\"Dat Truong\"><span><b>Get in touch<\/b><small>Let\u2019s talk about your project<\/small><\/span><\/a><\/div><\/section>\r\n \r\n<div class=\"svcd-bar\" id=\"svcdBar\"><span class=\"svcd-bar__txt\">Free consultation<small>No forms, just a real conversation<\/small><\/span><a class=\"ddl-btn ddl-btn--accent\" href=\"\/contact\/\">Get in touch<\/a><\/div>\r\n<script>(function(){var bar=document.getElementById('svcdBar');if(!bar||bar.dataset.init)return;bar.dataset.init='1';var cta=document.getElementById('svcdEndCta'),atEnd=false;function upd(){var show=window.scrollY>600&&!atEnd;bar.classList.toggle('is-in',show);document.body.classList.toggle('svcd-bar-on',show);}if(cta&&'IntersectionObserver'in window){new IntersectionObserver(function(e){atEnd=e[0].isIntersecting;upd();},{rootMargin:'0px 0px -10% 0px'}).observe(cta);}window.addEventListener('scroll',upd,{passive:true});upd();})();<\/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\/UI Design Research-driven UX, clean interface design, and prototypes that bring ideas to life. Home \/ Services \/ UX\/UI Design Designing user experiences that are intuitive, enjoyable, and built to convert Whether you need a new interface, a redesign, or a UX audit to improve an existing product, I use proven UX\/UI methods to create [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":10175,"parent":9050,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-10374","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/datdesignlab.com\/es\/wp-json\/wp\/v2\/pages\/10374","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=10374"}],"version-history":[{"count":4,"href":"https:\/\/datdesignlab.com\/es\/wp-json\/wp\/v2\/pages\/10374\/revisions"}],"predecessor-version":[{"id":10378,"href":"https:\/\/datdesignlab.com\/es\/wp-json\/wp\/v2\/pages\/10374\/revisions\/10378"}],"up":[{"embeddable":true,"href":"https:\/\/datdesignlab.com\/es\/wp-json\/wp\/v2\/pages\/9050"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/datdesignlab.com\/es\/wp-json\/wp\/v2\/media\/10175"}],"wp:attachment":[{"href":"https:\/\/datdesignlab.com\/es\/wp-json\/wp\/v2\/media?parent=10374"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}