Abogada de la Tierra

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 en tres niveles, para que nunca se pierda una consulta: con JavaScript se envía mediante fetch y muestra el estado en línea; si esa petición falla, ofrece un enlace mailto: ya rellenado como alternativa; y sin nada de JavaScript, el formulario plano sigue haciendo POST 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.

Código abierto, de común acuerdo

Esto es trabajo real y remunerado para una clienta, y el código es público a propósito — para mostrar cómo está hecho. Es una decisión con consecuencias, así que la tomé con Lucía, no a sus espaldas. Antes de publicar nada le expliqué qué significa de verdad abrir el código: que la estructura, los textos y el estilo se vuelven copiables; que la fontanería del formulario de contacto queda a la vista (aunque los secretos no — la clave de API y la bandeja de destino viven en variables de entorno de Cloudflare, nunca en el repositorio); y que el historial público es, en la práctica, permanente. Sopesó todo eso frente a las ventajas — transparencia y un sitio documentado y auditable — y dio su consentimiento informado.

En esa misma conversación acordó acreditarme en dos lugares discretos: una pequeña línea de «hecho por» en el pie, y una distinción deliberada en los datos estructurados del sitio — figuro como creator (creador, quien lo construyó), mientras que Lucía sigue siendo su author y publisher. Las palabras, las fotos y la marca son enteramente suyas; la ingeniería es la parte que comparto. El código se publica bajo licencia MIT para que otros puedan aprender de él y reutilizarlo, mientras que todo lo suyo sigue siendo suyo.

Estado y mantenimiento

En producción en abogadadelatierra.es. No es «se entrega y se olvida»: superviso el sitio de forma activa y actúo de inmediato si algo se rompe. Además, Lucía y yo hemos acordado una revisión aproximadamente dos meses después del lanzamiento — una vez que haya convivido con el sitio y visto qué hacen realmente sus clientes con él — para incorporar su feedback al código, de modo que algunas de las decisiones de aquí todavía podrían evolucionar.