La majoria de webs de despatxos d’advocats són fullets. Presenten el despatx, enumeren les àrees de pràctica, mostren una fotografia d’un jutjat i després esperen. Un fullet és una cosa perfectament vàlida per donar a algú que ja us coneix. És una mala manera de guanyar un client que us ha trobat fa quaranta segons i ara mateix té tres despatxos competidors oberts en altres pestanyes.
Una web de despatx que funciona fa tres feines, en aquest ordre. Es fa trobar. Es fa creure. Es fa contactar. El disseny és el que sosté les tres, i per disseny no entenem decoració. Entenem estructura, velocitat, claredat i el camí que recorre un desconegut des d’un resultat de cerca fins a una fulla d’encàrrec signada.
Aquesta guia cobreix què construir, pàgina a pàgina, quant costa, quant tarda i com distingir una web que sembla cara d’una que produeix assumptes. Està escrita per a socis directors i responsables de màrqueting que estan a punt d’encarregar una web o un redisseny i preferirien no aprendre les lliçons cares en primera persona.
Les tres feines que la vostra web ha de fer
Els despatxos acostumen a donar al dissenyador l’encàrrec equivocat. El briefing parla de com s’ha de sentir la web: moderna, fiable, premium. Aquestes paraules no són instruccions. No es poden provar i no poden estar equivocades, que és exactament el problema.
Doneu l’encàrrec sobre les tres feines.
Feina u: fer-se trobar
Una web a la qual ningú arriba és una targeta de visita molt cara. Fer-se trobar és sobretot una qüestió estructural, i l’estructura és una decisió de disseny: quantes pàgines teniu, com s’agrupen, de què pot tractar cada una, com s’enllacen entre si i a quina velocitat carreguen. Expliquem la mecànica a la guia de SEO per a despatxos d’advocats, però la versió curta és que una web bonica construïda sobre una mala estructura no es pot rescatar després amb contingut.
Feina dos: fer-se creure
Els serveis jurídics són una compra d’alt risc feta per algú que no pot avaluar el producte. No pot jutjar els vostres escrits. Així que jutja tota la resta: si les vostres fotografies semblen persones reals, si els vostres resultats són concrets, si la vostra pàgina d’honoraris existeix, si el vostre últim article és d’aquest any o del 2021. La credibilitat a la web d’un despatx es construeix amb petits senyals, i gairebé tots són decisions de disseny i de contingut.
Feina tres: fer-se contactar
És la feina que es dissenya al final i la que més importa. Cada camp extra en un formulari, cada número de telèfon que no es pot prement al mòbil, cada pàgina de contacte amagada darrere d’un desplegable és un impost sobre l’únic resultat que realment us importa.
La pàgina d’inici: cinc coses abans de fer scroll
La primera pantalla del vostre inici és l’espai més disputat que teniu. Ha de respondre quatre preguntes en uns cinc segons: què feu, per a qui, per què vosaltres i què faig ara.
- Una promesa concreta. No «excel·lència en serveis jurídics». Alguna cosa com «Dret laboral per a alts directius a Barcelona i Madrid». La concreció és la diferenciació més barata a l’abast d’un despatx, i gairebé ningú la fa servir.
- Una sola acció principal. Una. Un telèfon i un formulari són la mateixa acció. Un telèfon, un formulari, un xat, una casella de butlletí i una inscripció a un webinar són cinc accions, és a dir, cap.
- Una prova visible sense fer scroll. Una puntuació de ressenyes, un logotip de client recognoscible, una posició en un directori, un nombre d’assumptes gestionats. Amb una n’hi ha prou.
- Un rostre humà. Els despatxos es contracten a persones. Una fotografia real d’un advocat real supera sempre una imatge abstracta de gratacels.
- Una navegació que anomena les àrees de pràctica. No «Serveis». Les àrees reals, visibles, perquè el visitant es reconegui en un clic.
El que no pertany a la primera pantalla: una declaració de missió, una data de fundació, un carrusel giratori o una imatge d’estoc d’un mall de jutge. El mall no es fa servir a la majoria de tribunals del món, i tots els vostres competidors ja el tenen.
Les pàgines d’àrees de pràctica són el veritable motor
Aquest és l’error estructural més comú en el disseny web de despatxos: una sola pàgina anomenada «Àrees de pràctica» que enumera onze àrees amb un paràgraf cada una. Aquesta pàgina no pot posicionar per res, perquè tracta d’onze coses, i Google posiciona pàgines que tracten d’una sola.
La solució no és complicada. Una pàgina per àrea de pràctica, cada una escrita com si fos l’única pàgina de la web. Totes necessiten el mateix esquelet:
- El problema formulat amb les paraules del client, no amb les de la llei
- Què feu realment, pas a pas, perquè el procés deixi de fer por
- Quant costa, o almenys com es factura i què fa variar la forquilla
- Quant acostuma a tardar
- Dos o tres resultats en aquesta àrea concreta
- L’advocat que la lidera, amb rostre i una via directa per arribar-hi
- Cinc a vuit preguntes que la gent fa de debò sobre aquesta àrea
- Un pas següent clar
Els despatxos s’hi resisteixen perquè és més feina que un paràgraf. També és on hi ha el trànsit. Quan vam reconstruir l’estructura d’aquesta manera per a un despatx que entrava en un nou mercat, la visibilitat orgànica es va multiplicar per 87 i la web era a la primera pàgina de Google pel seu terme prioritari en set dies, perquè la pàgina per fi coincidia amb el que la gent escrivia.
Biografies dels advocats: les pàgines que ningú optimitza
A la majoria de webs de despatxos, les biografies són entre les tres pàgines més visitades, i gairebé sempre són les pitjor escrites. Una llista de títols, col·legiacions i associacions no diu res a un client potencial sobre si sou la persona adequada per al seu problema.
Una biografia que converteix comença amb el que aquest advocat porta i per a qui, en una frase que algú sense formació jurídica diria en veu alta. Després les credencials, perquè importen, només que no van primer. Després alguna cosa humana: per què aquesta branca del dret, un cas que va importar, un idioma que parla, un lloc d’origen. Després la via de contacte directa. Una biografia que acaba sense una manera d’arribar a aquesta persona concreta és un carreró sense sortida just en el moment de més intenció.
Feu servir una fotografia real, feta en aquesta dècada, de la persona mirant a càmera. Il·luminació coherent a tot l’equip. Sona trivial i no ho és: els retrats desaparellats són una de les maneres més ràpides de semblar un grup dispers de professionals en lloc d’un despatx.
La velocitat és una decisió de disseny, no un detall tècnic posterior
Cada vídeo pesat de capçalera, cada tipografia personalitzada, cada llibreria d’animació afegida per a un efecte de scroll la paga el visitant, i una part significativa d’ells no espera. La pròpia recerca de Google sobre milions d’impressions de pàgina va descobrir que les webs que complien els llindars de Core Web Vitals tenien un 24% menys de probabilitats de ser abandonades abans d’acabar de carregar.
Els llindars són públics i val la pena posar-los al briefing, perquè la discussió tingui lloc abans de construir i no després: largest contentful paint per sota de 2,5 segons, interaction to next paint per sota de 200 mil·lisegons, cumulative layout shift per sota de 0,1. Demaneu al vostre dissenyador que s’hi comprometi en mòbil, en un telèfon de gamma mitjana, amb una connexió normal. No al seu portàtil amb la fibra de l’oficina.
A la pràctica, això vol dir: cap vídeo automàtic a la capçalera, imatges servides en formats moderns i ben dimensionades, dos pesos tipogràfics en lloc de sis i una pàgina llegible abans que acabin de carregar els scripts. Res d’això fa que una web sembli barata. Fa que se senti ràpida, que és el que la majoria de visitants llegeix com a competència.
El mòbil no és la versió petita. És la versió per defecte.
La majoria de persones que arriben a la web d’un despatx ho fan des d’un mòbil, sovint en el moment exacte en què el problema s’ha tornat urgent: després d’un accident, després d’una carta d’acomiadament, després de rebre una reclamació. Dissenyeu primer per a aquesta persona i deixeu que l’escriptori sigui l’adaptació.
- El telèfon és un botó a la capçalera, no una cadena de text
- El cos de text té almenys 16 píxels i va alineat a l’esquerra, mai justificat
- Els formularis són prou curts per omplir-los de peu
- Res d’important s’amaga darrere d’un estat hover, perquè al mòbil no hi ha hover
- Les taules i els documents llargs es reajusten en lloc d’exigir zoom amb els dits
L’accessibilitat és ja un risc legal, no un extra
Hi ha una ironia que molts despatxos encara no han notat. El 2025 es van presentar més de 5.000 demandes per accessibilitat digital als Estats Units segons el seguiment de final d’any d’UsableNet, i una gran part anava contra demandats que ja havien estat demandats una vegada. Que la pròpia web d’una empresa incompleixi els estàndards bàsics d’accessibilitat queda malament en qualsevol context de serveis professionals, i francament malament en un despatx d’advocats.
La major part de la feina és poc vistosa i barata si es fa durant la construcció en lloc d’afegir-se després: contrast de color suficient, una estructura real d’encapçalaments en lloc de paràgrafs amb estil, text alternatiu a les imatges amb significat, formularis amb etiquetes i una web que es pugui fer servir només amb el teclat. Demaneu WCAG 2.2 AA com a lliurable al contracte. Costa molt poc en construir i molt en corregir després.
La ruta de conversió, i la part que passa fora de la web
Podeu dissenyar un formulari de contacte perfecte i perdre igualment el client. L’estudi de client misteriós de Clio és una lectura incòmoda: de 500 despatxos contactats per correu electrònic, només el 33% va respondre, davant del 40% de cinc anys abans, i només el 40% va contestar el telèfon. La web va fer la seva feina. El despatx, no.
Així que tracteu el formulari i el que passa després com un sol sistema:
- Demaneu el mínim. Nom, contacte i una frase sobre l’assumpte. Cada camp addicional us costa enviaments. Qualifiqueu a la trucada, no al formulari.
- Confirmeu a l’instant. Una resposta automàtica que digui què passa a continuació i quan, amb nom, no «hem rebut la vostra consulta».
- Oferiu una segona via. Algunes persones no ompliran mai un formulari. Un número visible, un enllaç de WhatsApp o un calendari de reserves les recull.
- Responeu dins de l’hora en horari laboral. Aquest sol hàbit operatiu rendeix més que la majoria dels redissenys.
- Mesureu-ho. Seguiment de trucades, etiquetatge de l’origen dels formularis i un registre simple de quina pàgina ha produït quina consulta. Sense això, esteu redissenyant a base d’opinions.
Els despatxos dels nostres casos d’èxit que van aconseguir 27 o més reunions qualificades en els primers 90 dies no tenien webs radicalment millors que els seus competidors. Tenien una web amb un camí clar i un despatx que responia.
Dissenyar per a la cerca, i ara també per a les respostes d’IA
Dues coses han canviat en els últims dos anys i totes dues tenen conseqüències de disseny.
La primera és que les dades estructurades ja no són opcionals. Marcatge LegalService o Attorney a les pàgines del despatx i d’ubicació, Person a les biografies, FAQPage on respongueu preguntes i Review o AggregateRating on les normes deontològiques de la vostra jurisdicció ho permetin. És invisible per als visitants i molt visible per a les màquines.
La segona és que una part creixent de les persones no arriba mai a la vostra web, perquè un assistent d’IA els ha respost primer. El que se cita en aquestes respostes acostuma a estar clarament estructurat, escrit amb senzillesa, ser concret i atribuïble. Que és, convenientment, el mateix que serveix a un lector humà espantat que llegeix per sobre. Hi aprofundim a la nostra guia per aconseguir que la cerca amb IA citi el vostre despatx, però la implicació de disseny és simple: escriviu en seccions curtes i autocontingudes amb encapçalaments honestos, i deixeu d’amagar les vostres millors explicacions dins de PDF.
Qui l’ha de construir: quatre opcions comparades
No hi ha una resposta universalment correcta. Hi ha una resposta correcta per a la mida del vostre despatx, l’estat de la vostra agenda i quant del vostre creixement depèn de les consultes entrants.
| Opció | Cost habitual | El vostre temps | Ideal quan | Risc principal |
|---|---|---|---|---|
| Pel vostre compte en un creador de webs | Menys de 1.000 EUR l’any | 40 a 80 hores | Despatx unipersonal recén creat, sense pressupost, basat en recomanacions | El vostre temps és l’insum més car i no es factura |
| Plataforma de plantilles específica per a advocats | 1.500 a 6.000 EUR l’any | 15 a 30 hores | Despatx petit que necessita semblar creïble ràpid | Us assembleu a tots els despatxos de la mateixa plataforma, i sovint no podeu exportar |
| Dissenyador freelance | 3.000 a 12.000 EUR, pagament únic | 20 a 40 hores | Ja coneixeu el vostre posicionament i els vostres textos | Disseny sense SEO, textos ni pensament d’acollida de clients, i ningú a l’altra banda al sisè mes |
| Agència especialitzada en màrqueting jurídic | 8.000 a 40.000 EUR més quota | 10 a 25 hores | Les consultes entrants són una part real del vostre pla de creixement | Pagar preus d’agència per feina de plantilla, així que comproveu què s’està construint realment |
Les forquilles són indicatives per a despatxos europeus i britànics i varien molt segons el mercat. Si voleu comprovar un pressupost que us han passat, el nostre desglossament de el que costa realment el màrqueting d’un despatx d’advocats situa la despesa en la web en el context de tota la resta que competeix pel mateix pressupost.
Abans de donar l’encàrrec a ningú: resoleu el posicionament
L’error més car de tot aquest procés no és triar el dissenyador equivocat. És donar l’encàrrec a un bon dissenyador sobre un despatx que no ha decidit què és. Si la resposta a «per a qui és això?» és «qualsevol amb un problema legal», cap disseny produirà una web que se senti diferent de la competència, perquè no serà diferent.
Resoleu tres coses primer: el client del qual en voleu més, el problema que resoleu millor que el despatx del costat i la raó per la qual algú s’ho hauria de creure. La nostra guia de posicionament de marca per a despatxos d’advocats recorre aquesta decisió. Feu-ho abans de la reunió d’inici i tota la construcció serà més ràpida, més barata i millor.
Com saber si ha funcionat
El trànsit per si sol és una xifra de vanitat. Configureu la mesura abans del llançament per poder distingir una web amb visites d’una web que funciona.
- Consultes al mes per origen, separant la cerca orgànica de les recomanacions i del pagament
- Taxa de consulta a reunió, que us diu si la web atrau les persones adequades
- Taxa de reunió a encàrrec, que depèn de la vostra acollida de clients, no de la web
- Cost per assumpte signat, l’única xifra que resol les discussions
- Posicions per als vostres cinc termes prioritaris, revisades cada mes, no cada dia
- Core Web Vitals en mòbil, revisats cada trimestre, perquè les webs es tornen lentes soles
Concediu dos trimestres complets abans de treure conclusions sobre el rendiment en cerca. Concediu dues setmanes a la ruta de conversió, perquè això sí que ho podeu arreglar de seguida.
Preguntes freqüents
Quant costa la web d’un despatx d’advocats?
Una web feta pel vostre compte en un creador costa menys de 1.000 EUR l’any més molt del vostre propi temps. Una plataforma de plantilles específica per a advocats ronda els 1.500 a 6.000 EUR l’any. Un dissenyador freelance acostuma a cobrar 3.000 a 12.000 EUR per una construcció única. Una web d’agència especialitzada amb estratègia, textos, SEO i acollida de clients acostuma a començar al voltant dels 8.000 EUR i pot arribar als 40.000 EUR o més en despatxos amb diverses oficines. El factor decisiu no és la mida del vostre despatx, sinó quant del vostre creixement ha de venir de persones que encara no us coneixen.
Quant es tarda a construir la web d’un despatx d’advocats?
Deu a dotze setmanes és el normal per a una web de despatx ben construïda: dues setmanes de descoberta, dues d’estructura, dues de textos, tres de disseny i construcció i una de feina tècnica i llançament. Qualsevol cosa promesa en menys de tres setmanes és una plantilla amb el vostre logotip aplicat, la qual cosa és una elecció legítima sempre que sapigueu que això és el que compreu.
He de fer servir WordPress o una plataforma específica per a advocats?
WordPress us dóna propietat, portabilitat i un grup molt més gran de persones que hi poden treballar, a canvi de necessitar algú que el mantingui. Les plataformes específiques es llancen més ràpid i s’encarreguen del manteniment, però moltes fan difícil o impossible exportar la vostra web si marxeu. Trieu el que trieu, feu una pregunta abans de signar: si ens separem d’aquí a tres anys, què ens enduem exactament?
Necessito una pàgina separada per a cada àrea de pràctica?
Sí, per a cada àrea de la qual realment vulgueu més feina. Una sola pàgina que enumera onze serveis no pot posicionar per cap, perquè els cercadors posicionen pàgines que tracten d’una sola cosa. No creeu, en canvi, pàgines per a àrees que porteu de manera ocasional i no voleu fer créixer. Les pàgines fluixes sobre feina que gairebé no feu debiliten les pàgines que importen.
Redissenyar la meva web perjudicarà el meu posicionament a Google?
Pot, i la causa és gairebé sempre la mateixa: les URL canvien i ningú mapeja les redireccions de les adreces antigues a les noves. Exigiu un mapa de redireccions com a lliurable escrit, mantingueu les pàgines amb millor rendiment a les mateixes URL quan sigui possible i reenvieu el vostre sitemap a Search Console el dia del llançament. Ben gestionat, un redisseny hauria de pujar les posicions, no baixar-les.
Quantes pàgines ha de tenir la web d’un despatx petit?
Un despatx unipersonal o petit pot estar complet amb quinze a vint-i-cinc pàgines: inici, de tres a sis àrees de pràctica, una o dues ubicacions, les biografies dels advocats, resultats, honoraris i procés, contacte i un petit nombre d’articles realment útils. La profunditat guanya a l’amplitud. Vint pàgines excel·lents superaran sempre vuitanta pàgines fluixes.
Quin és el canvi de més impacte en una web existent?
Dividir una pàgina conjunta d’àrees de pràctica en pàgines individuals, cada una ben escrita, després acurtar el formulari de contacte i comprometre’s a respondre les consultes dins de l’hora. Aquesta combinació costa una fracció d’un redisseny i acostuma a moure les xifres abans que una web nova hagués arribat a llançar-se.
Per on començar
Si la vostra web té més de tres anys, obriu-la al mòbil, amb dades mòbils, i cronometreu quant tarda a poder-se llegir alguna cosa. Després intenteu reservar una consulta amb el vostre propi despatx fent servir només aquesta pàgina. La majoria dels que fan aquest exercici troben la resposta en quatre minuts.
Hem construït i reconstruït webs per a més de 50 despatxos d’advocats, i el patró és constant: els despatxos que guanyen a internet no són els que tenen les webs més boniques. Són aquells les webs dels quals estan estructurades al voltant del que els clients cerquen i que responen quan aquests clients es posen en contacte. Si voleu una opinió sobre on perd persones la vostra web actual, poseu-vos en contacte o demaneu un pressupost i us ho explicarem pas a pas.
