Case study · Website · Legal services
SV & Asociados
A website for a law firm where clients get a quote for their case and book a consultation without sending a single message.
Visit the site ↗
- 100/100
- on PageSpeed, in all 4 categories, on mobile and desktop
- 0.8 s
- LCP on a mid-range phone over slow 4G
- A+
- on securityheaders.com
- 0
- personal data stored by the site
- Client
- SV & Asociados · Law firm
- Location
- Santa Fe, Argentina
- Started
- October 2026
- Services
- Custom web development · UX/UI design · Visual identity · Booking integration · Security · Performance optimization
- Technologies
- Astro
- TypeScript
- Cal.com
- Google Calendar
- Cloudflare Pages
- GitHub Actions
The client
SV & Asociados is a law firm in Santa Fe, Argentina, working on estates, employment law, personal injury, and civil and commercial law. Until now it had no website, no logo and no domain: clients came through referrals and WhatsApp.
The project
Every inquiry started with the same WhatsApp exchange: what can you do for me, how much does it cost, when can we meet. We built a site that answers those three questions on its own. Someone arriving with a specific problem, an inheritance, a dismissal, an accident or a contract, understands what the firm can do, sees an estimated fee in pesos and books a paid consultation in the lawyer's calendar.
The challenge
- Talking about fees without making them up
- In Santa Fe, legal fees are set in JUS, the unit defined by the fee law, and its value changes. Publishing a wrong amount, or one the lawyer hadn't confirmed, was worse than publishing none.
- From inquiry to calendar with no middleman
- The lawyer already used Google Calendar. Bookings had to land there, with the context of the case, without her having to answer messages to coordinate.
- Trust from the first click
- A legal site deals with sensitive situations. It couldn't ask for sensitive data before the consultation or add third-party scripts that track visitors.
- Starting from scratch
- There was no brand: we had to define the public name, logo and palette, and move away from the look of a traditional law firm.
Our solution
- Four practice areas, one structure
- Each area explains what it solves, what it includes, which documents to bring, how it's billed and what it doesn't include. Clients can compare without reading more than they need.
- A four-step quote
- Area, service, a few questions about the case and the client's situation. The result is an amount or a range in pesos calculated from JUS, with what's included and what isn't. A fee the lawyer hasn't confirmed shows as “to be confirmed”, never as a number.
- Booking straight into her calendar
- The result leads to the matching consultation on Cal.com, connected to the lawyer's Google Calendar, and the quote summary arrives inside the event. She opens the meeting already knowing what it's about.
- Ongoing cases
- A dedicated page for people who already have a case open and want a review, with a fixed fee and the scope made clear upfront.
- A complete visual identity
- Emblem, logotype and monogram, each designed for the size it's read at, with a dark green and beige palette that moves away from the classic law firm.
How we worked
The starting point was a conversation the lawyer had had with ChatGPT about what she wanted. We turned it into a design document with every decision argued, and from there into short tasks, each on its own branch with acceptance criteria.
She entered the fees herself, in JUS: the site only shows what she confirmed. The copy, the quote questions and the brand went through her review before going live.
The results
- 100/100 on PageSpeed Insights
- In performance, accessibility, best practices and SEO, on mobile and desktop.
- 0.8 s LCP, 0 ms blocking and 0 CLS
- On a mid-range phone over slow 4G.
- A+ on securityheaders.com
- With a strict Content Security Policy and no inline exceptions.
- From the home page to a consultation without sending a message
- Getting a quote and booking takes minutes, at any time of day.
- Zero personal data on the site
- The quote runs in the browser and makes no network requests.
- Minimal running costs
- Everything runs on free plans: the only expense is the domain.
Conclusion
SV & Asociados went from handling every inquiry by hand over WhatsApp to having a site that explains, quotes and books on the firm's behalf. The project shows that a small firm can offer the price clarity and autonomy today's clients expect, with top-tier technical standards and no fixed costs.
Technical details
- Stack
- Astro with static output and strict TypeScript. The quote is the only interactive part: an island in plain TypeScript, with no UI framework.
- Fees
- A typed table in JUS with a single conversion value: when JUS changes, one constant is edited. The calculation is a pure function with an automated check that fails if the pesos stop matching the JUS.
- Bookings
- Cal.com through an outbound link, not embedded, so there are no third-party scripts or cookies. The link prefills only the quote summary; name and email never travel in the URL, and an automated check guarantees it.
- Performance
- Nothing loads from another origin: the typeface is self-hosted and there are no analytics. Nothing moves after first paint.
- Security
- No server, no database and no forms to exploit. Content Security Policy 'self' without 'unsafe-inline', HSTS, iframe blocking, and camera, microphone and location permissions turned off. No deploy tokens or secrets in the repository.
- Accessibility
- Every quote option is a native control with its label, the whole flow works with the keyboard and contrast meets WCAG AA.
- Quality and CI/CD
- Continuous integration on GitHub Actions with lint, types, automated checks and a build on every change; gitleaks to keep credentials from leaking and Dependabot to keep dependencies up to date. Deployed on Cloudflare Pages.
Do you run a firm or professional service that needs to sell better online? Let's talk →