L. E.
enes
Back to selected work

Case study · 03

Estudio Jurídico Lachat

Professional legal website

A professional website for a real legal practice, combining a clear editorial presence with consultation capture, document uploads and local search foundations.

View live siteView repository
Role
Full Stack Developer
Client
Estudio Jurídico Lachat
Scope
Website, leads, email and local SEO
Status
Live in production
  • Next.js
  • TypeScript
  • Tailwind CSS
  • Supabase
  • Resend
  • Vercel
Estudio Jurídico Lachat desktop homepage
Estudio Jurídico Lachat desktop homepage

01 · Context

A credible digital presence for a real professional practice.

The project needed to communicate legal services clearly without feeling distant or generic. The site had to support local positioning while giving potential clients a direct way to explain their situation and attach documentation.

The visual direction uses an editorial structure, restrained colors and clear language to reinforce trust before asking the visitor to make contact.

02 · Product scope

The website also works as an intake workflow.

Beyond the public pages, I implemented the complete consultation flow and its supporting services.

  1. 01Structured consultation forms with validation.
  2. 02Document uploads for legal enquiries.
  3. 03Lead persistence in Supabase.
  4. 04Transactional email notifications through Resend.
  5. 05Responsive navigation and accessible semantic structure.

03 · Technical decisions

Search visibility and maintainability were part of the build.

The application was rebuilt with Next.js App Router and strict TypeScript, using reusable sections and server-first rendering where interactivity was not required.

  1. 01Localized service content and semantic heading structure.
  2. 02Metadata, Open Graph previews and structured search information.
  3. 03Local SEO foundations for legal searches in Tres Arroyos.
  4. 04Clear separation between interface, form validation, persistence and email delivery.

Product gallery

A professional service, presented with clarity.

Selected public pages and consultation states show how the editorial experience supports credibility and client contact.

The service overview translates legal practice areas into concrete situations and direct consultation paths.

The service overview translates legal practice areas into concrete situations and direct consultation paths.

Estudio Jurídico Lachat legal services page
A three-step explanation makes the consultation process predictable before the visitor shares personal information.

A three-step explanation makes the consultation process predictable before the visitor shares personal information.

Estudio Jurídico Lachat consultation process
The editorial hierarchy, brand identity and primary contact actions remain clear on mobile.

The editorial hierarchy, brand identity and primary contact actions remain clear on mobile.

Estudio Jurídico Lachat homepage on a mobile viewport
The practice positioning combines preventive criteria, remote assistance and direct language.

The practice positioning combines preventive criteria, remote assistance and direct language.

Estudio Jurídico Lachat professional approach section
The intake form structures each enquiry, accepts supporting documents and prepares the lead workflow.

The intake form structures each enquiry, accepts supporting documents and prepares the lead workflow.

Estudio Jurídico Lachat online consultation form

04 · Production delivery

Domain, services and deployment configured as one product.

The work included the production domain, Vercel deployment, Supabase resources, Resend configuration and final responsive checks. The result is a live client website rather than a portfolio-only concept.