{"id":10612,"date":"2026-07-10T16:15:58","date_gmt":"2026-07-10T16:15:58","guid":{"rendered":"https:\/\/datdesignlab.com\/?page_id=10612"},"modified":"2026-10-19T16:04:48","modified_gmt":"2026-10-19T16:04:48","slug":"sitio-web-barcelona-party-pass","status":"publish","type":"page","link":"https:\/\/datdesignlab.com\/es\/portfolio\/barcelona-party-pass-website\/","title":{"rendered":"Dise\u00f1o web y SEO de Barcelona Party Pass | Dat Design Lab"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"10612\" class=\"elementor elementor-10612\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f7c700e e-flex e-con-boxed e-con e-parent\" data-id=\"f7c700e\" 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-9a54f6b elementor-widget elementor-widget-html\" data-id=\"9a54f6b\" 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; Barcelona Party Pass<\/div>\r\n<div class=\"eyebrow\">Nightlife \u00b7 Tours &amp; Experiences<\/div>\r\n<h1>A Conversion-Focused Website for Barcelona Party Pass<\/h1>\r\n<p class=\"lede\">A well-known Barcelona pub crawl with a strong reputation, but a website that wasn&#x27;t converting it into bookings. I designed and built a new one, and I manage it end to 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\/bpp-case-study-16x9-1.mp4\" data-src-mobile=\"\/wp-content\/uploads\/2026\/10\/bpp-case-study-4x5-1.mp4\" data-poster-desktop=\"\/wp-content\/uploads\/2026\/10\/bpp-case-study-poster-16x9-1.webp\" data-poster-mobile=\"\/wp-content\/uploads\/2026\/10\/bpp-case-study-poster-4x5-1.webp\" aria-label=\"Barcelona Party Pass website: the new site, inner pages and results\"><\/video><\/div>\r\n<div class=\"metastrip\"><div><div class=\"k\">Services<\/div><div class=\"v\">Design, Build, Copy, SEO &amp; Hosting<\/div><\/div><div><div class=\"k\">Client<\/div><div class=\"v\">Barcelona Party Pass<\/div><\/div><div><div class=\"k\">Industry<\/div><div class=\"v\">Nightlife \/ Experiences<\/div><\/div><div><div class=\"k\">Location<\/div><div class=\"v\">Barcelona, Spain<\/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>Turning a strong reputation into online bookings<\/h2><p class=\"lead\">Barcelona Party Pass had run pub crawls in the city for years, but their old website never turned that reputation into bookings. They didn&#x27;t want another patch job, they wanted a brand-new site built to convert, on mobile, where the party crowd actually decides.<\/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>Design the funnel around the decision to book<\/h2><\/div>\r\n<div class=\"grid3\"><div class=\"card\"><div class=\"n\">1<\/div><h3>Vibe-led hero<\/h3><p>Full-bleed nightlife photography and a bold, high-contrast hero that sells the night in three seconds.<\/p><\/div><div class=\"card\"><div class=\"n\">2<\/div><h3>Transparent pricing<\/h3><p>Tiered ticket cards (1 night \/ 2 nights), what&#x27;s-included icons, and free-cancellation reassurance up front.<\/p><\/div><div class=\"card\"><div class=\"n\">3<\/div><h3>Proof + repeat CTAs<\/h3><p>A 5.0 Google rating and 322 reviews surfaced early, with booking prompts repeated down the whole page.<\/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\">Traffic and bookings that climb every month<\/h2>\r\n<div class=\"metrics\"><div class=\"metric\"><div class=\"num\">~6x<\/div><div class=\"lb\">Organic traffic in 6 months<\/div><\/div><div class=\"metric\"><div class=\"num\">4x<\/div><div class=\"lb\">Online bookings vs old site<\/div><\/div><div class=\"metric\"><div class=\"num\">#1<\/div><div class=\"lb\">For \u201cBarcelona pub crawl\u201d<\/div><\/div><div class=\"metric\"><div class=\"num\">5.0\u2605<\/div><div class=\"lb\">Google rating (322 reviews)<\/div><\/div><\/div>\r\n<p class=\"qual\">The rebuild turned a strong offline reputation into a booking engine, and ongoing SEO has kept traffic and rankings climbing month after month.<\/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>Design, build, and ongoing management<\/h2><\/div>\r\n<ul class=\"delivered\"><li><span class=\"ck\">\u2713<\/span><span>Brand-new website design<\/span><\/li><li><span class=\"ck\">\u2713<\/span><span>WordPress + Elementor build<\/span><\/li><li><span class=\"ck\">\u2713<\/span><span>All website &amp; blog copywriting<\/span><\/li><li><span class=\"ck\">\u2713<\/span><span>On-page SEO optimisation<\/span><\/li><li><span class=\"ck\">\u2713<\/span><span>Google Business Profile optimisation<\/span><\/li><li><span class=\"ck\">\u2713<\/span><span>Monthly blog posts &amp; SEO services<\/span><\/li><li><span class=\"ck\">\u2713<\/span><span>Hosting &amp; monthly maintenance<\/span><\/li><li><span class=\"ck\">\u2713<\/span><span>Mobile-first responsive 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 finished pub crawl page<\/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\">barcelonapartypass.com<\/span><\/div><div class=\"carousel\"><div class=\"track\"><div class=\"slide\" data-label=\"Pub crawl landing page\"><img decoding=\"async\" src=\"https:\/\/datdesignlab.com\/wp-content\/uploads\/2026\/07\/barcelona-carousel-pub-crawl-landing-page.webp\" alt=\"Pub crawl landing page\" loading=\"lazy\"><\/div><div class=\"slide\" data-label=\"Landing page highlights\"><img decoding=\"async\" src=\"https:\/\/datdesignlab.com\/wp-content\/uploads\/2026\/07\/barcelona-carousel-landing-page-section.webp\" alt=\"Landing page highlights\" loading=\"lazy\"><\/div><div class=\"slide\" data-label=\"Nightly schedule\"><img decoding=\"async\" src=\"https:\/\/datdesignlab.com\/wp-content\/uploads\/2026\/07\/barcelona-carousel-nightly-schedule.webp\" alt=\"Nightly schedule\" loading=\"lazy\"><\/div><div class=\"slide\" data-label=\"Reviews &amp; ratings\"><img decoding=\"async\" src=\"https:\/\/datdesignlab.com\/wp-content\/uploads\/2026\/07\/barcelona-carousel-testimonials-and-google-review.webp\" alt=\"Reviews &amp; ratings\" 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\">Pub crawl landing page<\/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;Great website design from Dat. Super precise with details and gets the job done fast. If you also want super professional SEO optimisation services I would highly recommend.&rdquo;<\/p>\r\n\r\n<div class=\"who\"><div class=\"av\">B<\/div><div><div class=\"nm\">Brandon Corker-Brown<\/div><div class=\"rl\">Co-Founder, Barcelona Party Pass<\/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\/ttm-store-shopify-redesign\/\"><div class=\"dir\">&#8249; Previous<\/div><h4>TTM-Store<\/h4><\/a>\r\n<a class=\"rel\" href=\"https:\/\/datdesignlab.com\/portfolio\/krakow-tasty-tour-website\/\"><div class=\"dir\">Next &#8250;<\/div><h4>Krakow Tasty Tour<\/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>See how I designed, built, and now run the website for Barcelona&#8217;s top-rated pub crawl, turning a page that never converted into a real booking machine.<\/p>","protected":false},"author":1,"featured_media":10854,"parent":5535,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-10612","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/datdesignlab.com\/es\/wp-json\/wp\/v2\/pages\/10612","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=10612"}],"version-history":[{"count":16,"href":"https:\/\/datdesignlab.com\/es\/wp-json\/wp\/v2\/pages\/10612\/revisions"}],"predecessor-version":[{"id":10955,"href":"https:\/\/datdesignlab.com\/es\/wp-json\/wp\/v2\/pages\/10612\/revisions\/10955"}],"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\/10854"}],"wp:attachment":[{"href":"https:\/\/datdesignlab.com\/es\/wp-json\/wp\/v2\/media?parent=10612"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}