Proyecto de cliente · Web en revisión
Derecho claro,
también en la web.
Rediseño de la web de FIR Advocats, despacho de abogados de Dénia: estrategia de contenidos, marca aplicada, diseño web, experiencia de usuario, adaptación móvil y SEO local, en WordPress y Elementor.
Cliente
FIR Advocats · Dénia
Sector
Despacho de abogados · Marina Alta
Áreas
Estrategia · Marca aplicada · Diseño web · UX · Móvil · SEO local
Estado
En revisión con el despacho · octubre de 2026
El servicio detrás del proyecto
Acto 01
El despacho y el objetivo
Quién es FIR Advocats
Un despacho del centro de Dénia con tres abogados colegiados en el Colegio de la Abogacía de Alicante y dos asistentes legales. Trabaja derecho civil, penal, mercantil, tributario, administrativo y laboral, además de asesoría fiscal y un servicio para quien compra o invierte en vivienda en la Costa Blanca.
El objetivo
Que quien llega con un problema sepa en pocos segundos si el despacho puede ayudarle, entienda cómo va a trabajar y pida cita o llame sin dudas.
Acto 02
Lo que encontramos
Necesidades detectadas
Antes de diseñar analizamos las webs de despachos de Dénia, Xàbia y Calp, las de los despachos para extranjeros de la Costa Blanca y las búsquedas reales del sector. Cuatro necesidades:
- El cliente no piensa en ramas del derecho. Busca «me han despedido» o «herencia en Dénia», pero las webs del sector se ordenan por áreas.
- Nadie enseñaba cómo trabaja. Las webs locales analizadas enumeran especialidades; ninguna explica el método ni qué recibe el cliente en cada paso.
- La confianza necesita caras y datos. Personas reales, número de colegiado y dirección, sin prometer resultados: la publicidad de la abogacía tiene límites deontológicos.
- Quien vive fuera también busca. Las herencias y compraventas de no residentes estaban poco atendidas por los despachos generalistas de la zona.
Lo que implicaba
La claridad no podía quedarse en el lema del despacho: tenía que ser la experiencia completa de la web, desde la primera pantalla hasta el formulario.
Acto 03
Lo que hicimos
Estructura
Una portada ordenada por las preguntas del visitante; un bloque «¿Qué te está pasando?» con nueve situaciones que llevan a la página exacta, y una plantilla común para cada área: qué hacemos, cómo trabajamos, qué traer, quién te atiende, preguntas y contacto. Páginas propias para herencias y para divorcios y familia.
Marca aplicada
El lema del despacho, «Derecho claro. Estrategia precisa.», con la segunda mitad en cursiva como gesto de marca. Newsreader para los titulares, Hanken Grotesk para el texto, la paleta del logotipo sobre lienzo blanco y fotografía real del equipo. El logotipo no se ha modificado.
Diseño web y experiencia de usuario
El método en tres pasos (Escuchar, Analizar, Actuar) con lo que recibe el cliente en cada uno; el equipo con nombre, cargo y número de colegiado; teléfono y «Solicitar cita» siempre a mano, y una línea para urgencias que habla de disponibilidad, no de miedo.
Adaptación móvil
Recorte propio de la foto principal, tarjetas compactas y una barra fija con «Llamar» y «Solicitar cita».
SEO local y técnico
Un mapa de búsquedas por intención y página, las direcciones heredadas conservadas, títulos y descripciones propios, datos estructurados de despacho de abogados y versiones en inglés y francés preparadas para que el despacho las valide.
Del diseño a la decisión
Cada bloque
tiene un porqué.
Capturas reales de la versión en revisión. Junto a cada una, qué se decidió y para qué sirve.
01
Lema, territorio y personas en la primera pantalla
La decisión
El titular une el lema con «Abogados en Dénia · Marina Alta», junto a una foto real del equipo trabajando y una franja con colegiación, sede y tipo de cliente.
Por qué ayuda
Responde a «¿es para mí?» y «¿son serios?» antes de hacer scroll, sin superlativos.
02
Empezar por lo que te pasa
La decisión
Nueve tarjetas escritas como las diría el cliente («Me han despedido», «Ha fallecido un familiar y hay que resolver la herencia»), cada una con su área y un enlace a la página que lo explica.
Por qué ayuda
Nadie tiene que saber qué rama del derecho le corresponde para encontrar ayuda.
03
Un método que se puede leer
La decisión
Tres pasos y, debajo de cada uno, lo que recibe el cliente, sobre una banda marino que corta el ritmo de la portada.
Por qué ayuda
Contratar a un abogado da menos vértigo cuando se sabe qué va a pasar y en qué orden.
04
Personas con nombre y colegiación
La decisión
Retratos de una misma serie, con el mismo encuadre, y debajo nombre, cargo y número de colegiado.
Por qué ayuda
En un asunto serio, la confianza empieza por saber quién te va a atender.
05
Cada área, con lo que hay que traer
La decisión
Las páginas de área repiten el método y añaden la lista de documentos para la primera reunión; en Herencias, por ejemplo, el certificado de defunción o las escrituras.
Por qué ayuda
La primera cita es más útil y el cliente llega sabiendo que está preparado.
06
Contactar con calma
La decisión
Un formulario corto, el teléfono en grande, la dirección con «Cómo llegar» y una línea para urgencias: si es una detención o un plazo que vence en días, llamar.
Por qué ayuda
Cada visitante elige su canal y la urgencia se comunica como disponibilidad.
Adaptación móvil
El despacho,
en el bolsillo.
Quien busca un abogado con prisa lo hace desde el móvil: llamar o pedir cita está siempre a un toque.
Portada con la barra fija para llamar o pedir cita, el bloque de situaciones y el contacto, en un móvil de 390 px.
¿Tus clientes entienden
cómo trabajas antes de llamarte?
Cuéntanos qué tienes ahora y qué necesitas. Lo vemos en una reunión gratuita de 30 minutos y te decimos por dónde empezaríamos.
El servicio detrás del proyecto
Diseño web
Webs que explican tu valor y facilitan el siguiente paso.
Siguiente proyecto
Estilismo personal
Proyecto propio