La mayoría de las webs de despachos de abogados son folletos. Presentan el despacho, enumeran las áreas de práctica, muestran una fotografía de un juzgado y luego esperan. Un folleto es algo perfectamente válido para entregar a alguien que ya le conoce. Es una mala forma de ganar a un cliente que le encontró hace cuarenta segundos y ahora mismo tiene tres despachos competidores abiertos en otras pestañas.
Una web de despacho que funciona hace tres trabajos, en este orden. Se hace encontrar. Se hace creer. Se hace contactar. El diseño es lo que sostiene los tres, y por diseño no entendemos decoración. Entendemos estructura, velocidad, claridad y el camino que recorre un desconocido desde un resultado de búsqueda hasta una hoja de encargo firmada.
Esta guía cubre qué construir, página a página, cuánto cuesta, cuánto tarda y cómo distinguir una web que parece cara de una que produce asuntos. Está escrita para socios directores y responsables de marketing que están a punto de encargar una web o un rediseño y preferirían no aprender las lecciones caras en primera persona.
Los tres trabajos que su web tiene que hacer
Los despachos suelen dar al diseñador el encargo equivocado. El briefing habla de cómo debe sentirse la web: moderna, fiable, premium. Esas palabras no son instrucciones. No se pueden probar y no pueden estar equivocadas, que es exactamente el problema.
Dé el encargo sobre los tres trabajos.
Trabajo uno: hacerse encontrar
Una web a la que nadie llega es una tarjeta de visita muy cara. Hacerse encontrar es sobre todo una cuestión estructural, y la estructura es una decisión de diseño: cuántas páginas tiene, cómo se agrupan, de qué puede tratar cada una, cómo se enlazan entre sí y a qué velocidad cargan. Explicamos la mecánica en la guía de SEO para despachos de abogados, pero la versión corta es que una web bonita construida sobre una mala estructura no puede rescatarse después con contenido.
Trabajo dos: hacerse creer
Los servicios jurídicos son una compra de alto riesgo hecha por alguien que no puede evaluar el producto. No puede juzgar sus escritos. Así que juzga todo lo demás: si sus fotografías parecen personas reales, si sus resultados son concretos, si su página de honorarios existe, si su último artículo es de este año o de 2021. La credibilidad en la web de un despacho se construye con pequeñas señales, y casi todas son decisiones de diseño y de contenido.
Trabajo tres: hacerse contactar
Es el trabajo que se diseña al final y el que más importa. Cada campo extra en un formulario, cada número de teléfono que no se puede pulsar en el móvil, cada página de contacto escondida tras un desplegable es un impuesto sobre el único resultado que realmente le importa.
La página de inicio: cinco cosas antes de hacer scroll
La primera pantalla de su inicio es el espacio más disputado que posee. Tiene que responder a cuatro preguntas en unos cinco segundos: qué hace, para quién, por qué usted y qué hago ahora.
- Una promesa concreta. No «excelencia en servicios jurídicos». Algo como «Derecho laboral para altos directivos en Barcelona y Madrid». La concreción es la diferenciación más barata al alcance de un despacho, y casi nadie la usa.
- Una sola acción principal. Una. Un teléfono y un formulario son la misma acción. Un teléfono, un formulario, un chat, una casilla de newsletter y una inscripción a un webinar son cinco acciones, es decir, ninguna.
- Una prueba visible sin hacer scroll. Una puntuación de reseñas, un logotipo de cliente reconocible, una posición en un directorio, un número de asuntos gestionados. Con una basta.
- Un rostro humano. Los despachos se contratan a personas. Una fotografía real de un abogado real supera siempre a una imagen abstracta de rascacielos.
- Una navegación que nombra las áreas de práctica. No «Servicios». Las áreas reales, visibles, para que el visitante se reconozca en un clic.
Lo que no pertenece a la primera pantalla: una declaración de misión, una fecha de fundación, un carrusel giratorio o una imagen de stock de un mazo. El mazo no se usa en la mayoría de los tribunales del mundo, y todos sus competidores ya lo tienen.
Las páginas de áreas de práctica son el verdadero motor
Este es el error estructural más común en el diseño web de despachos: una sola página llamada «Áreas de práctica» que enumera once áreas con un párrafo cada una. Esa página no puede posicionar por nada, porque trata de once cosas, y Google posiciona páginas que tratan de una sola.
La solución no es complicada. Una página por área de práctica, cada una escrita como si fuera la única página de la web. Todas necesitan el mismo esqueleto:
- El problema formulado con las palabras del cliente, no con las de la ley
- Qué hace usted realmente, paso a paso, para que el proceso deje de dar miedo
- Cuánto cuesta, o al menos cómo se factura y qué hace variar el rango
- Cuánto suele tardar
- Dos o tres resultados en esta área concreta
- El abogado que la lidera, con rostro y una vía directa para llegar a él
- Cinco a ocho preguntas que la gente hace de verdad sobre esta área
- Un siguiente paso claro
Los despachos se resisten porque es más trabajo que un párrafo. También es donde está el tráfico. Cuando reconstruimos la estructura de esta forma para un despacho que entraba en un nuevo mercado, la visibilidad orgánica se multiplicó por 87 y la web estaba en la primera página de Google para su término prioritario en siete días, porque la página por fin coincidía con lo que la gente escribía.
Biografías de los abogados: las páginas que nadie optimiza
En la mayoría de webs de despachos, las biografías están entre las tres páginas más visitadas, y casi siempre son las peor escritas. Una lista de títulos, colegiaciones y asociaciones no le dice nada a un cliente potencial sobre si usted es la persona adecuada para su problema.
Una biografía que convierte empieza con lo que ese abogado lleva y para quién, en una frase que alguien sin formación jurídica diría en voz alta. Luego las credenciales, porque importan, solo que no van primero. Luego algo humano: por qué esa rama del derecho, un caso que importó, un idioma que habla, un lugar de origen. Luego la vía de contacto directa. Una biografía que termina sin una forma de llegar a esa persona concreta es un callejón sin salida justo en el momento de mayor intención.
Use una fotografía real, tomada en esta década, de la persona mirando a cámara. Iluminación coherente en todo el equipo. Suena trivial y no lo es: los retratos desparejados son una de las formas más rápidas de parecer un grupo suelto de profesionales en lugar de un despacho.
La velocidad es una decisión de diseño, no un detalle técnico posterior
Cada vídeo pesado de cabecera, cada tipografía personalizada, cada librería de animación añadida para un efecto de scroll la paga el visitante, y una parte significativa de ellos no espera. La propia investigación de Google sobre millones de impresiones de página descubrió que las webs que cumplen los umbrales de Core Web Vitals tenían un 24% menos de probabilidades de ser abandonadas antes de terminar de cargar.
Los umbrales son públicos y merece la pena ponerlos en el briefing, para que la discusión ocurra antes de construir y no después: largest contentful paint por debajo de 2,5 segundos, interaction to next paint por debajo de 200 milisegundos, cumulative layout shift por debajo de 0,1. Pida a su diseñador que se comprometa con ellos en móvil, en un teléfono de gama media, con una conexión normal. No en su portátil con la fibra de la oficina.
En la práctica, eso significa: nada de vídeo automático en la cabecera, imágenes servidas en formatos modernos y bien dimensionadas, dos pesos tipográficos en lugar de seis y una página legible antes de que terminen de cargar los scripts. Nada de esto hace que una web parezca barata. Hace que se sienta rápida, que es lo que la mayoría de los visitantes lee como competencia.
El móvil no es la versión pequeña. Es la versión por defecto.
La mayoría de las personas que llegan a la web de un despacho lo hacen desde un móvil, a menudo en el momento exacto en que el problema se volvió urgente: tras un accidente, tras una carta de despido, tras recibir una reclamación. Diseñe primero para esa persona y deje que el escritorio sea la adaptación.
- El teléfono es un botón pulsable en la cabecera, no una cadena de texto
- El cuerpo de texto tiene al menos 16 píxeles y va alineado a la izquierda, nunca justificado
- Los formularios son lo bastante cortos para rellenarlos de pie
- Nada importante se esconde tras un estado hover, porque en el móvil no hay hover
- Las tablas y los documentos largos se reajustan en lugar de exigir zoom con los dedos
La accesibilidad es ya un riesgo legal, no un extra
Hay una ironía que muchos despachos aún no han notado. En 2025 se presentaron más de 5.000 demandas por accesibilidad digital en Estados Unidos según el seguimiento de fin de año de UsableNet, y una gran parte iba contra demandados que ya habían sido demandados una vez. Que la propia web de una empresa incumpla los estándares básicos de accesibilidad queda mal en cualquier contexto de servicios profesionales, y francamente mal en un despacho de abogados.
La mayor parte del trabajo es poco vistosa y barata si se hace durante la construcción en lugar de añadirse después: contraste de color suficiente, una estructura real de encabezados en lugar de párrafos con estilo, texto alternativo en las imágenes con significado, formularios con etiquetas y una web que se pueda manejar solo con el teclado. Pida WCAG 2.2 AA como entregable en el contrato. Cuesta muy poco al construir y mucho al corregir después.
La ruta de conversión, y la parte que ocurre fuera de la web
Puede diseñar un formulario de contacto perfecto y perder igualmente al cliente. El estudio de cliente misterioso de Clio es una lectura incómoda: de 500 despachos contactados por correo electrónico, solo el 33% respondió, frente al 40% de cinco años antes, y solo el 40% contestó al teléfono. La web hizo su trabajo. El despacho, no.
Así que trate el formulario y lo que pasa después como un solo sistema:
- Pida lo mínimo. Nombre, contacto y una frase sobre el asunto. Cada campo adicional le cuesta envíos. Cualifique en la llamada, no en el formulario.
- Confirme al instante. Una respuesta automática que diga qué pasa a continuación y cuándo, con nombre, no «hemos recibido su consulta».
- Ofrezca una segunda vía. Algunas personas nunca rellenarán un formulario. Un número visible, un enlace de WhatsApp o un calendario de reservas las recoge.
- Responda dentro de la hora en horario laboral. Este solo hábito operativo rinde más que la mayoría de los rediseños.
- Mídalo. Seguimiento de llamadas, etiquetado del origen de los formularios y un registro simple de qué página produjo qué consulta. Sin esto, está rediseñando a base de opiniones.
Los despachos de nuestros casos de éxito que lograron 27 o más reuniones cualificadas en sus primeros 90 días no tenían webs radicalmente mejores que sus competidores. Tenían una web con un camino claro y un despacho que respondía.
Diseñar para la búsqueda, y ahora también para las respuestas de IA
Dos cosas han cambiado en los últimos dos años y ambas tienen consecuencias de diseño.
La primera es que los datos estructurados ya no son opcionales. Marcado LegalService o Attorney en las páginas del despacho y de ubicación, Person en las biografías, FAQPage donde responda preguntas y Review o AggregateRating donde las normas deontológicas de su jurisdicción lo permitan. Es invisible para los visitantes y muy visible para las máquinas.
La segunda es que una parte creciente de las personas nunca llega a su web, porque un asistente de IA les respondió primero. Lo que se cita en esas respuestas suele estar claramente estructurado, escrito con sencillez, ser concreto y atribuible. Que es, convenientemente, lo mismo que sirve a un lector humano asustado que lee por encima. Profundizamos en esto en nuestra guía para conseguir que la búsqueda con IA cite a su despacho, pero la implicación de diseño es simple: escriba en secciones cortas y autocontenidas con encabezados honestos, y deje de esconder sus mejores explicaciones dentro de PDF.
Quién debe construirla: cuatro opciones comparadas
No hay una respuesta universalmente correcta. Hay una respuesta correcta para el tamaño de su despacho, el estado de su agenda y cuánto de su crecimiento depende de las consultas entrantes.
| Opción | Coste habitual | Su tiempo | Ideal cuando | Riesgo principal |
|---|---|---|---|---|
| Por su cuenta en un creador de webs | Menos de 1.000 EUR al año | 40 a 80 horas | Despacho unipersonal recién creado, sin presupuesto, basado en recomendaciones | Su tiempo es el insumo más caro y no se factura |
| Plataforma de plantillas específica para abogados | 1.500 a 6.000 EUR al año | 15 a 30 horas | Despacho pequeño que necesita parecer creíble rápido | Se parece a todos los despachos de la misma plataforma, y a menudo no puede exportar |
| Diseñador freelance | 3.000 a 12.000 EUR, pago único | 20 a 40 horas | Ya conoce su posicionamiento y sus textos | Diseño sin SEO, textos ni pensamiento de acogida de clientes, y nadie al otro lado en el sexto mes |
| Agencia especializada en marketing jurídico | 8.000 a 40.000 EUR más cuota | 10 a 25 horas | Las consultas entrantes son una parte real de su plan de crecimiento | Pagar precios de agencia por trabajo de plantilla, así que compruebe qué se está construyendo realmente |
Los rangos son indicativos para despachos europeos y británicos y varían mucho según el mercado. Si quiere comprobar un presupuesto que le han pasado, nuestro desglose de lo que cuesta realmente el marketing de un despacho de abogados sitúa el gasto en la web en el contexto de todo lo demás que compite por el mismo presupuesto.
Antes de dar el encargo a nadie: resuelva el posicionamiento
El error más caro de todo este proceso no es elegir al diseñador equivocado. Es dar el encargo a un buen diseñador sobre un despacho que no ha decidido qué es. Si la respuesta a «¿para quién es esto?» es «cualquiera con un problema legal», ningún diseño producirá una web que se sienta distinta de la competencia, porque no será distinta.
Resuelva tres cosas primero: el cliente del que quiere más, el problema que resuelve mejor que el despacho de al lado y la razón por la que alguien debería creerlo. Nuestra guía de posicionamiento de marca para despachos de abogados recorre esa decisión. Hágalo antes de la reunión de arranque y toda la construcción será más rápida, más barata y mejor.
Cómo saber si funcionó
El tráfico por sí solo es una cifra de vanidad. Configure la medición antes del lanzamiento para poder distinguir una web con visitas de una web que funciona.
- Consultas al mes por origen, separando la búsqueda orgánica de las recomendaciones y del pago
- Tasa de consulta a reunión, que le dice si la web atrae a las personas adecuadas
- Tasa de reunión a encargo, que depende de su acogida de clientes, no de su web
- Coste por asunto firmado, la única cifra que zanja las discusiones
- Posiciones para sus cinco términos prioritarios, revisadas cada mes, no cada día
- Core Web Vitals en móvil, revisados cada trimestre, porque las webs se vuelven lentas solas
Conceda dos trimestres completos antes de sacar conclusiones sobre el rendimiento en búsqueda. Conceda dos semanas a la ruta de conversión, porque eso sí puede arreglarlo de inmediato.
Preguntas frecuentes
¿Cuánto cuesta la web de un despacho de abogados?
Una web hecha por su cuenta en un creador cuesta menos de 1.000 EUR al año más mucho de su propio tiempo. Una plataforma de plantillas específica para abogados ronda los 1.500 a 6.000 EUR al año. Un diseñador freelance suele cobrar 3.000 a 12.000 EUR por una construcción única. Una web de agencia especializada con estrategia, textos, SEO y acogida de clientes suele empezar en torno a 8.000 EUR y puede llegar a 40.000 EUR o más en despachos con varias oficinas. El factor decisivo no es el tamaño de su despacho, sino cuánto de su crecimiento debe venir de personas que aún no le conocen.
¿Cuánto se tarda en construir la web de un despacho de abogados?
Diez a doce semanas es lo normal para una web de despacho bien construida: dos semanas de descubrimiento, dos de estructura, dos de textos, tres de diseño y construcción y una de trabajo técnico y lanzamiento. Cualquier cosa prometida en menos de tres semanas es una plantilla con su logotipo aplicado, lo cual es una elección legítima siempre que sepa que eso es lo que está comprando.
¿Debo usar WordPress o una plataforma específica para abogados?
WordPress le da propiedad, portabilidad y un grupo mucho mayor de personas que pueden trabajar en él, a cambio de necesitar a alguien que lo mantenga. Las plataformas específicas se lanzan más rápido y se encargan del mantenimiento, pero muchas hacen difícil o imposible exportar su web si se va. Elija lo que elija, haga una pregunta antes de firmar: si nos separamos dentro de tres años, ¿qué nos llevamos exactamente?
¿Necesito una página separada para cada área de práctica?
Sí, para cada área de la que realmente quiera más trabajo. Una sola página que enumera once servicios no puede posicionar por ninguno, porque los buscadores posicionan páginas que tratan de una sola cosa. No cree, en cambio, páginas para áreas que lleva de forma ocasional y no quiere hacer crecer. Las páginas flojas sobre trabajo que apenas hace debilitan a las páginas que importan.
¿Rediseñar mi web perjudicará mi posicionamiento en Google?
Puede, y la causa es casi siempre la misma: las URL cambian y nadie mapea las redirecciones de las direcciones antiguas a las nuevas. Exija un mapa de redirecciones como entregable escrito, mantenga sus páginas con mejor rendimiento en las mismas URL cuando sea posible y reenvíe su sitemap en Search Console el día del lanzamiento. Bien gestionado, un rediseño debería subir las posiciones, no bajarlas.
¿Cuántas páginas debe tener la web de un despacho pequeño?
Un despacho unipersonal o pequeño puede estar completo con quince a veinticinco páginas: inicio, de tres a seis áreas de práctica, una o dos ubicaciones, las biografías de los abogados, resultados, honorarios y proceso, contacto y un pequeño número de artículos realmente útiles. La profundidad gana a la amplitud. Veinte páginas excelentes superarán siempre a ochenta páginas flojas.
¿Cuál es el cambio de mayor impacto en una web existente?
Dividir una página conjunta de áreas de práctica en páginas individuales, cada una bien escrita, luego acortar el formulario de contacto y comprometerse a responder las consultas dentro de la hora. Esa combinación cuesta una fracción de un rediseño y suele mover las cifras antes de que una web nueva hubiera llegado a lanzarse.
Por dónde empezar
Si su web tiene más de tres años, ábrala en su móvil, con datos móviles, y cronometre cuánto tarda en poder leer algo. Luego intente reservar una consulta con su propio despacho usando solo esa página. La mayoría de quienes hacen este ejercicio encuentran su respuesta en cuatro minutos.
Hemos construido y reconstruido webs para más de 50 despachos de abogados, y el patrón es constante: los despachos que ganan en internet no son los que tienen las webs más bonitas. Son aquellos cuyas webs están estructuradas en torno a lo que los clientes buscan y que responden cuando esos clientes se ponen en contacto. Si quiere una opinión sobre dónde pierde personas su web actual, póngase en contacto o solicite un presupuesto y se lo explicaremos paso a paso.
