{"id":9716,"date":"2026-06-21T16:21:16","date_gmt":"2026-06-21T14:21:16","guid":{"rendered":"https:\/\/www.imbatik.com\/web-design-barcelona\/"},"modified":"2026-10-22T01:17:28","modified_gmt":"2026-10-21T23:17:28","slug":"web-design-barcelona","status":"publish","type":"page","link":"https:\/\/www.imbatik.com\/en\/web-design\/web-design-barcelona\/","title":{"rendered":"Web Design Barcelona"},"content":{"rendered":"\n<div id=\"hero-prestashop-block_dd21abed2c536053f27637138406214e\" class=\"sp-hero\">\n    <div class=\"sp-hero__inner\">\n        <div class=\"sp-hero__content\">\n                            <p class=\"sp-hero__badge\">\n                    <span class=\"material-symbols-outlined\" style=\"font-variation-settings: 'FILL' 1; font-size: 16px;\">verified<\/span>\n                    \ud83c\udfa8 Professional Web Design in Barcelona                <\/p>\n                        \n            <h1>Web design in Barcelona focused on real conversion, not just looks.<\/h1>\n            \n                            <p class=\"sp-hero__desc\">500+ web projects delivered. WordPress, PrestaShop and Shopify when they add value, custom code when needed. We don&#8217;t sell templates with your logo slapped on.<\/p>\n                        \n            <div class=\"sp-hero__actions\">\n                <a href=\"\/contacto\/\" class=\"btn-primary\">Get a quote<\/a>\n            <\/div>\n            \n            <div class=\"sp-hero__social-proof\">\n                <div class=\"sp-hero__brand-dots\" aria-hidden=\"true\" title=\"The 4 colors that define us\">\n                    <span class=\"brand-dot brand-dot--blue\"><\/span>\n                    <span class=\"brand-dot brand-dot--coral\"><\/span>\n                    <span class=\"brand-dot brand-dot--yellow\"><\/span>\n                    <span class=\"brand-dot brand-dot--green\"><\/span>\n                <\/div>\n                <div class=\"sp-hero__proof-text\">500+ websites delivered for SMBs and ecommerce businesses<\/div>\n            <\/div>\n        <\/div>\n\n        <div class=\"sp-hero__form-wrap\">\n            <div class=\"sp-form-card\">\n                <h2>Get a quote in Barcelona<\/h2>\n                <p>Tell us about the project you have in mind and when you need it. We&#8217;ll send you a detailed proposal within 48-72 hours.<\/p>\n                \n<div class=\"wpcf7 no-js\" id=\"wpcf7-f10012-o1\" lang=\"en-US\" dir=\"ltr\" data-wpcf7-id=\"10012\">\n<div class=\"screen-reader-response\"><p role=\"status\" aria-live=\"polite\" aria-atomic=\"true\"><\/p> <ul><\/ul><\/div>\n<form action=\"\/en\/wp-json\/wp\/v2\/pages\/9716#wpcf7-f10012-o1\" method=\"post\" class=\"wpcf7-form init\" aria-label=\"Contact form\" novalidate=\"novalidate\" data-status=\"init\">\n<fieldset class=\"hidden-fields-container\"><input type=\"hidden\" name=\"_wpcf7\" value=\"10012\" \/><input type=\"hidden\" name=\"_wpcf7_version\" value=\"6.2.3\" \/><input type=\"hidden\" name=\"_wpcf7_locale\" value=\"en_US\" \/><input type=\"hidden\" name=\"_wpcf7_unit_tag\" value=\"wpcf7-f10012-o1\" \/><input type=\"hidden\" name=\"_wpcf7_container_post\" value=\"0\" \/><input type=\"hidden\" name=\"_wpcf7_posted_data_hash\" value=\"\" \/>\n<\/fieldset>\n<div class=\"cf7-row\">\n  <span class=\"wpcf7-form-control-wrap\" data-name=\"nombre\"><input size=\"40\" maxlength=\"100\" minlength=\"2\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" autocomplete=\"name\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Full name *\" value=\"\" type=\"text\" name=\"nombre\" \/><\/span>\n<\/div>\n\n<div class=\"cf7-row cf7-row--2col\">\n  <div><span class=\"wpcf7-form-control-wrap\" data-name=\"email\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-email wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-email\" autocomplete=\"email\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Email *\" value=\"\" type=\"email\" name=\"email\" \/><\/span><\/div>\n  <div><span class=\"wpcf7-form-control-wrap\" data-name=\"telefono\"><input size=\"40\" maxlength=\"400\" minlength=\"9\" class=\"wpcf7-form-control wpcf7-tel wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-tel\" autocomplete=\"tel\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Phone *\" value=\"\" type=\"tel\" name=\"telefono\" \/><\/span><\/div>\n<\/div>\n\n<div class=\"cf7-row\">\n  <span class=\"wpcf7-form-control-wrap\" data-name=\"servicio\" aria-label=\"Servicio de inter\u00e9s\"><select class=\"wpcf7-form-control wpcf7-select wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" name=\"servicio\" aria-label=\"Servicio de inter\u00e9s\"><option value=\"\">How can we help you? *<\/option><option value=\"Web Design\">Web Design<\/option><option value=\"Online store (PrestaShop \/ Shopify)\">Online store (PrestaShop \/ Shopify)<\/option><option value=\"Platform migration\">Platform migration<\/option><option value=\"SEO and organic search\">SEO and organic search<\/option><option value=\"SEM (Google Ads \/ Meta Ads)\">SEM (Google Ads \/ Meta Ads)<\/option><option value=\"Monthly website maintenance\">Monthly website maintenance<\/option><option value=\"One-off audit \/ consulting\">One-off audit \/ consulting<\/option><option value=\"Other \/ Not sure\">Other \/ Not sure<\/option><\/select><\/span>\n<\/div>\n\n<div class=\"cf7-row\">\n  <span class=\"wpcf7-form-control-wrap\" data-name=\"web\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-url wpcf7-text wpcf7-validates-as-url\" autocomplete=\"url\" aria-invalid=\"false\" placeholder=\"Your current website URL (optional)\" value=\"\" type=\"url\" name=\"web\" \/><\/span>\n<\/div>\n\n<div class=\"cf7-row\">\n  <span class=\"wpcf7-form-control-wrap\" data-name=\"mensaje\"><textarea cols=\"40\" rows=\"10\" maxlength=\"1500\" class=\"wpcf7-form-control wpcf7-textarea\" aria-invalid=\"false\" placeholder=\"Tell us about your project: goals, context, timelines...\" name=\"mensaje\"><\/textarea><\/span>\n<\/div>\n\n<div class=\"cf7-row cf7-row--privacy\">\n  <span class=\"wpcf7-form-control-wrap\" data-name=\"privacidad\"><span class=\"wpcf7-form-control wpcf7-acceptance\"><span class=\"wpcf7-list-item\"><label><input type=\"checkbox\" name=\"privacidad\" value=\"1\" aria-invalid=\"false\" \/><span class=\"wpcf7-list-item-label\">I have read and accept the <a href=\"\/politica-de-privacidad\/\" target=\"_blank\">privacy policy<\/a> and the processing of my data to respond to this inquiry. *<\/span><\/label><\/span><\/span><\/span>\n<\/div>\n\n<!-- Honeypot anti-bot -->\n<div class=\"cf7-row cf7-row--honeypot\" style=\"position:absolute;left:-9999px;\" aria-hidden=\"true\">\n  <span class=\"wpcf7-form-control-wrap\" data-name=\"website\" tabindex=\"-1\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text\" autocomplete=\"off\" aria-invalid=\"false\" value=\"\" type=\"text\" name=\"website\" tabindex=\"-1\" \/><\/span>\n<\/div>\n\n<div class=\"cf7-row cf7-row--submit\">\n  <input class=\"wpcf7-form-control wpcf7-submit has-spinner\" type=\"submit\" value=\"Send message\" \/>\n<\/div><div class=\"wpcf7-response-output\" aria-hidden=\"true\"><\/div>\n<\/form>\n<\/div>\n            <\/div>\n            <div class=\"sp-form-deco-1\"><\/div>\n            <div class=\"sp-form-deco-2\"><\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n<div id=\"media-mentions-block_be4cdcb7322680f3eb2a158662a2d2b1\" class=\"sp-mentions\">\n    <div class=\"sp-mentions__inner\">\n        <p class=\"sp-mentions__title\">In the press<\/p>\n        <div class=\"sp-mentions__grid\">\n                            <img class=\"sp-mentions__item\" src=\"https:\/\/www.imbatik.com\/wp-content\/uploads\/2026\/05\/lancelotdigital.svg\" alt=\"Media Logo\" width=\"160\" height=\"40\" loading=\"lazy\" decoding=\"async\" title=\"\">\n                            <img class=\"sp-mentions__item\" src=\"https:\/\/www.imbatik.com\/wp-content\/uploads\/2026\/05\/periodistas-es.svg\" alt=\"Media Logo\" width=\"160\" height=\"40\" loading=\"lazy\" decoding=\"async\" title=\"\">\n                    <\/div>\n    <\/div>\n<\/div>\n\n<div id=\"logos-marquee-block_6e13fd25a0c5992618267664d24df5dd\" class=\"sp-logos\">\n    <div class=\"sp-section__header\">\n        <h2 class=\"sp-section__title\">Brands that already trust our agency<\/h2>\n    <\/div>\n    \n    <div class=\"sp-logos__wrap\">\n        <div class=\"sp-logos__track\">\n            <img src=\"https:\/\/www.imbatik.com\/wp-content\/uploads\/2026\/05\/materialestetica.svg\" alt=\"Logo\" width=\"150\" height=\"50\" loading=\"lazy\" decoding=\"async\" style=\"width: 150px; height: 50px; object-fit: contain; opacity: .55; filter: grayscale(100%);\" title=\"\"><img src=\"https:\/\/www.imbatik.com\/wp-content\/uploads\/2026\/05\/materielesthetique.svg\" alt=\"Logo\" width=\"150\" height=\"50\" loading=\"lazy\" decoding=\"async\" style=\"width: 150px; height: 50px; object-fit: contain; opacity: .55; filter: grayscale(100%);\" title=\"\"><img src=\"https:\/\/www.imbatik.com\/wp-content\/uploads\/2026\/05\/proandorid.svg\" alt=\"Logo\" width=\"150\" height=\"50\" loading=\"lazy\" decoding=\"async\" style=\"width: 150px; height: 50px; object-fit: contain; opacity: .55; filter: grayscale(100%);\" title=\"\"><img src=\"https:\/\/www.imbatik.com\/wp-content\/uploads\/2026\/05\/accessoriespourlampes.svg\" alt=\"Logo\" width=\"150\" height=\"50\" loading=\"lazy\" decoding=\"async\" style=\"width: 150px; height: 50px; object-fit: contain; opacity: .55; filter: grayscale(100%);\" title=\"\"><img src=\"https:\/\/www.imbatik.com\/wp-content\/uploads\/2026\/05\/acessorioscandeeiros.svg\" alt=\"Logo\" width=\"150\" height=\"50\" loading=\"lazy\" decoding=\"async\" style=\"width: 150px; height: 50px; object-fit: contain; opacity: .55; filter: grayscale(100%);\" title=\"\"><img src=\"https:\/\/www.imbatik.com\/wp-content\/uploads\/2026\/05\/arros-mas-pla.svg\" alt=\"Logo\" width=\"150\" height=\"50\" loading=\"lazy\" decoding=\"async\" style=\"width: 150px; height: 50px; object-fit: contain; opacity: .55; filter: grayscale(100%);\" title=\"\"><img src=\"https:\/\/www.imbatik.com\/wp-content\/uploads\/2026\/05\/bezalia.svg\" alt=\"Logo\" width=\"150\" height=\"50\" loading=\"lazy\" decoding=\"async\" style=\"width: 150px; height: 50px; object-fit: contain; opacity: .55; filter: grayscale(100%);\" title=\"\"><img src=\"https:\/\/www.imbatik.com\/wp-content\/uploads\/2026\/05\/clinicasaurina.svg\" alt=\"Logo\" width=\"150\" height=\"50\" loading=\"lazy\" decoding=\"async\" style=\"width: 150px; height: 50px; object-fit: contain; opacity: .55; filter: grayscale(100%);\" title=\"\"><img src=\"https:\/\/www.imbatik.com\/wp-content\/uploads\/2026\/05\/club-villamar.svg\" alt=\"Logo\" width=\"150\" height=\"50\" loading=\"lazy\" decoding=\"async\" style=\"width: 150px; height: 50px; object-fit: contain; opacity: .55; filter: grayscale(100%);\" title=\"\"><img src=\"https:\/\/www.imbatik.com\/wp-content\/uploads\/2026\/05\/disbesa-darnes.svg\" alt=\"Logo\" width=\"150\" height=\"50\" loading=\"lazy\" decoding=\"async\" style=\"width: 150px; height: 50px; object-fit: contain; opacity: .55; filter: grayscale(100%);\" title=\"\"><img src=\"https:\/\/www.imbatik.com\/wp-content\/uploads\/2026\/05\/fabricatulampara.svg\" alt=\"Logo\" width=\"150\" height=\"50\" loading=\"lazy\" decoding=\"async\" style=\"width: 150px; height: 50px; object-fit: contain; opacity: .55; filter: grayscale(100%);\" title=\"\"><img src=\"https:\/\/www.imbatik.com\/wp-content\/uploads\/2026\/05\/hotelsapunta.svg\" alt=\"Logo\" width=\"150\" height=\"50\" loading=\"lazy\" decoding=\"async\" style=\"width: 150px; height: 50px; object-fit: contain; opacity: .55; filter: grayscale(100%);\" title=\"\"><img src=\"https:\/\/www.imbatik.com\/wp-content\/uploads\/2026\/05\/iluminable.svg\" alt=\"Logo\" width=\"150\" height=\"50\" loading=\"lazy\" decoding=\"async\" style=\"width: 150px; height: 50px; object-fit: contain; opacity: .55; filter: grayscale(100%);\" title=\"\"><img src=\"https:\/\/www.imbatik.com\/wp-content\/uploads\/2026\/05\/kaeso.svg\" alt=\"Logo\" width=\"150\" height=\"50\" loading=\"lazy\" decoding=\"async\" style=\"width: 150px; height: 50px; object-fit: contain; opacity: .55; filter: grayscale(100%);\" title=\"\"><img src=\"https:\/\/www.imbatik.com\/wp-content\/uploads\/2026\/05\/lightingdiy.svg\" alt=\"Logo\" width=\"150\" height=\"50\" loading=\"lazy\" decoding=\"async\" style=\"width: 150px; height: 50px; object-fit: contain; opacity: .55; filter: grayscale(100%);\" title=\"\"><img src=\"https:\/\/www.imbatik.com\/wp-content\/uploads\/2026\/05\/materialestetica.svg\" alt=\"Logo\" width=\"150\" height=\"50\" loading=\"lazy\" decoding=\"async\" style=\"width: 150px; height: 50px; object-fit: contain; opacity: .55; filter: grayscale(100%);\" title=\"\"><img src=\"https:\/\/www.imbatik.com\/wp-content\/uploads\/2026\/05\/materielesthetique.svg\" alt=\"Logo\" width=\"150\" height=\"50\" loading=\"lazy\" decoding=\"async\" style=\"width: 150px; height: 50px; object-fit: contain; opacity: .55; filter: grayscale(100%);\" title=\"\"><img src=\"https:\/\/www.imbatik.com\/wp-content\/uploads\/2026\/05\/proandorid.svg\" alt=\"Logo\" width=\"150\" height=\"50\" loading=\"lazy\" decoding=\"async\" style=\"width: 150px; height: 50px; object-fit: contain; opacity: .55; filter: grayscale(100%);\" title=\"\"><img src=\"https:\/\/www.imbatik.com\/wp-content\/uploads\/2026\/05\/accessoriespourlampes.svg\" alt=\"Logo\" width=\"150\" height=\"50\" loading=\"lazy\" decoding=\"async\" style=\"width: 150px; height: 50px; object-fit: contain; opacity: .55; filter: grayscale(100%);\" title=\"\"><img src=\"https:\/\/www.imbatik.com\/wp-content\/uploads\/2026\/05\/acessorioscandeeiros.svg\" alt=\"Logo\" width=\"150\" height=\"50\" loading=\"lazy\" decoding=\"async\" style=\"width: 150px; height: 50px; object-fit: contain; opacity: .55; filter: grayscale(100%);\" title=\"\"><img src=\"https:\/\/www.imbatik.com\/wp-content\/uploads\/2026\/05\/arros-mas-pla.svg\" alt=\"Logo\" width=\"150\" height=\"50\" loading=\"lazy\" decoding=\"async\" style=\"width: 150px; height: 50px; object-fit: contain; opacity: .55; filter: grayscale(100%);\" title=\"\"><img src=\"https:\/\/www.imbatik.com\/wp-content\/uploads\/2026\/05\/bezalia.svg\" alt=\"Logo\" width=\"150\" height=\"50\" loading=\"lazy\" decoding=\"async\" style=\"width: 150px; height: 50px; object-fit: contain; opacity: .55; filter: grayscale(100%);\" title=\"\"><img src=\"https:\/\/www.imbatik.com\/wp-content\/uploads\/2026\/05\/clinicasaurina.svg\" alt=\"Logo\" width=\"150\" height=\"50\" loading=\"lazy\" decoding=\"async\" style=\"width: 150px; height: 50px; object-fit: contain; opacity: .55; filter: grayscale(100%);\" title=\"\"><img src=\"https:\/\/www.imbatik.com\/wp-content\/uploads\/2026\/05\/club-villamar.svg\" alt=\"Logo\" width=\"150\" height=\"50\" loading=\"lazy\" decoding=\"async\" style=\"width: 150px; height: 50px; object-fit: contain; opacity: .55; filter: grayscale(100%);\" title=\"\"><img src=\"https:\/\/www.imbatik.com\/wp-content\/uploads\/2026\/05\/disbesa-darnes.svg\" alt=\"Logo\" width=\"150\" height=\"50\" loading=\"lazy\" decoding=\"async\" style=\"width: 150px; height: 50px; object-fit: contain; opacity: .55; filter: grayscale(100%);\" title=\"\"><img src=\"https:\/\/www.imbatik.com\/wp-content\/uploads\/2026\/05\/fabricatulampara.svg\" alt=\"Logo\" width=\"150\" height=\"50\" loading=\"lazy\" decoding=\"async\" style=\"width: 150px; height: 50px; object-fit: contain; opacity: .55; filter: grayscale(100%);\" title=\"\"><img src=\"https:\/\/www.imbatik.com\/wp-content\/uploads\/2026\/05\/hotelsapunta.svg\" alt=\"Logo\" width=\"150\" height=\"50\" loading=\"lazy\" decoding=\"async\" style=\"width: 150px; height: 50px; object-fit: contain; opacity: .55; filter: grayscale(100%);\" title=\"\"><img src=\"https:\/\/www.imbatik.com\/wp-content\/uploads\/2026\/05\/iluminable.svg\" alt=\"Logo\" width=\"150\" height=\"50\" loading=\"lazy\" decoding=\"async\" style=\"width: 150px; height: 50px; object-fit: contain; opacity: .55; filter: grayscale(100%);\" title=\"\"><img src=\"https:\/\/www.imbatik.com\/wp-content\/uploads\/2026\/05\/kaeso.svg\" alt=\"Logo\" width=\"150\" height=\"50\" loading=\"lazy\" decoding=\"async\" style=\"width: 150px; height: 50px; object-fit: contain; opacity: .55; filter: grayscale(100%);\" title=\"\"><img src=\"https:\/\/www.imbatik.com\/wp-content\/uploads\/2026\/05\/lightingdiy.svg\" alt=\"Logo\" width=\"150\" height=\"50\" loading=\"lazy\" decoding=\"async\" style=\"width: 150px; height: 50px; object-fit: contain; opacity: .55; filter: grayscale(100%);\" title=\"\">        <\/div>\n    <\/div>\n<\/div>\n\n<div id=\"stats-block_fa6fbd6ec4546a12cb9ee22ef52fe335\" class=\"sp-stats\">\n    <div class=\"sp-stats__inner\">\n                    <div class=\"sp-stats__heading\">\n                <h2 class=\"sp-stats__title\">Professional web design in Barcelona since 2014<\/h2>\n            <\/div>\n        \n        <div class=\"sp-stats__grid\">\n                            <div class=\"sp-stat\">\n                                            <div class=\"sp-stat__icon\">\n                            <span class=\"material-symbols-outlined\">history_edu<\/span>\n                        <\/div>\n                                        <div class=\"sp-stat__number\">\n                        <span class=\"sp-stat-counter\" data-target=\"10\">0<\/span>+                    <\/div>\n                    <h3 class=\"sp-stat__title\">Years designing professional websites<\/h3>\n                                            <p class=\"sp-stat__description\">We&#039;ve seen 3-4 shifts in design trends and we adapt without jumping on every passing fad.<\/p>\n                                    <\/div>\n                            <div class=\"sp-stat\">\n                                            <div class=\"sp-stat__icon\">\n                            <span class=\"material-symbols-outlined\">workspace_premium<\/span>\n                        <\/div>\n                                        <div class=\"sp-stat__number\">\n                        <span class=\"sp-stat-counter\" data-target=\"500\">0<\/span>+                    <\/div>\n                    <h3 class=\"sp-stat__title\">Projects delivered<\/h3>\n                                            <p class=\"sp-stat__description\">We&#039;ve already made the mistakes your rookie agency is about to make with you. And we&#039;ve solved them.<\/p>\n                                    <\/div>\n                            <div class=\"sp-stat\">\n                                            <div class=\"sp-stat__icon\">\n                            <span class=\"material-symbols-outlined\">grade<\/span>\n                        <\/div>\n                                        <div class=\"sp-stat__number\">\n                        <span class=\"sp-stat-counter\" data-target=\"5.0\">0<\/span>                    <\/div>\n                    <h3 class=\"sp-stat__title\">Verified Google Reviews<\/h3>\n                                            <p class=\"sp-stat__description\">Real reviews from real clients. No paid reviews, no tricks. Anyone can check them on Google.<\/p>\n                                    <\/div>\n                    <\/div>\n    <\/div>\n<\/div>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', () => {\n    const counters = document.querySelectorAll('#stats-block_fa6fbd6ec4546a12cb9ee22ef52fe335 .sp-stat-counter');\n    const duration = 2000;\n\n    const animate = () => {\n        counters.forEach(counter => {\n            const target = parseFloat(counter.getAttribute('data-target')) || 0;\n            const isFloat = target % 1 !== 0;\n            let startTime = null;\n\n            const step = (currentTime) => {\n                if (!startTime) startTime = currentTime;\n                const progress = Math.min((currentTime - startTime) \/ duration, 1);\n                const easeProgress = progress * (2 - progress);\n                const value = easeProgress * target;\n                counter.innerText = isFloat ? value.toFixed(1) : Math.floor(value);\n\n                if (progress < 1) {\n                    requestAnimationFrame(step);\n                } else {\n                    counter.innerText = isFloat ? target.toFixed(1) : target;\n                }\n            };\n            requestAnimationFrame(step);\n        });\n    };\n\n    const observer = new IntersectionObserver((entries, observer) => {\n        entries.forEach(entry => {\n            if (entry.isIntersecting) {\n                animate();\n                observer.unobserve(entry.target);\n            }\n        });\n    }, { threshold: 0.4 });\n\n    const statsSection = document.getElementById('stats-block_fa6fbd6ec4546a12cb9ee22ef52fe335');\n    if (statsSection) observer.observe(statsSection);\n});\n<\/script>\n\n<div id=\"why-us-block_5f0b98255ff67567340996a0caa41dec\" class=\"sp-section sp-section--gray\">\n    <div class=\"sp-section__inner\">\n        <div class=\"sp-section__header\">\n            <h2 class=\"sp-section__title\">Why Barcelona businesses choose us<\/h2>\n                            <p class=\"sp-section__subtitle\">Barcelona is one of the most competitive markets in Europe for digital services. These are the reasons SMBs and ecommerce businesses choose us over thousands of agencies and freelancers.<\/p>\n                    <\/div>\n\n        <div class=\"sp-why__grid\">\n                                                <div class=\"sp-why__card sp-why__card--blue\">\n                        <div class=\"sp-why__icon\">\n                            <span class=\"material-symbols-outlined\">search<\/span>\n                        <\/div>\n                        <h3>SEO built in from the first commit<\/h3>\n                        <p>It&#039;s not an optional add-on. Schema markup, Core Web Vitals, internal linking, SEO architecture. Everything is built into development, not patched on afterward.<\/p>\n                    <\/div>\n                                    <div class=\"sp-why__card sp-why__card--coral\">\n                        <div class=\"sp-why__icon\">\n                            <span class=\"material-symbols-outlined\">apartment<\/span>\n                        <\/div>\n                        <h3>Local team in Catalonia<\/h3>\n                        <p>We don&#039;t outsource to anonymous freelancers. The person who tells you what they&#039;ll do is the one who does it.<\/p>\n                    <\/div>\n                                    <div class=\"sp-why__card sp-why__card--green\">\n                        <div class=\"sp-why__icon\">\n                            <span class=\"material-symbols-outlined\">verified<\/span>\n                        <\/div>\n                        <h3>Official platform partners<\/h3>\n                        <p>Google Partner, Meta Business Partner, PrestaShop Partner. Direct access to these platforms&#039; advanced support when a complex technical issue comes up.<\/p>\n                    <\/div>\n                                    <\/div>\n    <\/div>\n<\/div>\n\n<div id=\"methodology-block_e257387f6c6a80ea0f797c7e023b99df\" class=\"sp-section sp-methodology\">\n    <div class=\"sp-section__inner\">\n        <div class=\"sp-section__header\">\n            <span class=\"sp-section__eyebrow\">Methodology<\/span>\n            <h2 class=\"sp-section__title\">Our web design process<\/h2>\n                            <p class=\"sp-section__subtitle\">A predictable 4-phase structure. Each milestone is signed off with you before moving on to the next. No surprises halfway through the project.<\/p>\n                    <\/div>\n\n        <div class=\"sp-methodology__grid\">\n                            <div class=\"sp-method-step\">\n                    <div class=\"sp-method-step__num\">\n                        <span class=\"material-symbols-outlined\">chat_bubble<\/span>\n                        <span class=\"sp-method-step__badge\">1<\/span>\n                    <\/div>\n                    <h3>Brief<\/h3>\n                    <p>Kickoff session to understand your business, your ideal customer, who you&#039;re competing with and which KPIs you&#039;ll measure. Audit of your current website and your real competitors.<\/p>\n                <\/div>\n                            <div class=\"sp-method-step\">\n                    <div class=\"sp-method-step__num\">\n                        <span class=\"material-symbols-outlined\">brush<\/span>\n                        <span class=\"sp-method-step__badge\">2<\/span>\n                    <\/div>\n                    <h3>Design<\/h3>\n                    <p>Information architecture, wireframes, a complete design system, high-fidelity mockups. We iterate until the final design is approved.<\/p>\n                <\/div>\n                            <div class=\"sp-method-step\">\n                    <div class=\"sp-method-step__num\">\n                        <span class=\"material-symbols-outlined\">code<\/span>\n                        <span class=\"sp-method-step__badge\">3<\/span>\n                    <\/div>\n                    <h3>Development<\/h3>\n                    <p>Build on the platform (WordPress, PrestaShop, Shopify), CRM\/ERP, technical SEO, GA4. Staging environment so you can review everything before launch.<\/p>\n                <\/div>\n                            <div class=\"sp-method-step\">\n                    <div class=\"sp-method-step__num\">\n                        <span class=\"material-symbols-outlined\">rocket_launch<\/span>\n                        <span class=\"sp-method-step__badge\">4<\/span>\n                    <\/div>\n                    <h3>Launch<\/h3>\n                    <p>Thorough QA, training for your team (recorded sessions for future reference), move to production, post-launch monitoring.<\/p>\n                <\/div>\n                    <\/div>\n    <\/div>\n<\/div>\n\n<div id=\"services-grid-block_f82de02cb7a6ce16904db55e30b6cad3\" class=\"sp-section sp-services\">\n    <div class=\"sp-section__inner\">\n        <div class=\"sp-section__header\">\n            <span class=\"sp-section__eyebrow\">Services<\/span>\n            <h2 class=\"sp-section__title\">Types of web projects we build in Barcelona<\/h2>\n                            <p class=\"sp-section__subtitle\">Corporate websites, ecommerce stores, campaign landing pages and redesigns without losing SEO.<\/p>\n                    <\/div>\n\n        <div class=\"sp-services__grid\">\n                            <div class=\"sp-service-card\">\n                    <div class=\"sp-service-card__icon\">\n                        <span class=\"material-symbols-outlined\">domain<\/span>\n                    <\/div>\n                    <h3>Corporate websites for SMBs<\/h3>\n                    <p>Professional firms, service SMBs, B2B startups. 8-25 page websites focused on lead generation, with CRM integration and qualifying forms.<\/p>\n\n                                            <div class=\"sp-service-card__tags\">\n                                                            <span class=\"sp-service-card__tag\">Lead generation focus<\/span>\n                                                            <span class=\"sp-service-card__tag\">CRM integration<\/span>\n                                                    <\/div>\n                                    <\/div>\n                            <div class=\"sp-service-card\">\n                    <div class=\"sp-service-card__icon\">\n                        <span class=\"material-symbols-outlined\">storefront<\/span>\n                    <\/div>\n                    <h3>PrestaShop and Shopify ecommerce<\/h3>\n                    <p>Our specialty. Stores for manufacturers, distributors, retail and D2C brands. Catalogs from 50 to 100,000+ products. Integrations with ERPs, payment gateways and marketplaces.<\/p>\n\n                                            <div class=\"sp-service-card__tags\">\n                                                            <span class=\"sp-service-card__tag\">Official PrestaShop Partner<\/span>\n                                                            <span class=\"sp-service-card__tag\">Shopify Plus<\/span>\n                                                    <\/div>\n                                    <\/div>\n                            <div class=\"sp-service-card\">\n                    <div class=\"sp-service-card__icon\">\n                        <span class=\"material-symbols-outlined\">trending_up<\/span>\n                    <\/div>\n                    <h3>Conversion landing pages<\/h3>\n                    <p>Dedicated pages for Google Ads and Meta Ads campaigns or product launches. Optimized for a single conversion, with detailed tracking and A\/B testing.<\/p>\n\n                                            <div class=\"sp-service-card__tags\">\n                                                            <span class=\"sp-service-card__tag\">Optimized for a single conversion<\/span>\n                                                            <span class=\"sp-service-card__tag\">A\/B testing<\/span>\n                                                    <\/div>\n                                    <\/div>\n                            <div class=\"sp-service-card\">\n                    <div class=\"sp-service-card__icon\">\n                        <span class=\"material-symbols-outlined\">build<\/span>\n                    <\/div>\n                    <h3>Redesign without losing SEO<\/h3>\n                    <p>Old websites that don&#039;t convert, don&#039;t rank or no longer represent who you are. Upfront analysis, redirect plan, preservation of your existing SEO. The costly mistake: losing it.<\/p>\n\n                                            <div class=\"sp-service-card__tags\">\n                                                            <span class=\"sp-service-card__tag\">301 redirect plan<\/span>\n                                                            <span class=\"sp-service-card__tag\">Existing SEO preserved<\/span>\n                                                    <\/div>\n                                    <\/div>\n                            <div class=\"sp-service-card\">\n                    <div class=\"sp-service-card__icon\">\n                        <span class=\"material-symbols-outlined\">speed<\/span>\n                    <\/div>\n                    <h3>Performance and Core Web Vitals<\/h3>\n                    <p>Targets: LCP &lt;1.8s, INP &lt;200ms, CLS &lt;0.1. Image optimization (WebP, AVIF), critical CSS, lazy loading, CDN, smart caching.<\/p>\n\n                                            <div class=\"sp-service-card__tags\">\n                                                            <span class=\"sp-service-card__tag\">WebP \/ AVIF<\/span>\n                                                            <span class=\"sp-service-card__tag\">Core Web Vitals<\/span>\n                                                    <\/div>\n                                    <\/div>\n                            <div class=\"sp-service-card\">\n                    <div class=\"sp-service-card__icon\">\n                        <span class=\"material-symbols-outlined\">schedule<\/span>\n                    <\/div>\n                    <h3>Post-launch maintenance<\/h3>\n                    <p>Optional monthly plan to keep your website up to date. Controlled updates, backups, monitoring, support hours. If your team handles it, great.<\/p>\n\n                                            <div class=\"sp-service-card__tags\">\n                                                            <span class=\"sp-service-card__tag\">Optional plan<\/span>\n                                                            <span class=\"sp-service-card__tag\">Only if you need it<\/span>\n                                                    <\/div>\n                                    <\/div>\n                    <\/div>\n    <\/div>\n<\/div>\n\n<div id=\"results-block_94f236e0eaaa7a5ba0d1011c4c341535\" class=\"sp-section sp-results\">\n    <div class=\"sp-section__inner\">\n\n        <div class=\"sp-section__header\">\n                            <span class=\"sp-section__eyebrow\">Success stories<\/span>\n                        <h2 class=\"sp-section__title\">Professional websites built in Barcelona<\/h2>\n                            <p class=\"sp-section__subtitle\">Barcelona businesses and brands with websites delivered and maintained by Imbatik.<\/p>\n                    <\/div>\n\n        \n            <div class=\"sp-results__grid sp-results__grid--3\">\n                                    <article class=\"sp-case-card sp-case-card--blue\">\n\n                        <a href=\"https:\/\/www.imbatik.com\/en\/casos-de-exito\/seo-audit-for-a-tech-publication-that-tripled-its-organic-traffic\/\" class=\"sp-case-card__media\" aria-label=\"SEO audit for a tech publication that tripled its organic traffic\">\n                                                            <img decoding=\"async\" src=\"https:\/\/www.imbatik.com\/wp-content\/uploads\/2026\/04\/proandoid-1024x683.jpg\" alt=\"SEO audit for a tech publication that tripled its organic traffic\" loading=\"lazy\" title=\"\">\n                                                        <span class=\"sp-case-card__overlay\"><\/span>\n                        <\/a>\n\n                        <div class=\"sp-case-card__body\">\n\n                                                            <div class=\"sp-case-card__tags\">\n                                                                                                                        <span class=\"sp-case-card__tag sp-case-card__tag--sector\">\n                                                <span class=\"material-symbols-outlined\">category<\/span>\n                                                Media &amp; Communications                                            <\/span>\n                                                                                                                                                                                                    <span class=\"sp-case-card__tag sp-case-card__tag--service\">\n                                                SEO audit                                            <\/span>\n                                                                                                            <\/div>\n                            \n                            <h3 class=\"sp-case-card__title\">\n                                <a href=\"https:\/\/www.imbatik.com\/en\/casos-de-exito\/seo-audit-for-a-tech-publication-that-tripled-its-organic-traffic\/\">SEO audit for a tech publication that tripled its organic traffic<\/a>\n                            <\/h3>\n\n                                                            <div class=\"sp-case-card__kpis\">\n                                                                            <div class=\"sp-case-card__kpi\">\n                                                                                            <span class=\"sp-case-card__kpi-icon material-symbols-outlined\">trending_up<\/span>\n                                                                                        <div class=\"sp-case-card__kpi-value\">x3<\/div>\n                                            <div class=\"sp-case-card__kpi-label\">Organic traffic<\/div>\n                                        <\/div>\n                                                                            <div class=\"sp-case-card__kpi\">\n                                                                                            <span class=\"sp-case-card__kpi-icon material-symbols-outlined\">play_circle<\/span>\n                                                                                        <div class=\"sp-case-card__kpi-value\">+3M<\/div>\n                                            <div class=\"sp-case-card__kpi-label\">YouTube views<\/div>\n                                        <\/div>\n                                                                            <div class=\"sp-case-card__kpi\">\n                                                                                            <span class=\"sp-case-card__kpi-icon material-symbols-outlined\">history_edu<\/span>\n                                                                                        <div class=\"sp-case-card__kpi-value\">+12<\/div>\n                                            <div class=\"sp-case-card__kpi-label\">Years in operation<\/div>\n                                        <\/div>\n                                                                    <\/div>\n                            \n                            <a href=\"https:\/\/www.imbatik.com\/en\/casos-de-exito\/seo-audit-for-a-tech-publication-that-tripled-its-organic-traffic\/\" class=\"sp-case-card__cta\">\n                                View full case                                <span class=\"material-symbols-outlined\">arrow_forward<\/span>\n                            <\/a>\n\n                        <\/div>\n                    <\/article>\n                                    <article class=\"sp-case-card sp-case-card--coral\">\n\n                        <a href=\"https:\/\/www.imbatik.com\/en\/casos-de-exito\/online-store-for-professional-beauty-distributor-material-estetica\/\" class=\"sp-case-card__media\" aria-label=\"Online store for professional beauty distributor Material Est\u00e9tica\">\n                                                            <img decoding=\"async\" src=\"https:\/\/www.imbatik.com\/wp-content\/uploads\/2026\/04\/material-estetica-1024x683.jpg\" alt=\"Online store for professional beauty distributor Material Est\u00e9tica\" loading=\"lazy\" title=\"\">\n                                                        <span class=\"sp-case-card__overlay\"><\/span>\n                        <\/a>\n\n                        <div class=\"sp-case-card__body\">\n\n                                                            <div class=\"sp-case-card__tags\">\n                                                                                                                        <span class=\"sp-case-card__tag sp-case-card__tag--sector\">\n                                                <span class=\"material-symbols-outlined\">category<\/span>\n                                                Retail                                            <\/span>\n                                                                                                                                                                                                    <span class=\"sp-case-card__tag sp-case-card__tag--service\">\n                                                Online store + SEO                                            <\/span>\n                                                                                                            <\/div>\n                            \n                            <h3 class=\"sp-case-card__title\">\n                                <a href=\"https:\/\/www.imbatik.com\/en\/casos-de-exito\/online-store-for-professional-beauty-distributor-material-estetica\/\">Online store for professional beauty distributor Material Est\u00e9tica<\/a>\n                            <\/h3>\n\n                                                            <div class=\"sp-case-card__kpis\">\n                                                                            <div class=\"sp-case-card__kpi\">\n                                                                                            <span class=\"sp-case-card__kpi-icon material-symbols-outlined\">inventory_2<\/span>\n                                                                                        <div class=\"sp-case-card__kpi-value\">+3.000<\/div>\n                                            <div class=\"sp-case-card__kpi-label\">Catalog items<\/div>\n                                        <\/div>\n                                                                            <div class=\"sp-case-card__kpi\">\n                                                                                            <span class=\"sp-case-card__kpi-icon material-symbols-outlined\">groups<\/span>\n                                                                                        <div class=\"sp-case-card__kpi-value\">+30K<\/div>\n                                            <div class=\"sp-case-card__kpi-label\">EU professionals<\/div>\n                                        <\/div>\n                                                                            <div class=\"sp-case-card__kpi\">\n                                                                                            <span class=\"sp-case-card__kpi-icon material-symbols-outlined\">language<\/span>\n                                                                                        <div class=\"sp-case-card__kpi-value\">4<\/div>\n                                            <div class=\"sp-case-card__kpi-label\">Languages<\/div>\n                                        <\/div>\n                                                                    <\/div>\n                            \n                            <a href=\"https:\/\/www.imbatik.com\/en\/casos-de-exito\/online-store-for-professional-beauty-distributor-material-estetica\/\" class=\"sp-case-card__cta\">\n                                View full case                                <span class=\"material-symbols-outlined\">arrow_forward<\/span>\n                            <\/a>\n\n                        <\/div>\n                    <\/article>\n                                    <article class=\"sp-case-card sp-case-card--green\">\n\n                        <a href=\"https:\/\/www.imbatik.com\/en\/casos-de-exito\/web-design-for-kaeso\/\" class=\"sp-case-card__media\" aria-label=\"Web design for Kaeso\">\n                                                            <img decoding=\"async\" src=\"https:\/\/www.imbatik.com\/wp-content\/uploads\/2026\/04\/kaeso-es.webp\" alt=\"Web design for Kaeso\" loading=\"lazy\" title=\"\">\n                                                        <span class=\"sp-case-card__overlay\"><\/span>\n                        <\/a>\n\n                        <div class=\"sp-case-card__body\">\n\n                                                            <div class=\"sp-case-card__tags\">\n                                                                                                                        <span class=\"sp-case-card__tag sp-case-card__tag--sector\">\n                                                <span class=\"material-symbols-outlined\">category<\/span>\n                                                Retail                                            <\/span>\n                                                                                                                                                                                                    <span class=\"sp-case-card__tag sp-case-card__tag--service\">\n                                                Online store                                            <\/span>\n                                                                                                            <\/div>\n                            \n                            <h3 class=\"sp-case-card__title\">\n                                <a href=\"https:\/\/www.imbatik.com\/en\/casos-de-exito\/web-design-for-kaeso\/\">Web design for Kaeso<\/a>\n                            <\/h3>\n\n                                                            <div class=\"sp-case-card__kpis\">\n                                                                            <div class=\"sp-case-card__kpi\">\n                                                                                            <span class=\"sp-case-card__kpi-icon material-symbols-outlined\">palette<\/span>\n                                                                                        <div class=\"sp-case-card__kpi-value\">+120<\/div>\n                                            <div class=\"sp-case-card__kpi-label\">Catalog items<\/div>\n                                        <\/div>\n                                                                            <div class=\"sp-case-card__kpi\">\n                                                                                            <span class=\"sp-case-card__kpi-icon material-symbols-outlined\">local_shipping<\/span>\n                                                                                        <div class=\"sp-case-card__kpi-value\">24\/48h<\/div>\n                                            <div class=\"sp-case-card__kpi-label\">Mainland Spain shipping<\/div>\n                                        <\/div>\n                                                                            <div class=\"sp-case-card__kpi\">\n                                                                                            <span class=\"sp-case-card__kpi-icon material-symbols-outlined\">eco<\/span>\n                                                                                        <div class=\"sp-case-card__kpi-value\">100%<\/div>\n                                            <div class=\"sp-case-card__kpi-label\">Natural and vegan<\/div>\n                                        <\/div>\n                                                                    <\/div>\n                            \n                            <a href=\"https:\/\/www.imbatik.com\/en\/casos-de-exito\/web-design-for-kaeso\/\" class=\"sp-case-card__cta\">\n                                View full case                                <span class=\"material-symbols-outlined\">arrow_forward<\/span>\n                            <\/a>\n\n                        <\/div>\n                    <\/article>\n                            <\/div>\n\n            \n        \n    <\/div>\n<\/div>\n\n<div id=\"partners-grid-block_19487ce89cf6655d32d31aa633d890ad\" class=\"sp-partners\">\n    <div class=\"sp-section__inner\">\n        <h2 class=\"sp-partners__title\">Technology Partners<\/h2>\n                    <p class=\"sp-partners__title-sub\">Official certifications that back our technical expertise in every tool.<\/p>\n        \n        <div class=\"sp-partners__grid\">\n                                                <img class=\"sp-partner-logo\" src=\"https:\/\/www.imbatik.com\/wp-content\/uploads\/2026\/05\/google-partner-oficial.svg\" alt=\"Partner\" width=\"140\" height=\"60\" loading=\"lazy\" decoding=\"async\" title=\"\">\n                                                                <img class=\"sp-partner-logo\" src=\"https:\/\/www.imbatik.com\/wp-content\/uploads\/2026\/05\/meta-business-partner.svg\" alt=\"Partner\" width=\"140\" height=\"60\" loading=\"lazy\" decoding=\"async\" title=\"\">\n                                                                <img class=\"sp-partner-logo\" src=\"https:\/\/www.imbatik.com\/wp-content\/uploads\/2026\/05\/microsoft-partner.svg\" alt=\"Partner\" width=\"140\" height=\"60\" loading=\"lazy\" decoding=\"async\" title=\"\">\n                                                                <img class=\"sp-partner-logo\" src=\"https:\/\/www.imbatik.com\/wp-content\/uploads\/2026\/05\/prestashop-partners.svg\" alt=\"Partner\" width=\"140\" height=\"60\" loading=\"lazy\" decoding=\"async\" title=\"\">\n                                                                <img class=\"sp-partner-logo\" src=\"https:\/\/www.imbatik.com\/wp-content\/uploads\/2026\/05\/rank-math-partner.svg\" alt=\"Partner\" width=\"140\" height=\"60\" loading=\"lazy\" decoding=\"async\" title=\"\">\n                                                                <img class=\"sp-partner-logo\" src=\"https:\/\/www.imbatik.com\/wp-content\/uploads\/2026\/05\/screamingfrog-partner.svg\" alt=\"Partner\" width=\"140\" height=\"60\" loading=\"lazy\" decoding=\"async\" title=\"\">\n                                                                <img class=\"sp-partner-logo\" src=\"https:\/\/www.imbatik.com\/wp-content\/uploads\/2026\/05\/semrush-partner.svg\" alt=\"Partner\" width=\"140\" height=\"60\" loading=\"lazy\" decoding=\"async\" title=\"\">\n                                                                <img class=\"sp-partner-logo\" src=\"https:\/\/www.imbatik.com\/wp-content\/uploads\/2026\/05\/shopify-partners.svg\" alt=\"Partner\" width=\"140\" height=\"60\" loading=\"lazy\" decoding=\"async\" title=\"\">\n                                                                <img class=\"sp-partner-logo\" src=\"https:\/\/www.imbatik.com\/wp-content\/uploads\/2026\/05\/sistrix-partner.svg\" alt=\"Partner\" width=\"140\" height=\"60\" loading=\"lazy\" decoding=\"async\" title=\"\">\n                                                                <img class=\"sp-partner-logo\" src=\"https:\/\/www.imbatik.com\/wp-content\/uploads\/2026\/05\/trueranker-partner.svg\" alt=\"Partner\" width=\"140\" height=\"60\" loading=\"lazy\" decoding=\"async\" title=\"\">\n                                                                <img class=\"sp-partner-logo\" src=\"https:\/\/www.imbatik.com\/wp-content\/uploads\/2026\/05\/ahrefs-partner.svg\" alt=\"Partner\" width=\"140\" height=\"60\" loading=\"lazy\" decoding=\"async\" title=\"\">\n                                                                <img class=\"sp-partner-logo\" src=\"https:\/\/www.imbatik.com\/wp-content\/uploads\/2026\/05\/google-analytics-4-partner.svg\" alt=\"Partner\" width=\"140\" height=\"60\" loading=\"lazy\" decoding=\"async\" title=\"\">\n                                    <\/div>\n    <\/div>\n<\/div>\n\n<div id=\"testimonials-block_4196a11ae1e55f56c93e68327580465b\" class=\"sp-section sp-testimonials\">\n    <div class=\"sp-section__inner\">\n        <div class=\"sp-section__header\">\n            <span class=\"sp-section__eyebrow\">Testimonials<\/span>\n            <h2 class=\"sp-section__title\">What Our Clients Say<\/h2>\n                            <p class=\"sp-section__subtitle\">What clients already working with Imbatik say<\/p>\n                    <\/div>\n\n        <div class=\"sp-testimonials__grid\">\n                            <div class=\"sp-testimonial\">\n                    <div class=\"sp-testimonial__stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n                    <p class=\"sp-testimonial__quote\">The Imbatik team understands digital business like few others. They cut our cost per acquisition by 45% while maintaining lead volume. Real, measurable results.<\/p>\n                    <div class=\"sp-testimonial__author\">\n                                                    <div class=\"sp-testimonial__avatar\">\n                                F                            <\/div>\n                                                <div>\n                            <p class=\"sp-testimonial__name\">Frank Juarez<\/p>\n                            <p class=\"sp-testimonial__role\">Founder &amp; CEO \u00b7 Material Est\u00e9tica<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                            <div class=\"sp-testimonial\">\n                    <div class=\"sp-testimonial__stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n                    <p class=\"sp-testimonial__quote\">Working with Imbatik was a turning point for our online store. We doubled our sales in six months thanks to their SEO strategy and the PrestaShop redesign.<\/p>\n                    <div class=\"sp-testimonial__author\">\n                                                    <div class=\"sp-testimonial__avatar\">\n                                P                            <\/div>\n                                                <div>\n                            <p class=\"sp-testimonial__name\">Pere Arnau<\/p>\n                            <p class=\"sp-testimonial__role\">CEO \u00b7 Fabrica tu L\u00e1mpara<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                    <\/div>\n    <\/div>\n<\/div>\n\n<div id=\"faqs-block_904b254e38afa406d2d471c2b33f72c8\" class=\"sp-section sp-section--gray\">\n    <div class=\"sp-section__inner\">\n        <div class=\"sp-section__header\">\n            <h2 class=\"sp-section__title\">Web design in Barcelona FAQs<\/h2>\n        <\/div>\n\n        <div class=\"sp-faq\">\n                                                <details class=\"sp-faq__item\" name=\"faqs_group\" open>\n                        <summary>\n                            Do you use Elementor, Divi or other visual page builders?                            <svg class=\"sp-faq__arrow\" viewBox=\"0 0 24 24\"><path d=\"M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41z\"\/><\/svg>\n                        <\/summary>\n                        <div class=\"sp-faq__body\">\n                            <p>No, except in very specific cases where the client specifically requires it. These builders add 30-60 extra scripts and CSS files that drive up load times and wreck Core Web Vitals. Our default solution: WordPress with Gutenberg + custom blocks (ACF Pro). Visual editing that&#039;s just as easy, without the technical baggage.<\/p>\n                        <\/div>\n                    <\/details>\n                                    <details class=\"sp-faq__item\" name=\"faqs_group\" >\n                        <summary>\n                            How long does it take to get a website ready?                            <svg class=\"sp-faq__arrow\" viewBox=\"0 0 24 24\"><path d=\"M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41z\"\/><\/svg>\n                        <\/summary>\n                        <div class=\"sp-faq__body\">\n                            <p>Standard corporate website: 6-10 weeks from the approved brief. PrestaShop ecommerce: 10-16 weeks. Custom Shopify: 8-14 weeks. Timelines assume content (copy, photos, products) arrives on time. If we produce the content, add 3-5 weeks depending on volume.<\/p>\n                        <\/div>\n                    <\/details>\n                                    <details class=\"sp-faq__item\" name=\"faqs_group\" >\n                        <summary>\n                            Will my website rank well on Google from the start?                            <svg class=\"sp-faq__arrow\" viewBox=\"0 0 24 24\"><path d=\"M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41z\"\/><\/svg>\n                        <\/summary>\n                        <div class=\"sp-faq__body\">\n                            <p>Technical SEO from day one, yes: schema, performance, internal linking, sitemap. But real rankings require content + accumulated authority, which takes time to build. If you want traffic from month 1, we pair the website launch with an SEO\/SEM plan.<\/p>\n                        <\/div>\n                    <\/details>\n                                    <details class=\"sp-faq__item\" name=\"faqs_group\" >\n                        <summary>\n                            Do you only do design, or content too (copy, photos)?                            <svg class=\"sp-faq__arrow\" viewBox=\"0 0 24 24\"><path d=\"M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41z\"\/><\/svg>\n                        <\/summary>\n                        <div class=\"sp-faq__body\">\n                            <p>Both, whichever you prefer. If you have your own team or copywriter, you provide the content and we lay it out. If you need everything, we have specialized SEO writers and a network of professional photographers in Barcelona. The price reflects the actual scope.<\/p>\n                        <\/div>\n                    <\/details>\n                                    <details class=\"sp-faq__item\" name=\"faqs_group\" >\n                        <summary>\n                            Will my website be 100% mine when the project ends?                            <svg class=\"sp-faq__arrow\" viewBox=\"0 0 24 24\"><path d=\"M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41z\"\/><\/svg>\n                        <\/summary>\n                        <div class=\"sp-faq__body\">\n                            <p>Yes. We give you full access to the domain, hosting and CMS. The custom theme code is yours, and we hand it over in a Git repository. If you ever decide to switch agencies, you&#039;re not tied to anything. This is written into the contract.<\/p>\n                        <\/div>\n                    <\/details>\n                                    <details class=\"sp-faq__item\" name=\"faqs_group\" >\n                        <summary>\n                            Do you offer monthly maintenance after delivery?                            <svg class=\"sp-faq__arrow\" viewBox=\"0 0 24 24\"><path d=\"M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41z\"\/><\/svg>\n                        <\/summary>\n                        <div class=\"sp-faq__body\">\n                            <p>Yes, optional plans. If your team handles it, great: we&#039;ll train you. If you&#039;d rather delegate, we can take care of it (updates, backups, monitoring, support hours). You don&#039;t have to sign up with us for us to deliver your website.<\/p>\n                        <\/div>\n                    <\/details>\n                                    <details class=\"sp-faq__item\" name=\"faqs_group\" >\n                        <summary>\n                            How do you work day to day?                            <svg class=\"sp-faq__arrow\" viewBox=\"0 0 24 24\"><path d=\"M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41z\"\/><\/svg>\n                        <\/summary>\n                        <div class=\"sp-faq__body\">\n                            <p>We work remotely with clients all over Spain. When we need to meet, we come to you. Most projects are managed remotely with the occasional meeting.<\/p>\n                        <\/div>\n                    <\/details>\n                                    <details class=\"sp-faq__item\" name=\"faqs_group\" >\n                        <summary>\n                            How much does a professional website cost in Barcelona?                            <svg class=\"sp-faq__arrow\" viewBox=\"0 0 24 24\"><path d=\"M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41z\"\/><\/svg>\n                        <\/summary>\n                        <div class=\"sp-faq__body\">\n                            <p>It depends on the scope. An SMB corporate website starts at a modest range; a complex ecommerce store with integrations calls for a larger investment. We do a free initial audit and give you a detailed quote tailored to your case. No generic package table.<\/p>\n                        <\/div>\n                    <\/details>\n                                    <\/div>\n        \n        \n        <script>\n        document.addEventListener('DOMContentLoaded', function() {\n            const details = document.querySelectorAll('#faqs-block_904b254e38afa406d2d471c2b33f72c8 .sp-faq__item');\n            details.forEach((targetDetail) => {\n                targetDetail.addEventListener('click', () => {\n                    details.forEach((detail) => {\n                        if (detail !== targetDetail) {\n                            detail.removeAttribute('open');\n                        }\n                    });\n                });\n            });\n        });\n        <\/script>\n    <\/div>\n<\/div>\n\n<div id=\"cta-final-block_aa40ecb60b204653101699d3b3360919\" class=\"sp-cta\">\n    <div class=\"sp-cta__inner\">\n                    <span class=\"sp-cta__eyebrow\">Start now<\/span>\n        \n        <h2 class=\"sp-cta__title\">\n            Let&#8217;s get you a quote        <\/h2>\n\n                    <p class=\"sp-cta__desc\">If you need a professional website in Barcelona, let&#039;s talk. The initial audit and quote are always free. Within 48-72 hours you&#039;ll have a detailed proposal with scope, timelines and pricing. No obligation.<\/p>\n        \n        <div class=\"sp-cta__actions\">\n                            <a href=\"https:\/\/www.imbatik.com\/en\/contact\/\" class=\"btn-white\">Get a quote<\/a>\n                                        <a href=\"https:\/\/www.imbatik.com\/en\/contact\/\" class=\"btn-ghost\">Contact us<\/a>\n                    <\/div>\n\n        \n                    <p class=\"sp-cta__tagline\">\n                                    <span>10+ years<\/span>\n                                    <span>500+ projects<\/span>\n                                    <span>Google, Meta &amp; PrestaShop Partners<\/span>\n                            <\/p>\n            <\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Web design company in Barcelona with 500+ projects. WordPress, PrestaShop, Shopify. UX\/UI design, development, SEO and maintenance. Offices in Terrassa and Girona.<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":9804,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-9716","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.imbatik.com\/en\/wp-json\/wp\/v2\/pages\/9716","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.imbatik.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.imbatik.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.imbatik.com\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.imbatik.com\/en\/wp-json\/wp\/v2\/comments?post=9716"}],"version-history":[{"count":5,"href":"https:\/\/www.imbatik.com\/en\/wp-json\/wp\/v2\/pages\/9716\/revisions"}],"predecessor-version":[{"id":10299,"href":"https:\/\/www.imbatik.com\/en\/wp-json\/wp\/v2\/pages\/9716\/revisions\/10299"}],"up":[{"embeddable":true,"href":"https:\/\/www.imbatik.com\/en\/wp-json\/wp\/v2\/pages\/9804"}],"wp:attachment":[{"href":"https:\/\/www.imbatik.com\/en\/wp-json\/wp\/v2\/media?parent=9716"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}