{"id":5535,"date":"2025-07-18T07:29:56","date_gmt":"2025-07-18T07:29:56","guid":{"rendered":"https:\/\/floka.casethemes.net\/?page_id=5535"},"modified":"2026-10-19T16:43:38","modified_gmt":"2026-10-19T16:43:38","slug":"portafolio","status":"publish","type":"page","link":"https:\/\/datdesignlab.com\/es\/portfolio\/","title":{"rendered":"Portafolio de UX y dise\u00f1o web | Dat Design Lab"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"5535\" class=\"elementor elementor-5535\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-af777ff e-flex e-con-boxed e-con e-parent\" data-id=\"af777ff\" 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-ae973be elementor-widget elementor-widget-html\" data-id=\"ae973be\" 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  .pf-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  .pf-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  .pf-hero__in{position:relative;z-index:1;max-width:var(--maxw);margin:0 auto;width:100%}\r\n  .pf-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  \/* ---- featured cases: 4 equal cards, 2 per row ---- *\/\r\n  .pf-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px;margin-top:36px}\r\n  .pf-card{display:block;background:var(--card);border-radius:var(--radius);overflow:hidden;\r\n    transition:transform .3s ease,box-shadow .3s ease}\r\n  .pf-card:hover{transform:translateY(-4px);box-shadow:0 26px 50px -28px rgba(0,0,0,.4)}\r\n  .pf-card__media{position:relative;aspect-ratio:16\/10;overflow:hidden;background:#e6e6e6}\r\n  .pf-card__media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease}\r\n  .pf-card:hover .pf-card__media img{transform:scale(1.04)}\r\n  .pf-card__body{padding:24px 24px 26px}\r\n  .pf-card__tags{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--accent-ink);font-weight:600;margin:0 0 10px}\r\n  .pf-card__title{font-family:var(--font-head);font-size:clamp(20px,2.2vw,26px);color:var(--ink);line-height:1.15;margin:0;\r\n    display:flex;justify-content:space-between;align-items:center;gap:14px}\r\n  .pf-card__title .ar{flex:none;width:38px;height:38px;border-radius:50%;background:var(--ink);color:#fff;display:grid;place-items:center;\r\n    font-size:17px;transition:background .25s,transform .25s}\r\n  .pf-card__title .ar svg{width:16px;height:16px}\r\n  .pf-card:hover .pf-card__title .ar{background:var(--accent);color:#111;transform:translate(3px,-3px)}\r\n\r\n  \/* ---- featured result line ---- *\/\r\n  .pf-card__result{margin:14px 0 0;padding-top:14px;border-top:1px solid var(--line);font-size:14px;color:var(--muted)}\r\n  .pf-card__result b{font-family:var(--font-head);color:var(--accent-ink);font-size:18px;font-weight:600;margin-right:4px}\r\n\r\n  \/* ---- more work: compact cards ---- *\/\r\n  .pf-more{margin-top:56px}\r\n  .pf-more__head{display:flex;justify-content:space-between;align-items:baseline}\r\n  .pf-more__hint{display:none;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted-2)}\r\n  .pf-mini-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:18px}\r\n  .pf-mini{display:block;background:var(--card);border-radius:var(--radius);overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}\r\n  .pf-mini:hover{transform:translateY(-3px);box-shadow:0 20px 40px -26px rgba(0,0,0,.4)}\r\n  .pf-mini__media{aspect-ratio:16\/10;overflow:hidden;background:#e6e6e6}\r\n  .pf-mini__media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease}\r\n  .pf-mini:hover .pf-mini__media img{transform:scale(1.04)}\r\n  .pf-mini__body{padding:16px 18px 18px}\r\n  .pf-mini__body .pf-card__tags{font-size:11px;margin-bottom:6px}\r\n  .pf-mini__title{font-family:var(--font-head);font-size:17px;line-height:1.25;color:var(--ink);margin:0}\r\n\r\n  \/* ---- brands served ---- *\/\r\n  .pf-brands{margin-top:64px}\r\n  .pf-brands__grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}\r\n  .pf-brand{padding:34px 18px;text-align:center;border-right:1px solid var(--line);border-bottom:1px solid var(--line);\r\n    font-family:var(--font-head);font-weight:600;font-size:18px;color:var(--muted-2);display:grid;place-items:center;min-height:104px}\r\n  .pf-brand img{max-height:42px;max-width:80%;width:auto;object-fit:contain;display:block;opacity:.85;transition:opacity .25s}\r\n  .pf-brand:hover img{opacity:1}\r\n  .pf-brand--cta{color:var(--ink)}\r\n  .pf-brand--cta a{color:var(--accent-ink);font-size:13px;letter-spacing:.06em;text-transform:uppercase}\r\n  .pf-brand--cta small{display:block;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted-2);margin-bottom:6px;font-weight:400}\r\n\r\n  \/* ---- testimonials (reused from homepage) ---- *\/\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  .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  .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  \/* ---- cta ---- *\/\r\n  .pf-cta{text-align:center;padding:clamp(56px,8vw,96px) var(--pad) clamp(40px,6vw,64px)}\r\n  .pf-cta h2{font-size:clamp(28px,4.5vw,50px);color:var(--ink);max-width:22ch;margin:0 auto;line-height:1.1}\r\n  .pf-cta h2 span{color:var(--muted-2)}\r\n  .pf-cta__card{display:inline-flex;align-items:center;gap:14px;background:var(--card);border-radius:999px;\r\n    padding:10px 24px 10px 10px;margin-top:32px;box-shadow:0 24px 44px -26px rgba(0,0,0,.45);text-align:left}\r\n  .pf-cta__card img{width:46px;height:46px;border-radius:50%;object-fit:cover}\r\n  .pf-cta__card b{font-family:var(--font-head);color:var(--ink);font-size:15px;display:block}\r\n  .pf-cta__card small{color:var(--muted-2);font-size:13px}\r\n  .pf-cta__card:hover{transform:translateY(-2px);transition:transform .2s}\r\n\r\n  \/* ---- responsive ---- *\/\r\n  @media(max-width:820px){\r\n    .pf-grid{grid-template-columns:1fr}\r\n    .pf-mini-grid{grid-template-columns:repeat(2,1fr)}\r\n    .pf-brands__grid{grid-template-columns:repeat(2,1fr)}\r\n  }\r\n  @media(prefers-reduced-motion:reduce){.ddl-tst__track{animation:none}}\r\n  @media(max-width:760px){\r\n    .pf-more__hint{display:block}\r\n    .pf-mini-grid{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;\r\n      scrollbar-width:none;margin-right:calc(-1 * var(--pad));padding-right:var(--pad);padding-bottom:4px}\r\n    .pf-mini-grid::-webkit-scrollbar{display:none}\r\n    .pf-mini{flex:0 0 78%;scroll-snap-align:start}\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;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}\r\n  }\r\n<\/style>\r\n\r\n<!-- HERO -->\r\n<section class=\"pf-hero\"><div class=\"pf-hero__in\">\r\n  <p class=\"ddl-eyebrow\" style=\"color:var(--accent)\">Selected Work<\/p>\r\n  <h1>Portfolio<\/h1>\r\n<\/div><\/section>\r\n\r\n<!-- FEATURED CASES -->\r\n<section class=\"ddl-section\"><div class=\"ddl-wrap\">\r\n  <p class=\"ddl-eyebrow\">Featured Cases<\/p>\r\n  <h2 class=\"ddl-title\">Real projects, real outcomes.<\/h2>\r\n  <div class=\"pf-grid\">\r\n    <a class=\"pf-card\" href=\"\/portfolio\/bus24-website-redesign\/\">\r\n      <div class=\"pf-card__media\"><img loading=\"lazy\" src=\"\/wp-content\/uploads\/2026\/10\/featured-bus24-1024x640.webp\" srcset=\"\/wp-content\/uploads\/2026\/10\/featured-bus24-768x480.webp 768w, \/wp-content\/uploads\/2026\/10\/featured-bus24-1024x640.webp 1024w\" sizes=\"auto, (max-width:820px) 100vw, 540px\" width=\"1024\" height=\"640\" alt=\"Bus24 website redesign\" loading=\"lazy\" decoding=\"async\"><\/div>\r\n      <div class=\"pf-card__body\">\r\n        <p class=\"pf-card__tags\">SEO &middot; UX Design &middot; Website Development<\/p>\r\n        <h3 class=\"pf-card__title\">Revitalizing a Transport Brand Online <span class=\"ar\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M7 17 17 7M9 7h8v8\"\/><\/svg><\/span><\/h3>\r\n        <p class=\"pf-card__result\"><b>+300%<\/b> organic traffic after the redesign<\/p>\r\n      <\/div>\r\n    <\/a>\r\n    <a class=\"pf-card\" href=\"\/portfolio\/sonder-services-website\/\">\r\n      <div class=\"pf-card__media\"><img loading=\"lazy\" src=\"\/wp-content\/uploads\/2026\/10\/featured-sonder-1024x640.webp\" srcset=\"\/wp-content\/uploads\/2026\/10\/featured-sonder-768x480.webp 768w, \/wp-content\/uploads\/2026\/10\/featured-sonder-1024x640.webp 1024w\" sizes=\"auto, (max-width:820px) 100vw, 540px\" width=\"1024\" height=\"640\" alt=\"Sonder Services website\" loading=\"lazy\" decoding=\"async\"><\/div>\r\n      <div class=\"pf-card__body\">\r\n        <p class=\"pf-card__tags\">Web Design &middot; Development &middot; SEO<\/p>\r\n        <h3 class=\"pf-card__title\">A Focused Site for a Google Ads Agency <span class=\"ar\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M7 17 17 7M9 7h8v8\"\/><\/svg><\/span><\/h3>\r\n        <p class=\"pf-card__result\"><b>3x<\/b> audit enquiries in the first quarter<\/p>\r\n      <\/div>\r\n    <\/a>\r\n    <a class=\"pf-card\" href=\"\/portfolio\/barcelona-party-pass-website\/\">\r\n      <div class=\"pf-card__media\"><img loading=\"lazy\" src=\"\/wp-content\/uploads\/2026\/10\/featured-barcelona-party-pass-1024x640.webp\" srcset=\"\/wp-content\/uploads\/2026\/10\/featured-barcelona-party-pass-768x480.webp 768w, \/wp-content\/uploads\/2026\/10\/featured-barcelona-party-pass-1024x640.webp 1024w\" sizes=\"auto, (max-width:820px) 100vw, 540px\" width=\"1024\" height=\"640\" alt=\"Barcelona Party Pass website\" loading=\"lazy\" decoding=\"async\"><\/div>\r\n      <div class=\"pf-card__body\">\r\n        <p class=\"pf-card__tags\">Web Design &middot; Development &middot; SEO<\/p>\r\n        <h3 class=\"pf-card__title\">Turning a Barcelona Pub Crawl Into Bookings <span class=\"ar\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M7 17 17 7M9 7h8v8\"\/><\/svg><\/span><\/h3>\r\n        <p class=\"pf-card__result\"><b>4x<\/b> online bookings vs. the old site<\/p>\r\n      <\/div>\r\n    <\/a>\r\n    <a class=\"pf-card\" href=\"\/portfolio\/krakow-tasty-tour-website\/\">\r\n      <div class=\"pf-card__media\"><img loading=\"lazy\" src=\"\/wp-content\/uploads\/2026\/10\/featured-krakow-tasty-tour-1024x640.webp\" srcset=\"\/wp-content\/uploads\/2026\/10\/featured-krakow-tasty-tour-768x480.webp 768w, \/wp-content\/uploads\/2026\/10\/featured-krakow-tasty-tour-1024x640.webp 1024w\" sizes=\"auto, (max-width:820px) 100vw, 540px\" width=\"1024\" height=\"640\" alt=\"Krakow Tasty Tour website\" loading=\"lazy\" decoding=\"async\"><\/div>\r\n      <div class=\"pf-card__body\">\r\n        <p class=\"pf-card__tags\">Shopify &middot; Web Design &middot; SEO<\/p>\r\n        <h3 class=\"pf-card__title\">Selling a Krak&oacute;w Food Tour Online <span class=\"ar\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M7 17 17 7M9 7h8v8\"\/><\/svg><\/span><\/h3>\r\n        <p class=\"pf-card__result\"><b>Top 3<\/b> for &ldquo;Krakow food tour&rdquo; in ~4 months<\/p>\r\n      <\/div>\r\n    <\/a>\r\n  <\/div>\r\n\r\n  <!-- MORE WORK: compact grid (swipe row on phones) -->\r\n  <div class=\"pf-more\">\r\n    <div class=\"pf-more__head\"><p class=\"ddl-eyebrow\">More Work<\/p><span class=\"pf-more__hint\">Swipe &rarr;<\/span><\/div>\r\n    <div class=\"pf-mini-grid\">\r\n    <a class=\"pf-mini\" href=\"\/portfolio\/barcelona-pub-crawl-website\/\">\r\n      <div class=\"pf-mini__media\"><img loading=\"lazy\" src=\"\/wp-content\/uploads\/2026\/10\/featured-barcelona-pub-crawl-1024x640.webp\" srcset=\"\/wp-content\/uploads\/2026\/10\/featured-barcelona-pub-crawl-768x480.webp 768w, \/wp-content\/uploads\/2026\/10\/featured-barcelona-pub-crawl-1024x640.webp 1024w\" sizes=\"auto, (max-width:760px) 78vw, 260px\" width=\"1024\" height=\"640\" alt=\"Barcelona Pub Crawl website\" loading=\"lazy\" decoding=\"async\"><\/div>\r\n      <div class=\"pf-mini__body\">\r\n        <p class=\"pf-card__tags\">Web Design &middot; Development &middot; SEO<\/p>\r\n        <h3 class=\"pf-mini__title\">A Pub Crawl Site Built to Sell Tonight<\/h3>\r\n      <\/div>\r\n    <\/a>\r\n    <a class=\"pf-mini\" href=\"\/portfolio\/industricta-website\/\">\r\n      <div class=\"pf-mini__media\"><img loading=\"lazy\" src=\"\/wp-content\/uploads\/2026\/10\/featured-industricta-1024x640.webp\" srcset=\"\/wp-content\/uploads\/2026\/10\/featured-industricta-768x480.webp 768w, \/wp-content\/uploads\/2026\/10\/featured-industricta-1024x640.webp 1024w\" sizes=\"auto, (max-width:760px) 78vw, 260px\" width=\"1024\" height=\"640\" alt=\"Industricta engineering office website\" loading=\"lazy\" decoding=\"async\"><\/div>\r\n      <div class=\"pf-mini__body\">\r\n        <p class=\"pf-card__tags\">Web Design &middot; Development &middot; SEO &middot; GBP<\/p>\r\n        <h3 class=\"pf-mini__title\">Putting an Engineering Office Online for the First Time<\/h3>\r\n      <\/div>\r\n    <\/a>\r\n    <a class=\"pf-mini\" href=\"\/portfolio\/ttm-store-shopify-redesign\/\">\r\n      <div class=\"pf-mini__media\"><img loading=\"lazy\" src=\"\/wp-content\/uploads\/2026\/10\/featured-ttm-store-1024x640.webp\" srcset=\"\/wp-content\/uploads\/2026\/10\/featured-ttm-store-768x480.webp 768w, \/wp-content\/uploads\/2026\/10\/featured-ttm-store-1024x640.webp 1024w\" sizes=\"auto, (max-width:760px) 78vw, 260px\" width=\"1024\" height=\"640\" alt=\"TTM-Store Shopify redesign\" loading=\"lazy\" decoding=\"async\"><\/div>\r\n      <div class=\"pf-mini__body\">\r\n        <p class=\"pf-card__tags\">Shopify &middot; E-Commerce Redesign<\/p>\r\n        <h3 class=\"pf-mini__title\">Rebuilding a Table Tennis Store for Conversion<\/h3>\r\n      <\/div>\r\n    <\/a>\r\n    <a class=\"pf-mini\" href=\"\/portfolio\/hotspot-travels-website\/\">\r\n      <div class=\"pf-mini__media\"><img loading=\"lazy\" src=\"\/wp-content\/uploads\/2026\/10\/featured-hotspot-1024x640.webp\" srcset=\"\/wp-content\/uploads\/2026\/10\/featured-hotspot-768x480.webp 768w, \/wp-content\/uploads\/2026\/10\/featured-hotspot-1024x640.webp 1024w\" sizes=\"auto, (max-width:760px) 78vw, 260px\" width=\"1024\" height=\"640\" alt=\"Hotspot Travels website\" loading=\"lazy\" decoding=\"async\"><\/div>\r\n      <div class=\"pf-mini__body\">\r\n        <p class=\"pf-card__tags\">Web Design &middot; Development<\/p>\r\n        <h3 class=\"pf-mini__title\">Launching a Travel Brand on a Deadline<\/h3>\r\n      <\/div>\r\n    <\/a>\r\n    <a class=\"pf-mini\" href=\"\/portfolio\/skipthedrive-homepage-redesign\/\">\r\n      <div class=\"pf-mini__media\"><img loading=\"lazy\" src=\"\/wp-content\/uploads\/2026\/10\/featured-skipthedrive-1024x640.webp\" srcset=\"\/wp-content\/uploads\/2026\/10\/featured-skipthedrive-768x480.webp 768w, \/wp-content\/uploads\/2026\/10\/featured-skipthedrive-1024x640.webp 1024w\" sizes=\"auto, (max-width:760px) 78vw, 260px\" width=\"1024\" height=\"640\" alt=\"SkipTheDrive homepage redesign\" loading=\"lazy\" decoding=\"async\"><\/div>\r\n      <div class=\"pf-mini__body\">\r\n        <p class=\"pf-card__tags\">UX Design &middot; UI Design<\/p>\r\n        <h3 class=\"pf-mini__title\">Redesigning a Remote Job Board Homepage<\/h3>\r\n      <\/div>\r\n    <\/a>\r\n    <a class=\"pf-mini\" href=\"\/portfolio\/replik-arsivi-app-design\/\">\r\n      <div class=\"pf-mini__media\"><img loading=\"lazy\" src=\"\/wp-content\/uploads\/2026\/10\/featured-replik-1024x640.webp\" srcset=\"\/wp-content\/uploads\/2026\/10\/featured-replik-768x480.webp 768w, \/wp-content\/uploads\/2026\/10\/featured-replik-1024x640.webp 1024w\" sizes=\"auto, (max-width:760px) 78vw, 260px\" width=\"1024\" height=\"640\" alt=\"Replik Arsivi soundboard app design\" loading=\"lazy\" decoding=\"async\"><\/div>\r\n      <div class=\"pf-mini__body\">\r\n        <p class=\"pf-card__tags\">Mobile App Design &middot; UX\/UI<\/p>\r\n        <h3 class=\"pf-mini__title\">Designing a Cultural Soundboard App<\/h3>\r\n      <\/div>\r\n    <\/a>\r\n    <a class=\"pf-mini\" href=\"\/portfolio\/tuningbox-ux-audit\/\">\r\n      <div class=\"pf-mini__media\"><img loading=\"lazy\" src=\"\/wp-content\/uploads\/2026\/10\/featured-tuningbox-1024x640.webp\" srcset=\"\/wp-content\/uploads\/2026\/10\/featured-tuningbox-768x480.webp 768w, \/wp-content\/uploads\/2026\/10\/featured-tuningbox-1024x640.webp 1024w\" sizes=\"auto, (max-width:760px) 78vw, 260px\" width=\"1024\" height=\"640\" alt=\"TuningBox e-commerce UX audit\" loading=\"lazy\" decoding=\"async\"><\/div>\r\n      <div class=\"pf-mini__body\">\r\n        <p class=\"pf-card__tags\">UX Audit<\/p>\r\n        <h3 class=\"pf-mini__title\">UX Audit for a Smoother E-Commerce Experience<\/h3>\r\n      <\/div>\r\n    <\/a>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- BRANDS & TEAMS SERVED -->\r\n  <div class=\"pf-brands\">\r\n    <p class=\"ddl-eyebrow\">Brands &amp; Teams Served<\/p>\r\n    <div class=\"pf-brands__grid\">\r\n      <div class=\"pf-brand\"><img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/11\/sonder-services-company-logo.webp\" alt=\"Sonder Services\" loading=\"lazy\"><\/div>\r\n      <div class=\"pf-brand\"><img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/11\/bus24-company-logo.webp\" alt=\"Bus24\" loading=\"lazy\"><\/div>\r\n      <div class=\"pf-brand\"><img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/11\/webxd-company-logo-2.webp\" alt=\"WebXd\" loading=\"lazy\"><\/div>\r\n      <div class=\"pf-brand\"><img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/11\/skipthedrive-company-logo.webp\" alt=\"SkipTheDrive\" loading=\"lazy\"><\/div>\r\n      <div class=\"pf-brand\"><img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/11\/tasty-food-tour-company-logo.webp\" alt=\"Tasty Food Tour\" loading=\"lazy\"><\/div>\r\n      <div class=\"pf-brand\"><img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/11\/barcelona-party-pass-company-logo.webp\" alt=\"Barcelona Party Pass\" loading=\"lazy\"><\/div>\r\n      <div class=\"pf-brand\"><img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/11\/replik-arsivi-company-logo.webp\" alt=\"Replik Arsivi\" loading=\"lazy\"><\/div>\r\n      <div class=\"pf-brand pf-brand--cta\"><a href=\"\/contact\/\"><small>Next could be you<\/small>Let&rsquo;s talk &#8594;<\/a><\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/div><\/section>\r\n\r\n<!-- TESTIMONIALS -->\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    <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      <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    <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      <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    <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      <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  <\/div>\r\n<\/section>\r\n\r\n<!-- CTA -->\r\n<section class=\"ddl-section\" style=\"padding-top:0\"><div class=\"pf-cta\">\r\n  <h2>Build better, faster, and more clearly <span>with direct, expert collaboration from start to finish.<\/span><\/h2>\r\n  <a class=\"pf-cta__card\" href=\"\/contact\/\">\r\n    <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/08\/Dat-strategy-image-941x1024-1.webp\" alt=\"Dat Truong\">\r\n    <span><b>Get in touch<\/b><small>Let&rsquo;s talk about your project<\/small><\/span>\r\n  <\/a>\r\n<\/div><\/section>\r\n\r\n<script type=\"application\/ld+json\">{\"@context\":\"https:\/\/schema.org\",\"@type\":\"CollectionPage\",\"name\":\"Portfolio\",\"url\":\"https:\/\/datdesignlab.com\/portfolio\/\",\"mainEntity\":{\"@type\":\"ItemList\",\"itemListElement\":[\r\n{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Revitalizing a Transport Brand Online\",\"url\":\"https:\/\/datdesignlab.com\/portfolio\/bus24-website-redesign\/\"},\r\n{\"@type\":\"ListItem\",\"position\":2,\"name\":\"A Focused Site for a Google Ads Agency\",\"url\":\"https:\/\/datdesignlab.com\/portfolio\/sonder-services-website\/\"},\r\n{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Turning a Barcelona Pub Crawl Into Bookings\",\"url\":\"https:\/\/datdesignlab.com\/portfolio\/barcelona-party-pass-website\/\"},\r\n{\"@type\":\"ListItem\",\"position\":4,\"name\":\"Selling a Krak\u00f3w Food Tour Online\",\"url\":\"https:\/\/datdesignlab.com\/portfolio\/krakow-tasty-tour-website\/\"},\r\n{\"@type\":\"ListItem\",\"position\":5,\"name\":\"A Pub Crawl Site Built to Sell Tonight\",\"url\":\"https:\/\/datdesignlab.com\/portfolio\/barcelona-pub-crawl-website\/\"},\r\n{\"@type\":\"ListItem\",\"position\":6,\"name\":\"Putting an Engineering Office Online for the First Time\",\"url\":\"https:\/\/datdesignlab.com\/portfolio\/industricta-website\/\"},\r\n{\"@type\":\"ListItem\",\"position\":7,\"name\":\"Rebuilding a Table Tennis Store for Conversion\",\"url\":\"https:\/\/datdesignlab.com\/portfolio\/ttm-store-shopify-redesign\/\"},\r\n{\"@type\":\"ListItem\",\"position\":8,\"name\":\"Launching a Travel Brand on a Deadline\",\"url\":\"https:\/\/datdesignlab.com\/portfolio\/hotspot-travels-website\/\"},\r\n{\"@type\":\"ListItem\",\"position\":9,\"name\":\"Redesigning a Remote Job Board Homepage\",\"url\":\"https:\/\/datdesignlab.com\/portfolio\/skipthedrive-homepage-redesign\/\"},\r\n{\"@type\":\"ListItem\",\"position\":10,\"name\":\"Designing a Cultural Soundboard App\",\"url\":\"https:\/\/datdesignlab.com\/portfolio\/replik-arsivi-app-design\/\"},\r\n{\"@type\":\"ListItem\",\"position\":11,\"name\":\"UX Audit for a Smoother E-Commerce Experience\",\"url\":\"https:\/\/datdesignlab.com\/portfolio\/tuningbox-ux-audit\/\"}]}}<\/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\":\"Portfolio\",\"item\":\"https:\/\/datdesignlab.com\/portfolio\/\"}]}<\/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>Selected Work Portfolio Featured Cases Real projects, real outcomes. SEO &middot; UX Design &middot; Website Development Revitalizing a Transport Brand Online +300% organic traffic after the redesign Web Design &middot; Development &middot; SEO A Focused Site for a Google Ads Agency 3x audit enquiries in the first quarter Web Design &middot; Development &middot; SEO Turning [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":9566,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-5535","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/datdesignlab.com\/es\/wp-json\/wp\/v2\/pages\/5535","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=5535"}],"version-history":[{"count":38,"href":"https:\/\/datdesignlab.com\/es\/wp-json\/wp\/v2\/pages\/5535\/revisions"}],"predecessor-version":[{"id":10976,"href":"https:\/\/datdesignlab.com\/es\/wp-json\/wp\/v2\/pages\/5535\/revisions\/10976"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/datdesignlab.com\/es\/wp-json\/wp\/v2\/media\/9566"}],"wp:attachment":[{"href":"https:\/\/datdesignlab.com\/es\/wp-json\/wp\/v2\/media?parent=5535"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}