Abogada de la Tierra
Un proyecto freelance: un sitio web completo que diseñé y construí para un despacho de Derecho Administrativo y urbanismo en Alicante. La misma disciplina vanilla y centrada en el rendimiento que mi propio sitio — pero con un look cálido y editorial a medida del cliente, y un formulario de contacto serverless por detrás.
Resumen
Abogada de la Tierra es el sitio web de Lucía Rico González, abogada especializada en Derecho Administrativo y urbanismo, con base en Alicante y atención a clientes de toda España. Fue un encargo freelance, y lo llevé de principio a fin: el diseño, la construcción, el backend del formulario, el SEO y el despliegue.
El objetivo era una casa en internet creíble y acogedora que convierta visitas en consultas — clara sobre lo que ofrece, fácil de contactar, y lo bastante rápida y estable como para reflejar bien a una profesional cuyo valor entero es la confianza.
Un lenguaje de diseño distinto
Esto es, a propósito, lo opuesto a mi propio portafolio oscuro y verde terminal. El encargo pedía calma, confianza y calidez, así que construí una paleta editorial de crema, verde salvia y tonos tierra, con titulares en la serif Lora, un cuerpo limpio en DM Sans y acentos manuscritos puntuales en Caveat. El tema del territorio y la tierra de su práctica recorre todo el sitio.
También está pensado para convertir: una promesa clara en el hero, tarjetas de servicios que se corresponden con áreas de práctica reales, una sección destacada de «urbanismo rural», testimonios, llamadas a la acción repetidas y un botón flotante de WhatsApp para el primer contacto más rápido posible.
Rendimiento y construcción
La misma disciplina de ingeniería que en mi propio sitio, sin concesiones por ser de un cliente. Sin
frameworks y con cero dependencias en tiempo de ejecución; el CSS crítico se incrusta en el momento del
build para que la página pinte sin esperar a una petición de hoja de estilos; las fuentes están
autoalojadas en woff2; y las imágenes se sirven como AVIF/WebP responsive. Las animaciones de aparición
al hacer scroll son sutiles y respetan por completo prefers-reduced-motion.
El resultado se ve en PageSpeed Insights: 100 en Rendimiento, Accesibilidad, Prácticas recomendadas y SEO.
El formulario de contacto
Las consultas son el objetivo central del sitio, así que el formulario tenía que ser fiable. Una función serverless de Cloudflare recibe cada envío y lo retransmite a la bandeja de entrada del cliente a través de Resend — no se almacena nada, el mensaje simplemente se reenvía y se descarta. Está reforzado y es resiliente:
- Un campo honeypot oculto atrapa en silencio a los bots de spam.
- La validación se ejecuta en el servidor, con independencia del navegador.
- Tiene mejora progresiva: con JavaScript se envía mediante
fetchy muestra el estado en línea; sin él, el envío de formulario plano sigue funcionando y redirige a una página de agradecimiento.
Privacidad y seguridad por defecto
El sitio adopta la misma postura sobre privacidad que aplico en el mío: cero cookies, cero analítica y cero rastreo. Las tipografías están autoalojadas, así que el navegador no hace ni una sola petición a terceros que pudiera servir para seguir al visitante. No hay banner de cookies por una razón muy simple: no hay ninguna cookie que consentir.
Eso nos permitió escribir lo que probablemente sea la política de cookies más corta y honesta que vas a leer — una decisión deliberada de la clienta y mía, redactada como parte del encargo. Puedes leerla aquí.
Esa misma idea de respetar al visitante se extiende a la seguridad: el sitio se sirve con una
Content Security Policy estricta (incluida la activación de Trusted Types), HSTS
con preload y una Permissions-Policy que desactiva las APIs del navegador que
la web no necesita.
Pensado para ser encontrado
Como el público es local, el sitio se envuelve en datos estructurados LegalService —
dirección, coordenadas geográficas, las zonas atendidas (Alicante y toda España), horario y áreas de
práctica — para ayudar a posicionar en la búsqueda local y en los resultados enriquecidos. Además
incluye todo lo que se espera de un sitio de empresa en España: aviso legal y políticas de privacidad y
de cookies.
Los datos estructurados validan sin errores en el validador de Schema.org y superan la prueba de resultados enriquecidos de Google.
Estado
En producción en abogadadelatierra.es.