← Volver a proyectos

Caso de estudio · Sitio web · Servicios legales

SV & Asociados

Un sitio para un estudio jurídico donde el cliente cotiza su caso y reserva la consulta sin escribir un mensaje.

Visitar el sitio ↗
100/100
en PageSpeed, en las 4 categorías, en móvil y desktop
0,8 s
de LCP en un móvil de gama media con 4G lento
A+
en securityheaders.com
0
datos personales guardados por el sitio
Cliente
SV & Asociados · Estudio Jurídico
Ubicación
Santa Fe, Argentina
Inicio
Octubre 2026
Servicios
Desarrollo web a medida · Diseño UX/UI · Identidad visual · Integración de reservas · Seguridad · Optimización de rendimiento
Tecnologías
  • Astro
  • TypeScript
  • Cal.com
  • Google Calendar
  • Cloudflare Pages
  • GitHub Actions

El cliente

SV & Asociados es un estudio jurídico de Santa Fe, que trabaja en sucesiones, derecho laboral, daños y perjuicios, y civil y comercial. Hasta ahora no tenía sitio, ni logo, ni dominio: los clientes llegaban por recomendación y por WhatsApp.

El proyecto

Cada consulta empezaba con el mismo intercambio por WhatsApp: qué podés hacer por mí, cuánto cuesta, cuándo nos vemos. Desarrollamos un sitio que responde esas tres preguntas solo. Quien llega con un problema concreto, una herencia, un despido, un accidente o un contrato, entiende qué puede hacer el estudio, ve un honorario orientativo en pesos y reserva una consulta paga en la agenda de la abogada.

El desafío

Hablar de honorarios sin inventarlos
En Santa Fe los honorarios se fijan en JUS, la unidad de la ley arancelaria, y su valor cambia. Publicar un monto equivocado o no confirmado por la abogada era peor que no publicar ninguno.
Pasar de la consulta a la agenda sin intermediarios
La abogada ya usaba Google Calendar. La reserva tenía que caer ahí, con el contexto del caso, sin que ella tuviera que contestar mensajes para coordinar.
Confianza desde el primer clic
Un sitio legal maneja situaciones delicadas. No podía pedir datos sensibles antes de la consulta ni sumar scripts de terceros que rastrearan a quien lo visita.
Empezar de cero
No había marca: había que definir nombre visible, logo y paleta, y alejarse de la estética del estudio jurídico tradicional.

Nuestra solución

Cuatro áreas con la misma estructura
Cada área explica qué resuelve, qué incluye, qué documentación traer, cómo se cobra y qué no incluye. El cliente compara sin leer de más.
Cotización en cuatro pasos
Área, servicio, unas preguntas sobre el caso y su situación. El resultado es un monto o un rango en pesos calculado desde los JUS, con lo que incluye y lo que no. Un honorario que la abogada no confirmó se muestra como «a confirmar», nunca como un número.
Reserva directa en su calendario
El resultado lleva a la consulta que corresponde en Cal.com, conectado al Google Calendar de la abogada, y el resumen de la cotización llega dentro del evento. Ella abre la reunión sabiendo de qué se trata.
Expedientes en curso
Una página propia para quien ya tiene un proceso abierto y quiere una revisión, con un honorario fijo y el alcance aclarado de antemano.
Identidad visual completa
Emblema, logotipo y monograma, cada uno para el tamaño en que se lee, con una paleta verde oscuro y beige que se aleja del estudio clásico.

Cómo trabajamos

El punto de partida fue una conversación que la abogada había tenido con ChatGPT sobre lo que quería. La convertimos en un documento de diseño con cada decisión argumentada, y de ahí en tareas cortas, cada una en su rama y con criterios de aceptación.

Los honorarios los cargó ella misma en JUS: el sitio solo muestra lo que confirmó. Los textos, las preguntas de la cotización y la marca pasaron por su revisión antes de publicarse.

Los resultados

100/100 en PageSpeed Insights
En rendimiento, accesibilidad, buenas prácticas y SEO, en móvil y desktop.
LCP de 0,8 s, 0 ms de bloqueo y CLS de 0
En un móvil de gama media con 4G lento.
A+ en securityheaders.com
Con una Content Security Policy estricta, sin excepciones inline.
De la home a la consulta sin escribir un mensaje
Cotizar y reservar se hace en minutos, a cualquier hora.
Cero datos personales en el sitio
La cotización corre en el navegador y no hace pedidos a la red.
Costo de operación mínimo
Todo corre en planes gratuitos: el único gasto es el dominio.

Conclusión

SV & Asociados pasó de atender cada consulta a mano por WhatsApp a tener un sitio que explica, cotiza y agenda por el estudio. El proyecto muestra que un estudio chico puede ofrecer la claridad de precios y la autonomía que esperan los clientes de hoy, con estándares técnicos de primer nivel y sin costos fijos.

Detalles técnicos

Stack
Astro con salida estática y TypeScript estricto. La cotización es la única parte interactiva: una isla en TypeScript plano, sin framework de UI.
Honorarios
Una tabla tipada en JUS con un solo valor de conversión: cuando cambia el JUS, se edita una constante. El cálculo es una función pura con una verificación automática que falla si los pesos dejan de coincidir con los JUS.
Reservas
Cal.com por link saliente, no embebido, así no hay scripts ni cookies de terceros. El link precarga solo el resumen de la cotización; nombre y email nunca viajan en la URL, y una verificación automática lo garantiza.
Rendimiento
Nada se carga desde otro origen: la tipografía está alojada en el sitio y no hay analytics. Nada se mueve después de pintar.
Seguridad
Sin servidor, sin base de datos y sin formularios que vulnerar. Content Security Policy 'self' sin 'unsafe-inline', HSTS, bloqueo de iframes y permisos de cámara, micrófono y ubicación apagados. Sin tokens de deploy ni secretos en el repositorio.
Accesibilidad
Cada opción de la cotización es un control nativo con su etiqueta, todo el flujo funciona con teclado y los contrastes cumplen WCAG AA.
Calidad y CI/CD
Integración continua en GitHub Actions con lint, tipos, verificaciones automáticas y build en cada cambio; gitleaks para evitar que se filtren credenciales y Dependabot para mantener las dependencias. Deploy en Cloudflare Pages.

¿Tenés un estudio o un servicio profesional que necesita vender mejor online? Hablemos →

¿Tenés un proyecto en mente?

Agendá una videollamada de 30 minutos o contanos qué necesitás y te respondemos en menos de 24 horas.

¿Cómo querés contactarnos?
1. Elegí un día
2. Elegí un horario · Hora de Argentina (GMT−3)
3. Tus datos

Seleccioná día y horario

¿Qué necesitás?