Cómo crear la web de un despacho de abogados sin código

La web de un despacho de abogados sin código se construye describiendo áreas de práctica, quién las lleva y cómo se pide una primera consulta. Zugo genera esas páginas a partir del texto, las arranca en un entorno aislado y las publica. Una web multipágina tarda varios minutos.

Un despacho no se contrata por diseño. Se contrata porque alguien con un problema concreto encuentra a un profesional que ya ha resuelto ese problema exacto y puede explicarlo sin jerga. La web solo tiene que hacer ese encuentro fácil.

¿Qué busca alguien que necesita un abogado?

Confirmación de que has llevado su caso antes. No trayectoria general, no premios, no una foto de una biblioteca jurídica: su tipo de asunto, tratado por alguien con nombre y apellidos.

Eso significa que la página que más importa no es la portada, es la del área de práctica. Alguien con un despido busca despidos, y aterriza directamente ahí desde el buscador. Si esa página es un párrafo genérico sobre derecho laboral, se va.

La segunda cosa que busca es saber cuánto va a costar. El sector evita el tema y el resultado es que la gente pregunta primero por precio en la llamada, incómoda para ambas partes. Publicar la forma de cobro, aunque no el importe final, adelanta esa conversación.

Y la tercera es rapidez de respuesta. Un problema legal suele llegar con plazo, y quien no recibe respuesta en un día llama al siguiente despacho de la lista.

¿Cómo se estructura una página de área de práctica?

Cinco bloques, iguales en todas las áreas para que se puedan comparar y mantener.

El bloque de plazos es el que más contactos genera y el más honesto de todos, siempre que sea correcto. Decir cuántos días hay para impugnar algo es información útil por sí sola, y quien la lee entiende que sabes de lo que hablas.

Tres o cuatro áreas bien desarrolladas funcionan mejor que doce enumeradas. Un despacho que dice hacer de todo se lee como uno que no hace nada en particular.

¿Qué prompt genera la web del despacho?

Describe áreas, personas y flujo de contacto. El estilo se ajusta luego con ediciones de 3 créditos.

Crea la web de un despacho de tres abogados especializado en
derecho laboral y de familia, en Bilbao.
Páginas:
1. Inicio: las dos áreas principales, quiénes somos en una
   línea, teléfono visible, botón "Pedir primera consulta".
2. Áreas de práctica: una página por área (despidos,
   reclamaciones de cantidad, divorcios, custodias) con el
   problema en lenguaje llano, qué hacemos, plazos legales,
   abogado responsable y forma de cobro.
3. Equipo: foto, nombre, colegiación, especialidad, correo.
4. Honorarios: cómo se cobra cada tipo de asunto, qué incluye
   la primera consulta y si es gratuita.
5. Contacto: formulario con tipo de asunto, descripción breve,
   plazo si lo hay, teléfono y aviso de confidencialidad.
Tono sobrio y claro, sin jerga, sin promesas de resultado.

"Sin promesas de resultado" no es una preferencia de estilo: es una restricción deontológica en la mayoría de colegios profesionales, y conviene que esté en el prompt para que la primera versión no llegue llena de frases que después hay que borrar.

¿Qué cuidados legales tiene la web de un despacho?

Cuatro, y ninguno lo resuelve el generador por ti. Son decisiones tuyas que la web debe reflejar.

El aviso legal y la identificación profesional son obligatorios: denominación, colegio, número de colegiado y datos fiscales. Es texto que tú aportas y que la web solo coloca.

El tratamiento de datos del formulario es el punto delicado. Un formulario de consulta recibe información sensible de una persona que todavía no es cliente, así que necesita una base legal, una finalidad declarada y un plazo de conservación. Escríbelo tú y revísalo antes de publicar.

La confidencialidad tiene además una consecuencia práctica: no pidas en el formulario más detalle del necesario. Nombre, tipo de asunto, plazo y una descripción breve bastan para decidir si hay conflicto de intereses y si podéis ayudar.

