Website redesign GRÀCIACALBET.COM
A historic law firm with a digital vision
GRÀCIACALBET 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 transform its digital presence to reflect the strength, modernity, and international projection that define the firm.
At Xarxalia, we approached this project with a clear premise: to renew without losing the essence. The new website had to convey trust and legal excellence, while also being a model of technical efficiency, accessibility, and SEO performance.
To achieve this, we carried out a comprehensive redesign, where every decision —from the content architecture to the AI-generated animations— follows a consistent strategy: to offer a seamless, modern, and fully optimized experience for both users and search engines.
A redesign based on strategy and precision
When a firm with the prestige of GRÀCIACALBET decides to renew its website, it’s not just about updating its aesthetics, but about redefining how it communicates its value in the digital environment. The goal was to build a website that speaks the same language as its clients: professional, direct, and precise.
At Xarxalia, 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:
- A professional image consistent with the legal sector, based on a sober and elegant design that conveys authority and trust.
- Comprehensive SEO optimization, with an in-depth restructuring of the content and a clear semantic hierarchy that strengthens organic positioning.
- Advanced technical architecture, with clean, template-free development that prioritizes speed, security, and scalability.
The result is a completely new website that remains true to the firm’s essence. Every section —from services to the blog— was designed to guide the user clearly, reinforce the firm’s credibility, and facilitate conversion through visible and natural calls to action.
High-level SEO: performance and relevance
One of the main pillars of the project was the organic repositioning of GRÀCIACALBET 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 global SEO strategy that covered both the technical structure and content optimization.
We started with a complete SEO audit 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.
Essential improvements were implemented, such as:
- Proper semantic hierarchies (H1–H3) on all pages.
- Custom titles and meta descriptions for each service and specialty.
- Structured data markup (schema) to enhance visibility on Google.
- Multilingual SEO optimization, ensuring that the Spanish, Catalan, English, and Italian versions were correctly indexed.
- Clean, user-friendly URLs with no duplicates or crawl errors.
In addition, the new development delivers superior performance, with optimized loading times, WebP image formats, and an intelligent caching system on Xarxalia’s private servers.
The result: a faster, more visible, and better-ranked website that now communicates both the firm’s prestige and its commitment to innovation.
Architecture and technical development
The new GRÀCIACALBET website was built from scratch, with a fully customized development that reflects Xarxalia’s handcrafted approach. No predefined templates were used — 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’s high standards.
The development focused on three fundamental objectives:
- Performance and stability: 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’s private servers, ensuring maximum security and control.
- Scalability and future maintenance: the modular architecture allows for quick and secure updates without affecting the site’s core. This ensures that the portal can grow alongside the firm, incorporating new services, languages, or functionalities.
- User experience: the clean and structured code enhances interaction, reduces errors, and optimizes the Core Web Vitals — Google’s indicators that measure a website’s technical quality.
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.
tl.fromTo(
this,
{
clipPath: 'circle(0%)',
duration: 0.5,
},
{
clipPath: 'circle(75%)',
duration: 0.5,
}
);
Our developer is quite proud of this line of code
Accessibility: a website for everyone
At Xarxalia, we understand that a modern website should not only be visually appealing but also accessible to everyone. That’s why one of the pillars of the GRÀCIACALBET redesign was ensuring that every user —including those with visual impairments or navigation difficulties— can access all content without barriers.
The new site complies with the criteria of the European Accessibility Act (EU Directive 2019/882) and international WCAG 2.1 standards, ensuring an inclusive experience.
Among the implemented improvements, the following stand out:
Between text and background to ensure comfortable reading on any screen or lighting condition.
On all images, facilitating interpretation through screen readers.
<img decoding="async" id="img-main" src="https://graciacalbet.com/images/graciacalbet-office.jpg" alt="Oficinas de GRÀCIACALBET con Anna Calbet y Erola Gràcia" 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">
(H1–H2–H3) That improve content comprehension and assisted navigation.
Ensuring access without the need for a mouse or touch devices.
Beyond regulatory compliance, this accessibility adds extra value: it reinforces the brand’s commitment to digital inclusion and improves SEO positioning, as search engines prioritize usable and properly tagged websites.
The result is a more human, more functional website, designed for all audiences — proving how technology and empathy can coexist within the same design.
Smart animations with AI and GSAP
One of the most innovative aspects of the GRÀCIACALBET 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.
To achieve this, Xarxalia’s development team implemented GSAP (GreenSock Animation Platform), 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.
In addition, some of the animations and visual assets were generated using artificial intelligence through SORA, 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’s corporate tone, enhancing both the visual narrative and user interaction.
These technologies were integrated in a lightweight, optimized way, fully compatible with accessibility and SEO standards. The result is a website that combines cutting-edge technology with visual elegance, delivering an immersive, professional, and technically flawless experience.
A unique, high-performance website
The new GRÀCIACALBET website represents a qualitative leap in every sense: design, performance, accessibility, and positioning. It is not merely an aesthetic update but a complete reconstruction of the digital experience for a firm with decades of history.
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’s visibility in search engines, and accessibility ensures that anyone can navigate and understand the content without limitations.
The balance between technology, strategy, and communication is reflected in every detail:
- An elegant, corporate design that matches the firm’s prestige.
- A custom-built development, free from external dependencies or generic templates.
- Optimized, multilingual content structured to climb positions on Google.
- A modern technical foundation, hosted on Xarxalia’s private servers, ensuring security, control, and long-term stability.
The final result is a website that elevates GRÀCIACALBET’s digital presence to the level of excellence that defines its legal practice, reaffirming Xarxalia’s commitment to innovation, quality, and the development of unique projects.
Innovation, accessibility, trust, and Ramon
At Xarxalia, we believe that every digital project should be more than just a beautiful website — it should be a strategic tool that communicates, converts, and endures over time. The redesign of the GRÀCIACALBET website reflects that philosophy: a balanced combination of advanced technology, SEO architecture, universal accessibility, and a visual identity refined down to the smallest detail.
This project sets a new standard in our work: smooth GSAP animations, AI-generated assets, accessibility adapted to the new European Accessibility Act, and a clean, optimized technical development hosted on our private servers.
At Xarxalia, we continue to research, develop, and apply the latest technologies to offer our clients unique, fast, secure websites designed for all users.
If your company needs to modernize its digital presence, improve its search visibility, or ensure regulatory compliance, our team can help you achieve it with the same precision and excellence applied to this project.
Trust Xarxalia to transform your website into a true competitive advantage.
FAQs
What does it mean to redesign a website?
Redesigning a website involves reviewing and rebuilding its structure, design, and content to improve performance, usability, and search engine ranking. It’s 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.
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).
What is GSAP and why is it used in web development?
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.
In projects like GRÀCIACALBET, 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.
What are the benefits of an accessible website?
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.
The benefits are numerous:
Legal compliance with the European Directive 2019/882.
Improved user experience for all visitors.
Increased audience reach by removing digital barriers.
Enhanced SEO performance, as search engines value clean semantic structures and well-tagged content.
At Xarxalia, we treat accessibility as an essential part of every development, implementing proper contrast, alternative text (alt), clear hierarchies, and keyboard-adapted navigation.
What role does artificial intelligence play in modern web design?
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.
In the case of GRÀCIACALBET, SORA was used — a technology capable of creating personalized videos and animations through AI, bringing dynamism and visual coherence without compromising performance.
AI also helps optimize images, predict interactions, adapt content, and perform accessibility audits more quickly and efficiently.
Why is it important to update SEO during a website redesign?
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.
During the GRÀCIACALBET project, Xarxalia restructured tags, metadata, internal links, and semantic hierarchies to ensure that each page maintained —and improved— its position on Google.
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.
How is the success of a website redesign measured?
The success of a redesign is measured through clear indicators:
Improvement in technical performance (Core Web Vitals, loading speed, visual stability).
Increase in organic traffic and conversions from search engines.
Higher user retention and lower bounce rate.
Regulatory compliance (accessibility, GDPR, HTTPS security).
Brand perception and trust: a modern, functional website strengthens any company’s credibility.
In projects like GRÀCIACALBET, these results are reflected both in objective metrics and in client satisfaction, as well as in the improvement of their digital positioning.