Redisseny web GRÀCIACALBET.COM
Un despatx històric amb visió digital
GRÀCIACALBET és un despatx jurídic amb més de 45 anys d’experiència, reconegut pel seu rigor, compromís i especialització en dret empresarial, fiscal, mercantil i civil. Amb una trajectòria consolidada i una reputació impecable, el repte no era crear un nou web, si no transformar la seva presència digital per reflectir la solidesa, la modernitat i la projecció internacional que caracteritzen el despatx.
Des de Xarxalia, vam assumir aquest projecte amb una premissa clara: renovar sense trencar l’essència. El nou web havia de transmetre confiança i excel·lència jurídica, però també havia de ser un exemple d’eficiència tècnica, accessibilitat i rendiment SEO.
Per aconseguir-ho, vam treballar en un redisseny integral, on cada decisió —des de l’arquitectura del contingut fins a les animacions generades amb IA— respon a una estratègia coherent: oferir una experiència fluida, moderna i totalment optimitzada tant per als usuaris com per als motors de cerca.
Un redisseny basat en estratègia i precisió
Quan un despatx amb el prestigi de GRÀCIACALBET decideix renovar el seu lloc web, no es tracta només d’actualitzar-ne l’estètica, sinó de redefinir com comunica el seu valor en l’entorn digital. L’objectiu era construir un web que parlés el mateix idioma que els seus clients: professional, directe i precís.
A Xarxalia, vam començar amb una auditoria completa del lloc anterior per identificar-ne els punts febles i les oportunitats de millora. A partir d’aquesta anàlisi, vam estructurar un pla de treball centrat en tres pilars fonamentals:
- Imatge professional coherent amb el sector jurídic, basada en un disseny sobri i elegant que transmet autoritat i confiança.
- Optimització SEO integral, amb una reestructuració profunda dels continguts i una jerarquia semàntica clara que potencia el posicionament orgànic.
- Arquitectura tècnica avançada, amb un desenvolupament net, sense plantilles, que prioritza la velocitat, la seguretat i l’escalabilitat.
El resultat és un web completament nou, però fidel a l’essència del despatx. Cada secció —des dels serveis fins al blog— va ser pensada per guiar l’usuari amb claredat, reforçar la credibilitat del despatx i facilitar la conversió mitjançant crides a l’acció visibles i naturals.
SEO d’alt nivell: rendiment i rellevància
Un dels eixos principals del projecte va ser el reposicionament orgànic de GRÀCIACALBET als cercadors. Tot i que el despatx comptava amb una sòlida reputació offline, la seva presència digital no reflectia el mateix nivell d’autoritat. Des de Xarxalia, vam dissenyar una estratègia SEO global que abastava tant l’estructura tècnica com l’optimització del contingut.
Vam començar amb una auditoria SEO completa del lloc anterior, identificant errors d’indexació, manca de coherència en els encapçalaments i debilitats en l’enllaçat intern. A partir d’aquí, vam reescriure els textos amb un enfocament estratègic: combinant precisió jurídica amb un llenguatge natural, accessible i optimitzat per a les principals paraules clau del sector legal.
Es van implementar millores essencials com ara:
- Jerarquies semàntiques correctes (H1-H3) a totes les pàgines.
- Títols i metadescripcions personalitzats per a cada servei i especialitat.
- Marcat de dades estructurades (schema) per reforçar la visibilitat a Google.
- Optimització del SEO multilingüe, garantint que les versions en castellà, català, anglès i italià s’indexessin correctament.
- URL netes i amigables, sense duplicats ni errors de rastreig.
A més, el nou desenvolupament permet un rendiment superior, amb temps de càrrega optimitzats, imatges en format WebP i un sistema de memòria cau intel·ligent als servidors privats de Xarxalia.
El resultat: un web més ràpid, més visible i millor posicionat, que ara comunica tant el prestigi com la innovació del despatx.
Arquitectura i desenvolupament tècnic
El nou web de GRÀCIACALBET es va construir des de zero, amb un desenvolupament totalment personalitzat que reflecteix l’enfocament artesanal de Xarxalia. No es va utilitzar cap plantilla predefinida: cada línia de codi, cada transició i cada bloc visual van ser dissenyats i programats a mida per garantir un funcionament impecable i una estètica coherent amb el nivell del despatx.
El desenvolupament es va centrar en tres objectius fonamentals:
- Rendiment i estabilitat: es va optimitzar cada element per oferir temps de càrrega mínims i una navegació fluida, fins i tot en dispositius mòbils. Es van implementar imatges en format WebP, tècniques de lazy loading i un sistema de compressió avançada als servidors privats de Xarxalia, que proporcionen la màxima seguretat i control.
- Escalabilitat i manteniment futur: l’arquitectura modular permet actualitzacions ràpides i segures sense afectar el nucli del lloc. Això garanteix que el portal pugui créixer amb el despatx, incorporant nous serveis, idiomes o funcionalitats.
- Experiència de l’usuari: el codi net i estructurat millora la interacció, redueix errors i optimitza els Core Web Vitals, els indicadors de Google que mesuren la qualitat tècnica d’un web.
El resultat és un web que no només té bon aspecte, sinó que funciona amb precisió i estabilitat, complint amb els estàndards més exigents de desenvolupament i posicionament.
tl.fromTo(
this,
{
clipPath: 'circle(0%)',
duration: 0.5,
},
{
clipPath: 'circle(75%)',
duration: 0.5,
}
);
El nostre desenvolupador està ben orgullós d’aquesta línia de codi
Accessibilitat: un web per a tothom
A Xarxalia entenem que un web modern no només ha de ser visualment atractiu, sinó també accessible per a tothom. Per això, un dels pilars del redisseny de GRÀCIACALBET va ser garantir que qualsevol usuari —incloses les persones amb discapacitat visual o dificultats de navegació— pugui accedir a tots els continguts sense barreres.
El nou lloc web compleix amb els criteris de la Llei Europea d’Accessibilitat (Directiva UE 2019/882) i amb els estàndards internacionals WCAG 2.1, assegurant una experiència inclusiva.
Entre les millores implementades destaquen:
Entre text i fons per a una lectura còmoda en qualsevol pantalla o condició de llum.
A totes les imatges, facilitant la interpretació mitjançant lectors de pantalla.
<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) que milloren la comprensió del contingut i la navegació assistida.
Garantint l’accés sense necessitat de ratolí ni dispositius tàctils.
Més enllà del compliment normatiu, aquesta accessibilitat aporta un valor afegit: reforça el compromís de la marca amb la igualtat digital i millora el posicionament SEO, ja que els motors de cerca prioritzen els llocs usables i correctament etiquetats.
El resultat és un web més humà, més funcional i preparat per a tots els públics, que demostra com la tecnologia i l’empatia poden coexistir en un mateix disseny.
Animacions intel·ligents amb IA i GSAP
Un dels aspectes més innovadors del projecte de GRÀCIACALBET va ser la integració de tecnologia avançada en animació i generació de contingut visual. Des del principi, l’objectiu era dotar el web d’una presència moderna i dinàmica, sense comprometre la sobrietat que caracteritza un despatx jurídic.
Per aconseguir-ho, l’equip de desenvolupament de Xarxalia va implementar GSAP (GreenSock Animation Platform), una de les llibreries més potents del mercat per a animacions fluides en entorns web. Gràcies a aquesta eina, es van aconseguir transicions suaus, efectes de desplaçament naturals i una sensació de moviment controlat que aporta vida sense distreure l’atenció del contingut principal.
A més, algunes de les animacions i recursos visuals es van generar mitjançant intel·ligència artificial, utilitzant SORA, el sistema d’IA capaç de produir vídeos i efectes visuals realistes a partir de prompts. Això va permetre crear peces audiovisuals personalitzades, adaptades al to corporatiu de la marca, millorant la narrativa visual i la interacció de l’usuari.
Aquestes tecnologies es van integrar de manera lleugera, optimitzada i compatible amb els estàndards d’accessibilitat i SEO. El resultat és un web que combina tecnologia d’avantguarda amb elegància visual, oferint una experiència immersiva, professional i tècnicament impecable.
Un web únic i d’alt rendiment
El nou lloc de GRÀCIACALBET representa un salt qualitatiu en tots els sentits: disseny, rendiment, accessibilitat i posicionament. No es tracta només d’una renovació estètica, sinó d’una reconstrucció total de l’experiència digital d’un despatx amb dècades de trajectòria.
El despatx compta ara amb un web sòlid, ràpid i preparat per créixer. Les millores tècniques es tradueixen en temps de càrrega mínims i un rendiment òptim en qualsevol dispositiu; l’arquitectura SEO consolida la visibilitat de la marca als cercadors, i l’accessibilitat garanteix que qualsevol persona pugui navegar i entendre el contingut sense limitacions.
L’equilibri entre tecnologia, estratègia i comunicació es reflecteix en cada detall:
- Un disseny elegant i corporatiu, a l’altura del prestigi del despatx.
- Un desenvolupament a mida, sense dependències externes ni plantilles genèriques.
- Continguts optimitzats, multilingües i estructurats per escalar posicions a Google.
- Una base tècnica moderna, allotjada en servidors privats de Xarxalia, que garanteix seguretat, control i estabilitat a llarg termini.
El resultat final és un web que eleva la presència digital de GRÀCIACALBET al nivell d’excel·lència que caracteritza la seva tasca jurídica, i que referma el compromís de Xarxalia amb la innovació, la qualitat i el desenvolupament de projectes únics.
Innovació, accessibilitat, confiança i Ramon
A Xarxalia creiem que cada projecte digital ha de ser més que un web bonic: ha de ser una eina estratègica que comuniqui, converteixi i perduri en el temps. La renovació del lloc de GRÀCIACALBET és el reflex d’aquesta filosofia: una combinació equilibrada entre tecnologia avançada, arquitectura SEO, accessibilitat universal i una identitat visual cuidada fins al darrer detall.
Aquest projecte marca un nou estàndard en la nostra feina: animacions fluides amb GSAP, recursos generats mitjançant intel·ligència artificial, accessibilitat adaptada a la nova Llei Europea d’Accessibilitat i un desenvolupament tècnic net, optimitzat i allotjat als nostres servidors privats.
A Xarxalia continuem investigant, desenvolupant i aplicant les tecnologies més recents per oferir als nostres clients llocs web únics, ràpids, segurs i pensats per a tots els usuaris.
Si la teva empresa necessita modernitzar la seva presència digital, millorar el seu posicionament o garantir el compliment normatiu, el nostre equip et pot ajudar a fer-ho possible amb la mateixa precisió i excel·lència que hem aplicat en aquest projecte.
Confia en Xarxalia per transformar el teu web en un autèntic avantatge competitiu.
FAQs
Què vol dir redissenyar un web?
Redissenyar un web implica revisar i reconstruir-ne l’estructura, el disseny i el contingut per millorar-ne el rendiment, la usabilitat i el posicionament als cercadors. No es tracta només de canviar-ne l’aparença visual, sinó d’actualitzar la tecnologia, optimitzar el SEO, millorar l’arquitectura de la informació i adaptar l’experiència d’usuari als estàndards actuals.
Un bon redisseny també ha de tenir en compte l’accessibilitat, la seguretat i la velocitat de càrrega, garantint que el lloc compleixi amb les noves normatives digitals, com la Llei Europea d’Accessibilitat (Directiva 2019/882).
Què és GSAP i per què s’utilitza en el desenvolupament web?
GSAP (GreenSock Animation Platform) és una de les llibreries d’animació més avançades i estables per al web modern. Permet crear efectes fluids, precisos i amb un gran rendiment, molt superiors als aconseguits amb CSS o JavaScript convencional.
En projectes com el de GRÀCIACALBET, GSAP s’utilitza per afegir transicions suaus, efectes de desplaçament (scroll animations) i microinteraccions que milloren l’experiència de l’usuari sense afectar la velocitat del lloc. A més, està totalment optimitzada per treballar amb frameworks moderns i és compatible amb les bones pràctiques d’accessibilitat i SEO.
Quins beneficis té un web accessible?
Un web accessible és aquell que pot ser utilitzat per totes les persones, independentment de les seves capacitats o limitacions. Això inclou persones amb discapacitat visual, auditiva, motora o cognitiva, entre d’altres.
Els beneficis són múltiples:
Compliment legal amb la Directiva Europea 2019/882.
Millora de l’experiència d’usuari per a tots els visitants.
Augment de l’abast del públic en eliminar barreres digitals.
Reforç del SEO, ja que els motors de cerca valoren les estructures semàntiques netes i els continguts ben etiquetats.
A Xarxalia treballem l’accessibilitat com a part essencial de cada desenvolupament, implementant contrastos correctes, textos alternatius (alt), jerarquies clares i navegació adaptada per teclat.
Quin paper juga la intel·ligència artificial en el disseny web actual?
La intel·ligència artificial (IA) s’ha convertit en una eina clau en el desenvolupament web modern. Permet automatitzar processos, generar contingut visual i analitzar el comportament de l’usuari per millorar l’experiència digital.
En el cas de GRÀCIACALBET, s’ha utilitzat SORA, una tecnologia capaç de crear vídeos i animacions personalitzades mitjançant IA, aportant dinamisme i coherència visual sense sacrificar rendiment.
La IA també ajuda a optimitzar imatges, preveure interaccions, adaptar continguts i realitzar auditories d’accessibilitat de manera més ràpida i eficient.
Per què és important actualitzar el SEO durant un redisseny web?
El SEO no és un element decoratiu, sinó la base de la visibilitat en línia. Cada redisseny ha d’incloure una revisió completa del posicionament orgànic, ja que els canvis en el contingut, les URL o el codi poden afectar directament la indexació als cercadors.
Durant el projecte de GRÀCIACALBET, a Xarxalia vam reestructurar les etiquetes, metadades, enllaços interns i jerarquies semàntiques per assegurar que cada pàgina mantingués —i millorés— la seva posició a Google.
Actualitzar el SEO durant un redisseny garanteix que el nou lloc conservi l’autoritat del domini, eviti errors 404 i aprofiti la nova arquitectura per millorar la rellevància de cada contingut.
Com es mesura l’èxit d’un redisseny web?
L’èxit d’un redisseny s’avalua mitjançant indicadors clars:
Millora en el rendiment tècnic (Core Web Vitals, velocitat de càrrega, estabilitat visual).
Augment del trànsit orgànic i de les conversions provinents dels cercadors.
Major retenció d’usuaris i menor taxa de rebot.
Compliment normatiu (accessibilitat, RGPD, seguretat HTTPS).
Percepció de marca i confiança: un web modern i funcional reforça la credibilitat de qualsevol empresa.
En projectes com el de GRÀCIACALBET, aquests resultats es reflecteixen tant en mètriques objectives com en la satisfacció del client i la millora del seu posicionament digital.