Y los casos de éxito, si los publicas, van sin datos identificables. Un resultado descrito en abstracto sigue sirviendo como prueba y evita un problema serio.

¿Qué contenido trae consultas de verdad?

El que responde a una pregunta que la gente escribe tal cual en un buscador. "¿Cuánto tiempo tengo para impugnar un despido?" atrae a alguien con un problema activo; "novedades en la reforma laboral" atrae a otros abogados.

Ese es todo el criterio. Un despacho pequeño no necesita un blog con ritmo semanal, necesita ocho o diez textos que contesten las preguntas que ya le hacen por teléfono todas las semanas. Escribir lo que ya explicas de viva voz es el contenido más barato de producir y el que mejor convierte.

Cada texto debe terminar en una acción concreta, no en un párrafo de despedida. Un enlace a la página del área correspondiente y el formulario de consulta debajo. Sin eso, el visitante resuelve su duda, agradece la información y se va.

Publicar esos textos como páginas dentro de la web tiene un coste conocido: 3 créditos por página adicional en una plataforma multipágina. Si vas a publicar con frecuencia, guardar los artículos en una tabla de Supabase sale más barato, porque un texto nuevo pasa a ser una fila en lugar de una construcción.

¿Cuánto cuesta la web en créditos?

El precio va por acción. Una web de cinco páginas es una plataforma multipágina: 12 créditos por las tres primeras páginas y 3 por cada página adicional, es decir 18 créditos de partida. Cada edición cuesta 3, y en un despacho las ediciones son sobre todo de texto.

Si cada área de práctica tiene su propia página, súmalas: cuatro áreas son cuatro páginas más. Con esa estructura y veinte ediciones para pulir la redacción, el total ronda los 90 créditos. Pro cuesta 25 dólares al mes con 200 créditos y cubre el proyecto entero. El plan gratuito trae 5 créditos, que solo dan para asomarse. Business cuesta 99 dólares al mes.

El modo Hi-Fi duplica el precio, con 12 créditos por construcción y 6 por edición. Aquí aporta poco: una web de despacho gana con sobriedad y legibilidad, no con efectos. El presupuesto rinde más en ediciones de contenido.

Antes de entregártelo, el proyecto se arranca en un entorno aislado y una construcción que no abre se reporta como fallo en lugar de entregarse en blanco. Aun así, envía tú mismo una consulta de prueba y comprueba que llega.

¿Qué integraciones necesita y dónde se detiene la IA?

Resend entrega el formulario de consulta a un buzón que alguien mire a diario. Sin él, el formulario se envía al vacío, y en este sector eso equivale a perder un asunto con plazo.

Google Analytics dice qué área de práctica atrae visitas. Si la mayoría entra por una que apenas trabajáis, la portada está mal ordenada. Y si necesitáis un área privada donde el cliente consulte el estado de su asunto, eso es Supabase, con inicio de sesión y almacenamiento de documentos.

Los límites, dichos claramente. No redacta contenido jurídico fiable: los textos los escribís vosotros, porque un error en un plazo publicado es responsabilidad del despacho. No gestiona expedientes ni facturación, que siguen siendo un programa aparte. El área privada de cliente requiere iteración, ya que los permisos por asunto son lógica específica que se afina con ediciones y con pruebas reales usando dos cuentas. Y un producto complejo necesita equipo: Zugo no sustituye a un equipo de desarrollo si aquello crece hacia un portal con firma electrónica y expedientes completos. Si llega ese momento, la exportación a GitHub os deja el código y el proyecto es vuestro.

Para un despacho que necesita cuatro páginas de área bien escritas y un formulario que funcione, eso es suficiente. Si además queréis una página específica para una campaña concreta, mirad la guía de landing page; si el proyecto incluye consultas de pago por suscripción, seguid por cómo montar un sitio de membresía. Con los textos de las áreas escritos, describidlo en zugo.dev.