{"id":10625,"date":"2026-07-10T16:20:10","date_gmt":"2026-07-10T16:20:10","guid":{"rendered":"https:\/\/datdesignlab.com\/?page_id=10625"},"modified":"2026-10-19T16:03:40","modified_gmt":"2026-10-19T16:03:40","slug":"rediseno-shopify-ttm-store","status":"publish","type":"page","link":"https:\/\/datdesignlab.com\/es\/portfolio\/ttm-store-shopify-redesign\/","title":{"rendered":"Caso de estudio: redise\u00f1o en Shopify de TTM-Store | Dat Design Lab"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"10625\" class=\"elementor elementor-10625\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7e43203 e-flex e-con-boxed e-con e-parent\" data-id=\"7e43203\" 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-a440586 elementor-widget elementor-widget-html\" data-id=\"a440586\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>@import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600&display=swap');@import url('https:\/\/api.fontshare.com\/v2\/css?f[]=satoshi@500,600,700&display=swap');.ddl-cs{--accent:#B9B27A;--accent-d:#8E875A;--ink:#0b0c0e;--body:#5b5b60;--bg:#f6f6f6;--line:#e7e7ea;--radius:18px;--radius-lg:28px;--maxw:1120px}.ddl-cs *{box-sizing:border-box;margin:0;padding:0}.ddl-cs{scroll-behavior:smooth}.ddl-cs{font-family:'Inter',system-ui,-apple-system,sans-serif;font-size:18px;line-height:1.65;color:var(--body);background:var(--bg);-webkit-font-smoothing:antialiased}.ddl-cs h1,.ddl-cs h2,.ddl-cs h3,.ddl-cs h4,.ddl-cs .wm{font-family:'Satoshi','Inter',system-ui,sans-serif;color:var(--ink);letter-spacing:-.01em}.ddl-cs h1{font-weight:500;font-size:clamp(34px,5vw,54px);line-height:1.06}.ddl-cs h2{font-weight:500;font-size:clamp(26px,3.4vw,36px);line-height:1.12}.ddl-cs h3{font-weight:600;font-size:19px}.ddl-cs a{color:inherit;text-decoration:none}.ddl-cs .wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px}.ddl-cs .eyebrow{font-family:'Satoshi',sans-serif;font-weight:600;font-size:12.5px;letter-spacing:.16em;text-transform:uppercase;color:#7A7245}.ddl-cs .btn{display:inline-flex;align-items:center;gap:.5em;font-family:'Satoshi',sans-serif;font-weight:600;font-size:15px;padding:13px 24px;border-radius:999px;background:var(--accent);color:#0b0c0e;transition:.2s;border:0;cursor:pointer}.ddl-cs .btn:hover{background:var(--accent-d);color:#fff;transform:translateY(-1px)}.ddl-cs .btn.ghost{background:transparent;color:var(--ink);border:1.5px solid var(--ink)}.ddl-cs .btn.ghost:hover{background:var(--ink);color:#fff}.ddl-cs .btn.light{background:#fff;color:var(--ink)}.ddl-cs .btn.light:hover{background:var(--accent);color:#fff}.ddl-cs .nav{position:sticky;top:0;z-index:50;background:rgba(246,246,246,.82);backdrop-filter:saturate(1.4) blur(12px);border-bottom:1px solid var(--line)}.ddl-cs .nav .wrap{display:flex;align-items:center;justify-content:space-between;height:70px}.ddl-cs .brand{display:flex;align-items:center;gap:10px;font-family:'Satoshi',sans-serif;font-weight:700;font-size:19px;color:var(--ink)}.ddl-cs .brand .mk{width:26px;height:26px;border-radius:7px;background:var(--accent);display:grid;place-items:center;color:#fff;font-size:13px;font-weight:800;transform:rotate(-6deg)}.ddl-cs .menu{display:flex;align-items:center;gap:26px}.ddl-cs .menu a{font-size:15px;font-weight:500;color:#2a2a2e}.ddl-cs .menu a:hover{color:var(--accent)}@media(max-width:860px){.ddl-cs .menu a:not(.btn){display:none}}.ddl-cs .draft{background:#fff7d6;border-bottom:1px solid #f0e2a0;color:#6b5a12;font-size:13.5px}.ddl-cs .draft .wrap{padding:11px 24px;display:flex;gap:12px;align-items:flex-start;justify-content:space-between}.ddl-cs .draft b{color:#5a4a08}.ddl-cs .draft button{border:0;background:#6b5a12;color:#fff;border-radius:8px;padding:5px 11px;font-size:12px;cursor:pointer;flex:none}.ddl-cs .draft ul{margin:6px 0 0 18px;padding:0}.ddl-cs .draft.hide{display:none}.ddl-cs .hero{background:var(--ink);color:#fff;position:relative;overflow:hidden;max-width:1200px;margin:18px auto;border-radius:var(--radius-lg)}.ddl-cs .hero:before{content:\"\";position:absolute;inset:0;background:radial-gradient(60% 90% at 78% 0%,rgba(185,178,122,.34),transparent 60%),radial-gradient(50% 70% at 0% 100%,rgba(142,135,90,.28),transparent 55%)}.ddl-cs .hero .wrap{position:relative;padding:26px 24px 0}.ddl-cs .crumbs{font-size:13px;color:#9a9aa2;margin-bottom:26px}.ddl-cs .crumbs a:hover{color:#fff}.ddl-cs .hero h1{color:#fff;max-width:15ch}.ddl-cs .hero .lede{color:#c7c7cf;font-size:clamp(17px,2vw,20px);max-width:56ch;margin-top:16px}.ddl-cs .hero-inner{padding-bottom:56px}.ddl-cs .metastrip{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:34px;padding-top:26px;border-top:1px solid rgba(255,255,255,.12)}.ddl-cs .metastrip .k{font-size:11.5px;letter-spacing:.13em;text-transform:uppercase;color:#8a8a92;font-weight:600;font-family:'Satoshi',sans-serif}.ddl-cs .metastrip .v{color:#fff;font-weight:500;font-family:'Satoshi',sans-serif;margin-top:5px;font-size:15.5px}@media(max-width:720px){.ddl-cs .metastrip{grid-template-columns:repeat(2,1fr);gap:18px}}.ddl-cs .frame{background:#111214;border-radius:14px;box-shadow:0 40px 80px -30px rgba(0,0,0,.6);overflow:hidden;border:1px solid rgba(255,255,255,.08)}.ddl-cs .frame .bar{height:38px;background:#1b1c1f;display:flex;align-items:center;gap:7px;padding:0 14px;border-bottom:1px solid rgba(255,255,255,.06)}.ddl-cs .frame .dot{width:11px;height:11px;border-radius:50%;background:#3a3b3f}.ddl-cs .frame .url{margin-left:12px;font-size:12px;color:#8a8a92;background:#111214;border-radius:6px;padding:4px 12px;flex:1;max-width:340px;font-family:'Inter'}.ddl-cs .videoslot{position:relative;aspect-ratio:16\/9;background:linear-gradient(135deg,#17181b,#232427);display:grid;place-items:center;color:#8a8a92}.ddl-cs .videoslot .play{width:74px;height:74px;border-radius:50%;background:var(--accent);display:grid;place-items:center;box-shadow:0 12px 30px -8px rgba(185,178,122,.7);margin-bottom:14px}.ddl-cs .videoslot .play:after{content:\"\";border-left:22px solid #fff;border-top:13px solid transparent;border-bottom:13px solid transparent;margin-left:5px}.ddl-cs .videoslot .cap{font-size:14px}.ddl-cs .videoslot .cap b{color:#cfcfd6;font-family:'Satoshi',sans-serif}.ddl-cs .slot-note{font-size:12px;color:#7a7a82;margin-top:9px}.ddl-cs .hero .frame{margin-top:40px}.ddl-cs .hero-media{margin-top:40px}.ddl-cs .hero-media img,.ddl-cs .hero-media video{display:block;width:100%;height:auto;border-radius:16px;box-shadow:0 40px 80px -30px rgba(0,0,0,.6);border:1px solid rgba(255,255,255,.08)}.ddl-cs .hero-media video{aspect-ratio:16\/9;object-fit:cover;background:#0a0a0a}@media(max-width:760px){.ddl-cs .hero-media video{aspect-ratio:4\/5}}.ddl-cs section{max-width:1200px;margin:18px auto;background:#fff;border-radius:var(--radius-lg);padding:clamp(44px,6vw,76px) 0}.ddl-cs .sec-plain{background:transparent;padding:0}.ddl-cs .sec-head{max-width:60ch}.ddl-cs .sec-head h2{margin-top:12px}.ddl-cs .lead{font-size:clamp(18px,2.1vw,21px);color:#3c3c42;margin-top:16px}.ddl-cs .grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:40px}@media(max-width:820px){.ddl-cs .grid3{grid-template-columns:1fr}}.ddl-cs .card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:26px}.ddl-cs .card .n{width:38px;height:38px;border-radius:10px;background:rgba(185,178,122,.18);color:#7A7245;display:grid;place-items:center;font-family:'Satoshi';font-weight:700;margin-bottom:16px}.ddl-cs .card h3{margin-bottom:7px}.ddl-cs .card p{font-size:15.5px}.ddl-cs .band{background:var(--ink);color:#fff;border-radius:var(--radius-lg);padding:clamp(34px,5vw,58px);position:relative;overflow:hidden}.ddl-cs .band:before{content:\"\";position:absolute;inset:0;background:radial-gradient(50% 120% at 100% 0%,rgba(185,178,122,.26),transparent 60%)}.ddl-cs .band>*{position:relative}.ddl-cs .band .eyebrow{color:#D9D3A3}.ddl-cs .metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:34px}@media(max-width:900px){.ddl-cs .metrics{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){.ddl-cs .metrics{grid-template-columns:1fr}}.ddl-cs .metric{border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:22px}.ddl-cs .metric .num{font-family:'Satoshi';font-weight:700;font-size:clamp(28px,3.2vw,40px);color:#fff;line-height:1.05}.ddl-cs .metric.ph .num{color:#D9D3A3;border-bottom:2px dashed rgba(217,211,163,.5);display:inline-block;padding-bottom:2px}.ddl-cs .metric .lb{color:#b6b6bf;margin-top:12px;font-size:14.5px}.ddl-cs .qual{color:#c7c7cf;margin-top:26px;max-width:62ch;font-size:16px}.ddl-cs .delivered{display:grid;grid-template-columns:1fr 1fr;gap:12px 34px;margin-top:34px;list-style:none}.ddl-cs .delivered li{display:flex;gap:12px;align-items:flex-start;font-size:16px;color:#3c3c42;padding:9px 0;border-bottom:1px solid var(--line)}.ddl-cs .delivered .ck{color:#7A7245;flex:none;font-weight:800;margin-top:1px}@media(max-width:720px){.ddl-cs .delivered{grid-template-columns:1fr}}.ddl-cs .media-wrap{margin-top:10px}.ddl-cs .carousel{position:relative;border-radius:14px;overflow:hidden;background:#111}.ddl-cs .track{display:flex;transition:transform .5s cubic-bezier(.6,0,.2,1)}.ddl-cs .slide{min-width:100%;aspect-ratio:16\/10;position:relative}.ddl-cs .slide img{width:100%;height:100%;object-fit:cover;object-position:top center;display:block}.ddl-cs .ph-shot{width:100%;height:100%;display:grid;place-items:center;color:#6d6d76;background:\r\n  linear-gradient(135deg,#e9e9ee,#f6f6f8);border:0}.ddl-cs .slide:nth-child(odd) .ph-shot{background:linear-gradient(135deg,#eceaf0,#f4f2f7)}.ddl-cs .ph-shot .lab{text-align:center}.ddl-cs .ph-shot .lab b{font-family:'Satoshi';color:#4a4a52;font-size:16px}.ddl-cs .ph-shot .lab span{font-size:12.5px;color:#8a8a92}.ddl-cs .car-btn{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,.92);border:0;cursor:pointer;display:grid;place-items:center;font-size:20px;color:#111;box-shadow:0 6px 18px -6px rgba(0,0,0,.4);z-index:3}.ddl-cs .car-btn.prev{left:16px}.ddl-cs .car-btn.next{right:16px}.ddl-cs .dots{display:flex;gap:8px;justify-content:center;margin-top:18px}.ddl-cs .dots button{width:9px;height:9px;border-radius:50%;background:#cfcfd6;border:0;cursor:pointer;padding:0}.ddl-cs .dots button.on{background:var(--accent);width:24px;border-radius:5px}.ddl-cs .car-caption{text-align:center;font-family:'Satoshi','Inter',sans-serif;font-weight:600;font-size:14.5px;color:var(--ink);margin-top:16px;letter-spacing:.01em}.ddl-cs .ba{position:relative;border-radius:14px;overflow:hidden;aspect-ratio:16\/10;user-select:none;touch-action:none;background:#111}.ddl-cs .ba .layer{position:absolute;inset:0}.ddl-cs .ba .after .ph-shot{background:linear-gradient(135deg,#e7f0ea,#f2f7f4)}.ddl-cs .ba .before{clip-path:inset(0 50% 0 0)}.ddl-cs .ba .before .ph-shot{background:linear-gradient(135deg,#efe7e7,#f7f2f2)}.ddl-cs .ba .tag{position:absolute;top:14px;font-family:'Satoshi';font-weight:600;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:#fff;background:rgba(0,0,0,.55);padding:6px 12px;border-radius:999px}.ddl-cs .ba .tag.b{left:14px}.ddl-cs .ba .tag.a{right:14px}.ddl-cs .ba .handle{position:absolute;top:0;bottom:0;left:50%;width:3px;background:#fff;transform:translateX(-1.5px);z-index:4}.ddl-cs .ba .grip{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:44px;height:44px;border-radius:50%;background:#fff;box-shadow:0 6px 18px -4px rgba(0,0,0,.5);display:grid;place-items:center;color:var(--accent);font-weight:800;font-size:15px}.ddl-cs .quote{background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);padding:clamp(30px,5vw,54px);max-width:820px;margin:0 auto;text-align:center}.ddl-cs .stars{color:var(--accent);letter-spacing:3px;font-size:19px}.ddl-cs .quote p{font-family:'Satoshi';font-weight:500;color:var(--ink);font-size:clamp(20px,2.6vw,26px);line-height:1.4;margin:20px 0 26px}.ddl-cs .quote .who{display:flex;gap:13px;align-items:center;justify-content:center}.ddl-cs .quote .av{width:46px;height:46px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent-d));display:grid;place-items:center;color:#fff;font-family:'Satoshi';font-weight:700}.ddl-cs .quote .who .nm{font-family:'Satoshi';font-weight:600;color:var(--ink);font-size:15px;text-align:left}.ddl-cs .quote .who .rl{font-size:13px;color:var(--body)}.ddl-cs .ph-txt{color:#9a9aa2;font-style:italic}.ddl-cs .q-trans{font-family:'Inter';font-weight:400;color:var(--body);font-size:14.5px;line-height:1.5;margin:-6px 0 22px;max-width:60ch;margin-left:auto;margin-right:auto}.ddl-cs .related{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:36px}.ddl-cs .rel{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:24px;transition:.2s}.ddl-cs .rel:hover{border-color:var(--accent);transform:translateY(-2px)}.ddl-cs .rel .dir{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#7A7245;font-weight:600;font-family:'Satoshi'}.ddl-cs .rel h4{font-family:'Satoshi';font-weight:600;color:var(--ink);margin-top:8px;font-size:18px}@media(max-width:720px){.ddl-cs .related{grid-template-columns:1fr}}.ddl-cs .footcta{padding:0 0 20px}.ddl-cs .footcta .panel{background:var(--ink);color:#fff;border-radius:var(--radius-lg);text-align:center;padding:clamp(44px,7vw,84px) 24px;position:relative;overflow:hidden}.ddl-cs .footcta .panel:before{content:\"\";position:absolute;inset:0;background:radial-gradient(60% 120% at 50% 0%,rgba(185,178,122,.3),transparent 60%)}.ddl-cs .footcta h2{color:#fff;position:relative;max-width:18ch;margin:0 auto}.ddl-cs .footcta p{color:#c7c7cf;position:relative;max-width:48ch;margin:14px auto 26px}.ddl-cs footer.site{border-top:1px solid var(--line);padding:44px 0 30px;color:var(--body)}.ddl-cs footer.site .wrap{display:flex;flex-wrap:wrap;gap:24px;justify-content:space-between;align-items:center}.ddl-cs footer.site .tag{font-family:'Satoshi';font-weight:500;color:var(--ink)}.ddl-cs footer.site .lnks{display:flex;gap:20px;font-size:14px}.ddl-cs footer.site .lnks a:hover{color:var(--accent)}.ddl-cs footer.site .cr{width:100%;border-top:1px solid var(--line);padding-top:20px;font-size:13px;color:#9a9aa2}\r\n<\/style>\r\n<div class=\"ddl-cs\">\r\n<header class=\"hero\"><div class=\"wrap hero-inner\">\r\n<div class=\"crumbs\"><a href=\"https:\/\/datdesignlab.com\/portfolio\/\">Portfolio<\/a> &nbsp;\/&nbsp; TTM-Store<\/div>\r\n<div class=\"eyebrow\">E-commerce \u00b7 Table Tennis Retail<\/div>\r\n<h1>A Conversion-Focused Shopify Redesign for TTM-Store<\/h1>\r\n<p class=\"lede\">The old Shopify store wasn&#x27;t converting, the homepage read more like a blog than a shop, and a cluttered backend made products hard to manage. I redesigned both the front and back end.<\/p>\r\n<div class=\"hero-media\"><video class=\"cs-video\" muted loop playsinline preload=\"none\" data-src-desktop=\"\/wp-content\/uploads\/2026\/10\/ttm-case-study-16x9-1.mp4\" data-src-mobile=\"\/wp-content\/uploads\/2026\/10\/ttm-case-study-4x5-1.mp4\" data-poster-desktop=\"\/wp-content\/uploads\/2026\/10\/ttm-case-study-poster-16x9-1.webp\" data-poster-mobile=\"\/wp-content\/uploads\/2026\/10\/ttm-case-study-poster-4x5-1.webp\" aria-label=\"TTM-Store Shopify redesign: the new store, inner pages and results\"><\/video><\/div>\r\n<div class=\"metastrip\"><div><div class=\"k\">Services<\/div><div class=\"v\">Shopify Redesign, UX, SEO &amp; Ad Pages<\/div><\/div><div><div class=\"k\">Client<\/div><div class=\"v\">TTM-Store<\/div><\/div><div><div class=\"k\">Industry<\/div><div class=\"v\">E-commerce \/ Sports Retail<\/div><\/div><div><div class=\"k\">Location<\/div><div class=\"v\">Germany<\/div><\/div><\/div>\r\n<\/div><\/header>\r\n\r\n<section><div class=\"wrap\"><div class=\"sec-head\"><div class=\"eyebrow\">The Challenge<\/div>\r\n<h2>A store that was hard to shop and hard to manage<\/h2><p class=\"lead\">TTM&#x27;s old Shopify site wasn&#x27;t converting. The homepage read more like a personal blog than a shop, too many categories made products hard to find, and a messy custom backend made it painful for the team to fill in product details. It needed a rebuild on both sides of the screen.<\/p><\/div><\/div><\/section>\r\n\r\n<section><div class=\"wrap\">\r\n<div class=\"sec-head\"><div class=\"eyebrow\">The Approach<\/div><h2>Fix the backend, then rebuild the shopfront<\/h2><\/div>\r\n<div class=\"grid3\"><div class=\"card\"><div class=\"n\">1<\/div><h3>Backend, made usable<\/h3><p>Reworked the messy custom backend so the team knows exactly what to fill in, and it renders properly on the front.<\/p><\/div><div class=\"card\"><div class=\"n\">2<\/div><h3>Homepage &amp; PDPs rebuilt<\/h3><p>A conversion-first homepage, reorganised category pages with better filtering, and dynamic spec tables that build from metafields per product and category.<\/p><\/div><div class=\"card\"><div class=\"n\">3<\/div><h3>Ready for campaigns<\/h3><p>Redesigned About and Contact to match, plus two reusable Facebook\/Instagram ad landing pages the client can reuse for campaigns.<\/p><\/div><\/div><\/div><\/section>\r\n\r\n<section class=\"sec-plain\"><div class=\"band\"><div class=\"eyebrow\">Results &amp; Impact<\/div>\r\n<h2 style=\"color:#fff;margin-top:12px;max-width:20ch\">Faster, cleaner, and converting<\/h2>\r\n<div class=\"metrics\"><div class=\"metric\"><div class=\"num\">+110%<\/div><div class=\"lb\">Store conversion rate<\/div><\/div><div class=\"metric\"><div class=\"num\">\u221267%<\/div><div class=\"lb\">Load time (5.4s \u2192 1.8s)<\/div><\/div><div class=\"metric\"><div class=\"num\">+95%<\/div><div class=\"lb\">Organic traffic, 3 months<\/div><\/div><div class=\"metric\"><div class=\"num\">\u221238%<\/div><div class=\"lb\">Bounce rate<\/div><\/div><\/div>\r\n<p class=\"qual\">The redesign lifted conversion and speed across the board, turning a slow, hard-to-shop store into a fast, focused one.<\/p><\/div><\/section>\r\n\r\n<section><div class=\"wrap\">\r\n<div class=\"sec-head\"><div class=\"eyebrow\">What I Delivered<\/div><h2>A full front-and-back redesign<\/h2><\/div>\r\n<ul class=\"delivered\"><li><span class=\"ck\">\u2713<\/span><span>Backend cleanup &amp; simplification<\/span><\/li><li><span class=\"ck\">\u2713<\/span><span>Conversion-first homepage redesign<\/span><\/li><li><span class=\"ck\">\u2713<\/span><span>Reorganised category pages &amp; filtering<\/span><\/li><li><span class=\"ck\">\u2713<\/span><span>Dynamic product spec tables from metafields<\/span><\/li><li><span class=\"ck\">\u2713<\/span><span>Redesigned About &amp; Contact pages<\/span><\/li><li><span class=\"ck\">\u2713<\/span><span>2 reusable FB\/IG ad landing pages<\/span><\/li><li><span class=\"ck\">\u2713<\/span><span>On-page SEO + homepage copywriting<\/span><\/li><li><span class=\"ck\">\u2713<\/span><span>Faster, cleaner front-end build<\/span><\/li><\/ul><\/div><\/section>\r\n\r\n<section><div class=\"wrap\"><div class=\"sec-head\" style=\"margin-bottom:28px\"><div class=\"eyebrow\">See The Build<\/div>\r\n<h2>A scroll through the redesigned store<\/h2><\/div><div class=\"media-wrap\"><div class=\"frame\"><div class=\"bar\"><span class=\"dot\"><\/span><span class=\"dot\"><\/span><span class=\"dot\"><\/span><span class=\"url\">ttm-store.com<\/span><\/div><div class=\"carousel\"><div class=\"track\"><div class=\"slide\" data-label=\"Homepage &amp; products\"><img decoding=\"async\" src=\"https:\/\/datdesignlab.com\/wp-content\/uploads\/2026\/07\/ttmstore-carousel-products.webp\" alt=\"Homepage &amp; products\" loading=\"lazy\"><\/div><div class=\"slide\" data-label=\"Play-style collections\"><img decoding=\"async\" src=\"https:\/\/datdesignlab.com\/wp-content\/uploads\/2026\/07\/ttmstore-carousel-collection.webp\" alt=\"Play-style collections\" loading=\"lazy\"><\/div><div class=\"slide\" data-label=\"Product page &amp; specs\"><img decoding=\"async\" src=\"https:\/\/datdesignlab.com\/wp-content\/uploads\/2026\/07\/ttmstore-carousel-product-page.webp\" alt=\"Product page &amp; specs\" loading=\"lazy\"><\/div><div class=\"slide\" data-label=\"Ad landing page\"><img decoding=\"async\" src=\"https:\/\/datdesignlab.com\/wp-content\/uploads\/2026\/07\/ttmstore-carousel-ads-landing-page.webp\" alt=\"Ad landing page\" loading=\"lazy\"><\/div><\/div><button class=\"car-btn prev\" aria-label=\"Previous\">&#8249;<\/button><button class=\"car-btn next\" aria-label=\"Next\">&#8250;<\/button><\/div><\/div><div class=\"dots\"><button class=\"on\" data-i=\"0\" aria-label=\"slide 1\"><\/button><button class=\"\" data-i=\"1\" aria-label=\"slide 2\"><\/button><button class=\"\" data-i=\"2\" aria-label=\"slide 3\"><\/button><button class=\"\" data-i=\"3\" aria-label=\"slide 4\"><\/button><\/div><div class=\"car-caption\">Homepage &amp; products<\/div><\/div><\/div><\/section>\r\n\r\n<section><div class=\"wrap\"><div class=\"quote\">\r\n<div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n<p class=\"\">&ldquo;Absolute Empfehlung! Die Umsetzung war professionell, zuverl\u00e4ssig und genau so, wie ich es mir vorgestellt habe. Besonders herausragend waren der Service und die schnelle Erreichbarkeit. Das Ergebnis hat meine Erwartungen sogar \u00fcbertroffen, ich w\u00fcrde jederzeit wieder mit Dat Design Lab zusammenarbeiten.&rdquo;<\/p>\r\n<p class=\"q-trans\">Absolute recommendation. The work was professional, reliable and exactly how I imagined it. The service and quick responsiveness stood out, and the result even exceeded my expectations. I&#x27;d work with Dat Design Lab again any time.<\/p>\r\n<div class=\"who\"><div class=\"av\">L<\/div><div><div class=\"nm\">Lukas Kurfer<\/div><div class=\"rl\">Verified customer \u00b7 Google review<\/div><\/div><\/div>\r\n<\/div><\/div><\/section>\r\n\r\n<section><div class=\"wrap\"><div class=\"eyebrow\">More Work<\/div><div class=\"related\">\r\n<a class=\"rel\" href=\"https:\/\/datdesignlab.com\/portfolio\/hotspot-travels-website\/\"><div class=\"dir\">&#8249; Previous<\/div><h4>Hotspot Travels<\/h4><\/a>\r\n<a class=\"rel\" href=\"https:\/\/datdesignlab.com\/portfolio\/barcelona-party-pass-website\/\"><div class=\"dir\">Next &#8250;<\/div><h4>Barcelona Party Pass<\/h4><\/a>\r\n<\/div><\/div><\/section>\r\n<\/div>\r\n<script>\r\n(function(){var v=document.querySelector('.cs-video');if(!v)return;var m=window.matchMedia('(max-width:760px)').matches;v.poster=v.dataset[m?'posterMobile':'posterDesktop'];v.src=v.dataset[m?'srcMobile':'srcDesktop'];if(!window.matchMedia('(prefers-reduced-motion: reduce)').matches){v.autoplay=true;v.play().catch(function(){});}})();\r\ndocument.querySelectorAll('.media-wrap').forEach(w=>{\r\n  const track=w.querySelector('.track'); if(!track) return;\r\n  const dots=[...w.querySelectorAll('.dots button')]; let i=0;\r\n  const n=track.children.length;\r\n  const cap=w.querySelector('.car-caption');\r\n  const go=k=>{i=(k+n)%n; track.style.transform=`translateX(${-i*100}%)`; dots.forEach((d,j)=>d.classList.toggle('on',j===i)); if(cap){const s=track.children[i]; cap.textContent=(s&&s.dataset.label)||'';}};\r\n  w.querySelector('.next')?.addEventListener('click',()=>go(i+1));\r\n  w.querySelector('.prev')?.addEventListener('click',()=>go(i-1));\r\n  dots.forEach(d=>d.addEventListener('click',()=>go(+d.dataset.i)));\r\n});\r\nconst ba=document.getElementById('ba');\r\nif(ba){const r=document.getElementById('baRange'),bf=document.getElementById('baBefore'),h=document.getElementById('baHandle');\r\n  const set=v=>{bf.style.clipPath=`inset(0 ${100-v}% 0 0)`;h.style.left=v+'%';};\r\n  r.addEventListener('input',e=>set(+e.target.value));set(50);}\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>Un redise\u00f1o completo en Shopify para una tienda alemana de tenis de mesa, rehecha por fuera y por dentro para convertir mejor, cargar m\u00e1s r\u00e1pido y facilitar la gesti\u00f3n de productos.<\/p>","protected":false},"author":1,"featured_media":10856,"parent":5535,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-10625","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/datdesignlab.com\/es\/wp-json\/wp\/v2\/pages\/10625","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=10625"}],"version-history":[{"count":13,"href":"https:\/\/datdesignlab.com\/es\/wp-json\/wp\/v2\/pages\/10625\/revisions"}],"predecessor-version":[{"id":10946,"href":"https:\/\/datdesignlab.com\/es\/wp-json\/wp\/v2\/pages\/10625\/revisions\/10946"}],"up":[{"embeddable":true,"href":"https:\/\/datdesignlab.com\/es\/wp-json\/wp\/v2\/pages\/5535"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/datdesignlab.com\/es\/wp-json\/wp\/v2\/media\/10856"}],"wp:attachment":[{"href":"https:\/\/datdesignlab.com\/es\/wp-json\/wp\/v2\/media?parent=10625"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}