{"id":6162,"date":"2025-10-06T11:38:18","date_gmt":"2025-10-06T09:38:18","guid":{"rendered":"https:\/\/www.xarxalia.com\/news\/website-redesign-graciacalbet-com\/"},"modified":"2025-10-09T10:03:20","modified_gmt":"2025-10-09T08:03:20","slug":"website-redesign","status":"publish","type":"post","link":"https:\/\/www.xarxalia.com\/en\/news\/website-redesign\/","title":{"rendered":"Website redesign GR\u00c0CIACALBET.COM"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"6162\" class=\"elementor elementor-6162 elementor-6118\" data-elementor-post-type=\"post\">\n\t\t\t\t<div class=\"elementor-element elementor-element-40ea411 e-flex e-con-boxed e-con e-parent\" data-id=\"40ea411\" 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-6641949 elementor-widget elementor-widget-heading\" data-id=\"6641949\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">A historic law firm with a digital vision<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0e5eb80 e-grid e-con-full e-con e-child\" data-id=\"0e5eb80\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-69e465d elementor-widget elementor-widget-text-editor\" data-id=\"69e465d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><strong>GR\u00c0CIACALBET <\/strong>is a law firm with more than 45 years of experience, recognized for its rigor, commitment, and specialization in business, tax, commercial, and civil law. With a solid track record and an impeccable reputation, the challenge was not to create a <strong>\n  <a href=\"https:\/\/www.xarxalia.com\/en\/web-services\/\">new website<\/a>\n<\/strong>, but to transform its digital presence to reflect the strength, modernity, and international projection that define the firm. <\/p><p>At <strong>Xarxalia<\/strong>, we approached this project with a clear premise: to renew without losing the essence. The<strong> new website had to convey trust and legal excellence<\/strong>, while also being a model of technical efficiency, <strong>accessibility<\/strong>, and <strong>SEO performance<\/strong>.<\/p><p>To achieve this, we carried out a comprehensive redesign, where every decision \u2014from the content architecture to the AI-generated animations\u2014 follows a consistent strategy: to offer a seamless, modern, and fully optimized experience for both users and search engines.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a354c99 elementor-widget elementor-widget-video\" data-id=\"a354c99\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;video_type&quot;:&quot;hosted&quot;,&quot;autoplay&quot;:&quot;yes&quot;,&quot;play_on_mobile&quot;:&quot;yes&quot;,&quot;mute&quot;:&quot;yes&quot;,&quot;loop&quot;:&quot;yes&quot;}\" data-widget_type=\"video.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"e-hosted-video elementor-wrapper elementor-open-inline\">\n\t\t\t\t\t<video class=\"elementor-video\" src=\"https:\/\/www.xarxalia.com\/images\/graciacalbet-logo-video-gaudi.mp4\" autoplay=\"\" loop=\"\" muted=\"muted\" playsinline=\"\" controlsList=\"nodownload\"><\/video>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-14543b3 elementor-widget elementor-widget-heading\" data-id=\"14543b3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">A redesign based on strategy and precision<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e7e45f6 e-grid e-con-full e-con e-child\" data-id=\"e7e45f6\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-6d1f18b e-con-full e-flex e-con e-child\" data-id=\"6d1f18b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-31d2be5 elementor-widget elementor-widget-text-editor\" data-id=\"31d2be5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>When a firm with the prestige of <strong>GR\u00c0CIACALBET<\/strong> decides to renew its website, it\u2019s not just about updating its aesthetics, but about<strong> redefining how it communicates its value in the digital environment<\/strong>. The goal was to build a website that speaks the same language as its clients: professional, direct, and precise. <\/p><p>At <strong>Xarxalia<\/strong>, we began with a full audit of the previous site to identify its weaknesses and areas for improvement. Based on that analysis, we structured a work plan focused on three fundamental pillars: <\/p><ol><li><strong>A professional image<\/strong> consistent with the legal sector, based on a sober and elegant design that conveys authority and trust.<\/li><li><strong>Comprehensive SEO optimization<\/strong>, with an in-depth restructuring of the content and a clear semantic hierarchy that strengthens organic positioning.<\/li><li><strong>Advanced technical architecture<\/strong>, with clean, template-free development that prioritizes speed, security, and scalability.<\/li><\/ol><p>The result is a completely new website that remains true to the firm\u2019s essence. Every section \u2014from services to the blog\u2014 was designed to guide the user clearly, reinforce the firm\u2019s credibility, and facilitate conversion through visible and natural calls to action. <\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7a8be30 e-con-full e-flex e-con e-child\" data-id=\"7a8be30\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6b7db5e elementor-widget elementor-widget-image\" data-id=\"6b7db5e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"819\" height=\"1024\" src=\"https:\/\/www.xarxalia.com\/images\/graciacalbet-escritorio.jpg\" class=\"attachment-large size-large wp-image-6125\" alt=\"Mockup de GR\u00c0CIACALBET\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a1077b1 e-con-full e-flex e-con e-child\" data-id=\"a1077b1\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bde957f elementor-widget elementor-widget-heading\" data-id=\"bde957f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">High-level SEO: performance and relevance<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2ed42a3 elementor-widget elementor-widget-text-editor\" data-id=\"2ed42a3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>One of the main pillars of the project was the organic repositioning of <strong>GR\u00c0CIACALBET<\/strong> in search engines. Although the firm had a solid offline reputation, its digital presence did not reflect the same level of authority. At Xarxalia, we designed a <strong>\n  <span style=\"color: #ffffff;\">\n    <a href=\"https:\/\/www.xarxalia.com\/en\/web-services\/web-positioning\/seo-consultant\/\">global SEO strategy<\/a>\n  <\/span>\n<\/strong> that covered both the technical structure and content optimization.  <\/p><p>We started with a complete<strong> SEO audit<\/strong> of the previous site, identifying indexing errors, inconsistencies in headings, and weaknesses in internal linking. From there, we rewrote the texts with a strategic approach: combining legal precision with natural, accessible language optimized for the main keywords in the legal sector. <\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-518f259 e-grid e-con-full e-con e-child\" data-id=\"518f259\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8d17f69 elementor-widget elementor-widget-text-editor\" data-id=\"8d17f69\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Essential improvements were implemented, such as:<\/p><ul><li><strong>Proper semantic hierarchies (H1\u2013H3) <\/strong>on all pages.<\/li><li>Custom titles and meta descriptions for each service and specialty.<\/li><li><strong>Structured data markup (schema)<\/strong> to enhance visibility on Google.<\/li><li><strong>Multilingual SEO optimization<\/strong>, ensuring that the Spanish, Catalan, English, and Italian versions were correctly indexed.<\/li><li><strong>Clean, user-friendly URLs<\/strong> with no duplicates or crawl errors.<\/li><\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4ea318d elementor-widget elementor-widget-image\" data-id=\"4ea318d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"1024\" height=\"683\" src=\"https:\/\/www.xarxalia.com\/images\/mockup-mobile-graciacalbet.webp\" class=\"attachment-large size-large wp-image-6128\" alt=\"Mockup Mobile GR\u00c0CIACALBET.com\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-db9be3b elementor-widget elementor-widget-text-editor\" data-id=\"db9be3b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>In addition, the new development delivers<strong> superior performance<\/strong>, with optimized loading times, WebP image formats, and an intelligent <strong>caching system on Xarxalia\u2019s private servers<\/strong>.<br>The result: a faster, more visible, and better-ranked website that now communicates both the firm\u2019s prestige and its commitment to innovation.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d2f4b7f elementor-widget elementor-widget-heading\" data-id=\"d2f4b7f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Architecture and technical development<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-850d6c1 elementor-widget elementor-widget-text-editor\" data-id=\"850d6c1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>The new <strong>GR\u00c0CIACALBET<\/strong> website was built from scratch, with a fully customized development that reflects <strong>Xarxalia\u2019s <\/strong>handcrafted approach. No predefined templates were used \u2014 every line of code, every transition, and every visual block was designed and programmed from the ground up to ensure flawless performance and an aesthetic consistent with the firm\u2019s high standards. <\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4098de4 e-grid e-con-full e-con e-child\" data-id=\"4098de4\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-311933f elementor-widget elementor-widget-text-editor\" data-id=\"311933f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>The development focused on three fundamental objectives:<\/p><ul><li><strong>Performance and stability:<\/strong> every element was optimized to deliver minimal loading times and smooth navigation, even on mobile devices. WebP image formats, lazy loading techniques, and an advanced compression system were implemented on Xarxalia\u2019s private servers, ensuring maximum security and control. <\/li><li><strong>Scalability and future maintenance: <\/strong>the modular architecture allows for quick and secure updates without affecting the site\u2019s core. This ensures that the portal can grow alongside the firm, incorporating new services, languages, or functionalities. <\/li><li><strong>User experience:<\/strong> the clean and structured code enhances interaction, reduces errors, and optimizes the Core Web Vitals \u2014 Google\u2019s indicators that measure a website\u2019s technical quality.<\/li><\/ul><p> <\/p><p>The result is a website that not only looks good but also performs with precision and stability, meeting the highest standards of development and optimization.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a44c658 e-con-full e-flex e-con e-child\" data-id=\"a44c658\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b895a2f elementor-widget elementor-widget-code-highlight\" data-id=\"b895a2f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"code-highlight.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"prismjs-default copy-to-clipboard \">\n\t\t\t<pre data-line=\"\" class=\"highlight-height language-javascript line-numbers\">\n\t\t\t\t<code readonly=\"true\" class=\"language-javascript\">\n\t\t\t\t\t<xmp>tl.fromTo(\n            this,\n            {\n                clipPath: 'circle(0%)',\n                duration: 0.5,\n            },\n            {\n                clipPath: 'circle(75%)',\n                duration: 0.5,\n            }\n        );<\/xmp>\n\t\t\t\t<\/code>\n\t\t\t<\/pre>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a9de6b0 elementor-widget elementor-widget-text-editor\" data-id=\"a9de6b0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Our developer is quite proud of this line of code<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-138ea21 elementor-widget elementor-widget-heading\" data-id=\"138ea21\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Accessibility: a website for everyone<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-72d0bea elementor-widget elementor-widget-text-editor\" data-id=\"72d0bea\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>At <strong>Xarxalia<\/strong>, we understand that a modern website should not only be visually appealing but also <strong>accessible to everyone<\/strong>. That\u2019s why one of the pillars of the<strong> GR\u00c0CIACALBET<\/strong> redesign was ensuring that every user \u2014including those with visual impairments or navigation difficulties\u2014 can access all content without barriers.<\/p><p>The new site complies with the criteria of the <strong>European Accessibility Act (EU Directive 2019\/882) <\/strong>and international <strong>WCAG 2.1<\/strong> standards, ensuring an inclusive experience.<br>Among the implemented improvements, the following stand out:<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6d0a643 e-n-tabs-mobile elementor-widget elementor-widget-n-tabs\" data-id=\"6d0a643\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;horizontal_scroll&quot;:&quot;disable&quot;}\" data-widget_type=\"nested-tabs.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"e-n-tabs\" data-widget-number=\"114337347\" aria-label=\"Tabs. Open items with Enter or Space, close with Escape and navigate using the Arrow keys.\">\n\t\t\t<div class=\"e-n-tabs-heading\" role=\"tablist\">\n\t\t\t\t\t<button id=\"e-n-tab-title-1143373471\" data-tab-title-id=\"e-n-tab-title-1143373471\" class=\"e-n-tab-title\" aria-selected=\"true\" data-tab-index=\"1\" role=\"tab\" tabindex=\"0\" aria-controls=\"e-n-tab-content-1143373471\" style=\"--n-tabs-title-order: 1;\">\n\t\t\t\t\t\t<span class=\"e-n-tab-title-text\">\n\t\t\t\tOptimized contrasts\t\t\t<\/span>\n\t\t<\/button>\n\t\t\t\t<button id=\"e-n-tab-title-1143373472\" data-tab-title-id=\"e-n-tab-title-1143373472\" class=\"e-n-tab-title\" aria-selected=\"false\" data-tab-index=\"2\" role=\"tab\" tabindex=\"-1\" aria-controls=\"e-n-tab-content-1143373472\" style=\"--n-tabs-title-order: 2;\">\n\t\t\t\t\t\t<span class=\"e-n-tab-title-text\">\n\t\t\t\tDescriptive alt tags\t\t\t<\/span>\n\t\t<\/button>\n\t\t\t\t<button id=\"e-n-tab-title-1143373473\" data-tab-title-id=\"e-n-tab-title-1143373473\" class=\"e-n-tab-title\" aria-selected=\"false\" data-tab-index=\"3\" role=\"tab\" tabindex=\"-1\" aria-controls=\"e-n-tab-content-1143373473\" style=\"--n-tabs-title-order: 3;\">\n\t\t\t\t\t\t<span class=\"e-n-tab-title-text\">\n\t\t\t\tLogical heading hierarchies\t\t\t<\/span>\n\t\t<\/button>\n\t\t\t\t<button id=\"e-n-tab-title-1143373474\" data-tab-title-id=\"e-n-tab-title-1143373474\" class=\"e-n-tab-title\" aria-selected=\"false\" data-tab-index=\"4\" role=\"tab\" tabindex=\"-1\" aria-controls=\"e-n-tab-content-1143373474\" style=\"--n-tabs-title-order: 4;\">\n\t\t\t\t\t\t<span class=\"e-n-tab-title-text\">\n\t\t\t\tAccessible forms\t\t\t<\/span>\n\t\t<\/button>\n\t\t\t\t<button id=\"e-n-tab-title-1143373475\" data-tab-title-id=\"e-n-tab-title-1143373475\" class=\"e-n-tab-title\" aria-selected=\"false\" data-tab-index=\"5\" role=\"tab\" tabindex=\"-1\" aria-controls=\"e-n-tab-content-1143373475\" style=\"--n-tabs-title-order: 5;\">\n\t\t\t\t\t\t<span class=\"e-n-tab-title-text\">\n\t\t\t\tFull keyboard compatibility\t\t\t<\/span>\n\t\t<\/button>\n\t\t\t\t\t<\/div>\n\t\t\t<div class=\"e-n-tabs-content\">\n\t\t\t\t<div id=\"e-n-tab-content-1143373471\" role=\"tabpanel\" aria-labelledby=\"e-n-tab-title-1143373471\" data-tab-index=\"1\" style=\"--n-tabs-title-order: 1;\" class=\"e-active elementor-element elementor-element-f109337 e-con-full e-flex e-con e-child\" data-id=\"f109337\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-50e3af2 e-grid e-con-full e-con e-child\" data-id=\"50e3af2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6e1976e elementor-widget elementor-widget-text-editor\" data-id=\"6e1976e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Between text and background to ensure comfortable reading on any screen or lighting condition.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4c7ac02 elementor-widget elementor-widget-image\" data-id=\"4c7ac02\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"200\" height=\"70\" src=\"https:\/\/www.xarxalia.com\/images\/EJEMPLO-DE-CONTRASTE-ALTO.jpg\" class=\"attachment-large size-large wp-image-6131\" alt=\"Ejemplo de contraste alto\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div id=\"e-n-tab-content-1143373472\" role=\"tabpanel\" aria-labelledby=\"e-n-tab-title-1143373472\" data-tab-index=\"2\" style=\"--n-tabs-title-order: 2;\" class=\" elementor-element elementor-element-6b7c206 e-con-full e-flex e-con e-child\" data-id=\"6b7c206\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-d127e46 e-grid e-con-full e-con e-child\" data-id=\"d127e46\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2a457f5 elementor-widget elementor-widget-text-editor\" data-id=\"2a457f5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>On all images, facilitating interpretation through screen readers.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a355b0b elementor-widget elementor-widget-code-highlight\" data-id=\"a355b0b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"code-highlight.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"prismjs-default copy-to-clipboard \">\n\t\t\t<pre data-line=\"\" class=\"highlight-height language-css line-numbers\">\n\t\t\t\t<code readonly=\"true\" class=\"language-css\">\n\t\t\t\t\t<xmp><img decoding=\"async\" id=\"img-main\" src=\"https:\/\/graciacalbet.com\/images\/graciacalbet-office.jpg\" alt=\"Oficinas de GR\u00c0CIACALBET con Anna Calbet y Erola Gr\u00e0cia\" class=\"transition-all duration-800 ease-out w-full block entered lazyloaded\" data-lazy-src=\"https:\/\/graciacalbet.com\/images\/graciacalbet-office.jpg\" data-ll-status=\"loaded\"><\/xmp>\n\t\t\t\t<\/code>\n\t\t\t<\/pre>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div id=\"e-n-tab-content-1143373473\" role=\"tabpanel\" aria-labelledby=\"e-n-tab-title-1143373473\" data-tab-index=\"3\" style=\"--n-tabs-title-order: 3;\" class=\" elementor-element elementor-element-b9df9f2 e-con-full e-flex e-con e-child\" data-id=\"b9df9f2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-558ce30 elementor-widget elementor-widget-text-editor\" data-id=\"558ce30\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>(H1\u2013H2\u2013H3) That improve content comprehension and assisted navigation. <\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div id=\"e-n-tab-content-1143373474\" role=\"tabpanel\" aria-labelledby=\"e-n-tab-title-1143373474\" data-tab-index=\"4\" style=\"--n-tabs-title-order: 4;\" class=\" elementor-element elementor-element-ad44aa1 e-flex e-con-boxed e-con e-child\" data-id=\"ad44aa1\" 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-a6bc870 elementor-widget elementor-widget-image\" data-id=\"a6bc870\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"414\" src=\"https:\/\/www.xarxalia.com\/images\/formulario-adaptado-graciacalbet.png\" class=\"attachment-large size-large wp-image-6134\" alt=\"Formularios adaptados en GR\u00c0CIACALBET.com\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div id=\"e-n-tab-content-1143373475\" role=\"tabpanel\" aria-labelledby=\"e-n-tab-title-1143373475\" data-tab-index=\"5\" style=\"--n-tabs-title-order: 5;\" class=\" elementor-element elementor-element-238f43b e-flex e-con-boxed e-con e-child\" data-id=\"238f43b\" 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-8844881 elementor-widget elementor-widget-text-editor\" data-id=\"8844881\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Ensuring access without the need for a mouse or touch devices.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d6a8797 elementor-widget elementor-widget-text-editor\" data-id=\"d6a8797\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Beyond regulatory compliance, this accessibility adds extra value: it reinforces the brand\u2019s commitment to digital inclusion and improves SEO positioning, as search engines prioritize usable and properly tagged websites.<\/p><p>The result is a more human, <strong>more functional website, designed for all audiences<\/strong> \u2014 proving how technology and empathy can coexist within the same design.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3be8450 elementor-widget elementor-widget-heading\" data-id=\"3be8450\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Smart animations with AI and GSAP<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1757534 elementor-widget elementor-widget-text-editor\" data-id=\"1757534\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>One of the most innovative aspects of the<strong> GR\u00c0CIACALBET<\/strong> project was the integration of advanced technology in animation and visual content generation. From the start, the goal was to give the website a modern and dynamic presence without compromising the sobriety that characterizes a law firm. <\/p><p>To achieve this, <strong>Xarxalia\u2019s <\/strong>development team implemented <strong>GSAP (GreenSock Animation Platform)<\/strong>, one of the most powerful libraries on the market for smooth web animations. Thanks to it, they achieved seamless transitions, natural scrolling effects, and a sense of controlled motion that brings the site to life without distracting from the main content. <\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7c22590 e-flex e-con-boxed e-con e-parent\" data-id=\"7c22590\" 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-6949771 elementor-widget elementor-widget-html\" data-id=\"6949771\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<iframe height=\"300\" style=\"width: 100%;\" scrolling=\"no\" title=\"Mighty fish\" src=\"https:\/\/codepen.io\/Yakudoo\/embed\/BNNGBq?default-tab=html%2Cresult\" frameborder=\"no\" loading=\"lazy\" allowtransparency=\"true\" allowfullscreen=\"true\">\n See the Pen <a href=\"https:\/\/codepen.io\/Yakudoo\/pen\/BNNGBq\" target=\"_blank\" rel=\"noopener\">\nMighty fish<\/a> by Karim Maaloul (<a href=\"https:\/\/codepen.io\/Yakudoo\" target=\"_blank\" rel=\"noopener\">@Yakudoo<\/a>)\non <a href=\"https:\/\/codepen.io\" target=\"_blank\" rel=\"noopener\">CodePen<\/a>.\n<\/iframe>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-189bc22 elementor-widget elementor-widget-text-editor\" data-id=\"189bc22\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>In addition, <strong>some of the animations and visual assets were generated using artificial intelligence through <\/strong><strong>SORA<\/strong>, an AI system capable of producing realistic videos and visual effects from prompts. This made it possible to create customized audiovisual pieces aligned with the brand\u2019s corporate tone, enhancing both the visual narrative and user interaction. <\/p><p>These technologies were integrated in a lightweight, optimized way, fully compatible with accessibility and SEO standards. The result is a website that<strong> combines cutting-edge technology with visual elegance<\/strong>, delivering an immersive, professional, and technically flawless experience. <\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a537c77 e-con-full e-flex e-con e-child\" data-id=\"a537c77\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4ec115f elementor-widget elementor-widget-heading\" data-id=\"4ec115f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">A unique, high-performance website<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-12f14e2 elementor-widget elementor-widget-text-editor\" data-id=\"12f14e2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>The new <strong>GR\u00c0CIACALBET<\/strong> website represents a qualitative leap in every sense: design, performance, accessibility, and positioning. It is not merely an aesthetic update but a <strong>complete reconstruction of the digital experience <\/strong>for a firm with decades of history. <\/p><p>The firm now has a solid, fast, and scalable website. The technical improvements translate into minimal loading times and optimal performance on any device; the SEO architecture strengthens the brand\u2019s visibility in search engines, and accessibility ensures that anyone can navigate and understand the content without limitations. <\/p><p>The balance between technology, strategy, and communication is reflected in every detail:<\/p><ul><li>An elegant, corporate design that matches the firm\u2019s prestige.<\/li><li>A custom-built development, free from external dependencies or generic templates.<\/li><li>Optimized, multilingual content structured to climb positions on Google.<\/li><li>A modern technical foundation, hosted on Xarxalia\u2019s private servers, ensuring security, control, and long-term stability.<\/li><\/ul><p> <\/p><p>The final result is a website that elevates GR\u00c0CIACALBET\u2019s digital presence to the level of excellence that defines its legal practice, reaffirming Xarxalia\u2019s commitment to innovation, quality, and the development of unique projects.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a2ed149 elementor-widget elementor-widget-heading\" data-id=\"a2ed149\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Innovation, accessibility, trust, and Ramon<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a543f6b e-grid e-con-full e-con e-child\" data-id=\"a543f6b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-b2f91dd e-con-full e-flex e-con e-child\" data-id=\"b2f91dd\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6f22b49 elementor-widget elementor-widget-text-editor\" data-id=\"6f22b49\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>At <strong>Xarxalia<\/strong>, we believe that every digital project should be more than just a beautiful website \u2014 it should be a <strong>strategic tool that communicates, converts, and endures over time<\/strong>. The redesign of the<strong> GR\u00c0CIACALBET <\/strong>website reflects that philosophy: a balanced combination of advanced technology, SEO architecture, universal accessibility, and a visual identity refined down to the smallest detail. <\/p><p>This project sets a new standard in our work: smooth <strong>GSAP<\/strong> animations,<strong> AI-generated assets<\/strong>, accessibility adapted to the new <strong>European Accessibility Act<\/strong>, and a clean, optimized technical development hosted on our<strong> private servers.<\/strong><\/p><p>At Xarxalia, we continue to research, develop, and apply the latest technologies to offer our clients unique,<strong> fast, secure websites designed for all users<\/strong>.<br>If your company needs to <strong>modernize its digital presence<\/strong>, <strong>improve its search visibility<\/strong>, or <strong>ensure regulatory compliance<\/strong>, our team can help you achieve it with the same precision and excellence applied to this project.<\/p><p>Trust <strong>Xarxalia<\/strong> to transform your website into a true competitive advantage.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6847ee8 elementor-align-center elementor-widget elementor-widget-button\" data-id=\"6847ee8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/www.xarxalia.com\/en\/contact-us\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">CONTACT RAMON<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8cb35a7 elementor-widget elementor-widget-image\" data-id=\"8cb35a7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"819\" height=\"1024\" src=\"https:\/\/www.xarxalia.com\/images\/xarxalia-ramon.png\" class=\"attachment-large size-large wp-image-5404\" alt=\"Ramon Heredia Desarrollador de Xarxalia\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-47e9959 elementor-widget elementor-widget-heading\" data-id=\"47e9959\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">FAQs<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3622125 elementor-widget elementor-widget-n-accordion\" data-id=\"3622125\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;default_state&quot;:&quot;expanded&quot;,&quot;max_items_expended&quot;:&quot;one&quot;,&quot;n_accordion_animation_duration&quot;:{&quot;unit&quot;:&quot;ms&quot;,&quot;size&quot;:400,&quot;sizes&quot;:[]}}\" data-widget_type=\"nested-accordion.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"e-n-accordion\" aria-label=\"Accordion. Open links with Enter or Space, close with Escape, and navigate with Arrow Keys\">\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-5670\" class=\"e-n-accordion-item\" open>\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"1\" tabindex=\"0\" aria-expanded=\"true\" aria-controls=\"e-n-accordion-item-5670\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> What does it mean to redesign a website? <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-minus\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h384c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span>\n\t\t\t<span class='e-closed'><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-plus\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-5670\" class=\"elementor-element elementor-element-243ff1f e-con-full e-flex e-con e-child\" data-id=\"243ff1f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-637eeac elementor-widget elementor-widget-text-editor\" data-id=\"637eeac\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Redesigning a website involves reviewing and rebuilding its structure, design, and content to improve performance, usability, and search engine ranking. It\u2019s not just about changing the visual appearance but also about updating the technology, optimizing SEO, improving information architecture, and adapting the user experience to current standards.<br>A good redesign should also consider accessibility, security, and loading speed, ensuring that the site complies with new digital regulations such as the European Accessibility Act (Directive 2019\/882). <\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-5671\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"2\" tabindex=\"-1\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-5671\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> What is GSAP and why is it used in web development? <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-minus\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h384c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span>\n\t\t\t<span class='e-closed'><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-plus\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-5671\" class=\"elementor-element elementor-element-bb9f411 e-con-full e-flex e-con e-child\" data-id=\"bb9f411\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f85ce9c elementor-widget elementor-widget-text-editor\" data-id=\"f85ce9c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>GSAP (GreenSock Animation Platform) is one of the most advanced and stable animation libraries for modern web development. It enables smooth, precise, and high-performance effects, far superior to those achieved with standard CSS or JavaScript.<br>In projects like GR\u00c0CIACALBET, GSAP is used to add smooth transitions, scroll animations, and microinteractions that enhance the user experience without compromising site speed. It is also fully optimized to work with modern frameworks and fully compatible with accessibility and SEO best practices.  <\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-5672\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"3\" tabindex=\"-1\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-5672\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> What are the benefits of an accessible website? <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-minus\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h384c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span>\n\t\t\t<span class='e-closed'><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-plus\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-5672\" class=\"elementor-element elementor-element-92a86ff e-con-full e-flex e-con e-child\" data-id=\"92a86ff\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-05c5e3b elementor-widget elementor-widget-text-editor\" data-id=\"05c5e3b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>An accessible website is one that can be used by everyone, regardless of their abilities or limitations. This includes people with visual, auditory, motor, or cognitive disabilities, among others.<br>The benefits are numerous: <\/p><p>Legal compliance with the European Directive 2019\/882.<\/p><p>Improved user experience for all visitors.<\/p><p>Increased audience reach by removing digital barriers.<\/p><p>Enhanced SEO performance, as search engines value clean semantic structures and well-tagged content.<br>At Xarxalia, we treat accessibility as an essential part of every development, implementing proper contrast, alternative text (alt), clear hierarchies, and keyboard-adapted navigation.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-5673\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"4\" tabindex=\"-1\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-5673\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> What role does artificial intelligence play in modern web design? <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-minus\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h384c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span>\n\t\t\t<span class='e-closed'><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-plus\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-5673\" class=\"elementor-element elementor-element-8bbb3d3 e-flex e-con-boxed e-con e-child\" data-id=\"8bbb3d3\" 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-4fb6a50 elementor-widget elementor-widget-text-editor\" data-id=\"4fb6a50\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Artificial intelligence (AI) has become a key tool in modern web development. It enables process automation, visual content generation, and user behavior analysis to enhance the digital experience.<br>In the case of GR\u00c0CIACALBET, SORA was used \u2014 a technology capable of creating personalized videos and animations through AI, bringing dynamism and visual coherence without compromising performance.<br>AI also helps optimize images, predict interactions, adapt content, and perform accessibility audits more quickly and efficiently. <\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-5674\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"5\" tabindex=\"-1\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-5674\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> Why is it important to update SEO during a website redesign? <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-minus\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h384c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span>\n\t\t\t<span class='e-closed'><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-plus\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-5674\" class=\"elementor-element elementor-element-8c1606f e-flex e-con-boxed e-con e-child\" data-id=\"8c1606f\" 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-678d791 elementor-widget elementor-widget-text-editor\" data-id=\"678d791\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>SEO is not a decorative element but the foundation of online visibility. Every redesign must include a complete review of organic positioning, as changes in content, URLs, or code can directly impact search engine indexing.<br>During the GR\u00c0CIACALBET project, Xarxalia restructured tags, metadata, internal links, and semantic hierarchies to ensure that each page maintained \u2014and improved\u2014 its position on Google.<br>Updating SEO during a redesign ensures that the new site preserves domain authority, avoids 404 errors, and leverages the new architecture to enhance the relevance of every piece of content. <\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-5675\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"6\" tabindex=\"-1\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-5675\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> How is the success of a website redesign measured? <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-minus\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h384c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span>\n\t\t\t<span class='e-closed'><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-plus\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-5675\" class=\"elementor-element elementor-element-b211c71 e-flex e-con-boxed e-con e-child\" data-id=\"b211c71\" 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-07dcce7 elementor-widget elementor-widget-text-editor\" data-id=\"07dcce7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>The success of a redesign is measured through clear indicators:<\/p><p>Improvement in technical performance (Core Web Vitals, loading speed, visual stability).<\/p><p>Increase in organic traffic and conversions from search engines.<\/p><p>Higher user retention and lower bounce rate.<\/p><p>Regulatory compliance (accessibility, GDPR, HTTPS security).<\/p><p>Brand perception and trust: a modern, functional website strengthens any company\u2019s credibility.<br>In projects like GR\u00c0CIACALBET, these results are reflected both in objective metrics and in client satisfaction, as well as in the improvement of their digital positioning.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\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>A historic law firm with a digital vision GR\u00c0CIACALBET is a law firm with more than 45 years of experience, recognized for its rigor, commitment, and specialization in business, tax, commercial, and civil law. With a solid track record and an impeccable reputation, the challenge was not to create a new website , but to<a href=\"https:\/\/www.xarxalia.com\/en\/news\/website-redesign\/\">Continue reading <span class=\"sr-only\">&#8220;Website redesign GR\u00c0CIACALBET.COM&#8221;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":6141,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"categories":[31],"tags":[],"class_list":["post-6162","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-news"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.xarxalia.com\/en\/wp-json\/wp\/v2\/posts\/6162","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.xarxalia.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.xarxalia.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.xarxalia.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.xarxalia.com\/en\/wp-json\/wp\/v2\/comments?post=6162"}],"version-history":[{"count":2,"href":"https:\/\/www.xarxalia.com\/en\/wp-json\/wp\/v2\/posts\/6162\/revisions"}],"predecessor-version":[{"id":6165,"href":"https:\/\/www.xarxalia.com\/en\/wp-json\/wp\/v2\/posts\/6162\/revisions\/6165"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.xarxalia.com\/en\/wp-json\/wp\/v2\/media\/6141"}],"wp:attachment":[{"href":"https:\/\/www.xarxalia.com\/en\/wp-json\/wp\/v2\/media?parent=6162"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.xarxalia.com\/en\/wp-json\/wp\/v2\/categories?post=6162"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.xarxalia.com\/en\/wp-json\/wp\/v2\/tags?post=6162"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}