Adeel HabibAI & Full-Stack Web Developer · Rawalpindi, Pakistan
All work
02Website

Kostrzewski Delfgaauw, Legal & Tax

A full redesign for a Curaçao law and tax firm, in English and Dutch, with 26 screens across 13 pages.

Client
Kostrzewski Delfgaauw, Legal & Tax
My role
Design and development
Timeline
2 weeks
Stack
AstroTailwind CSSVercelGitHubCloudflareResend
Kostrzewski Delfgaauw homepage with the headline Diligence, intelligence and integrity and the two founding partners
Lighthouse
94Lighthouse performance on mobile
Lighthouse
96Lighthouse accessibility
Lighthouse
100Lighthouse best practices
02Before

The problem

The old site looked like a template, and worked like one on a phone.

The firm advises clients in Curaçao, the Caribbean and the Netherlands. Its site had no mobile menu, no tap-to-call bar and small tap targets. All seven practice areas were stacked on one long page, in grey text on dark green that was hard to read.

English and Dutch articles shared one news feed, with no language switch and no link between a post and its translation. Both news cards used the same Lady Justice stock photo.

The contact page used an outdated reCAPTCHA and a placeholder FAQ that mentioned divorce and family law, which the firm may not offer.

03Build

The solution

One practice area, one page. One language, one URL.

I started with a design system of its own: Newsreader and Hanken Grotesk, a green, cream and gold palette, square images and hairline rules in place of shadows. Each of the seven practice areas got its own page with a sticky contact panel. English lives at the root and Dutch under /nl, and a language switch sends you to the same page in the other language. Claude Code built it in Astro, with almost no JavaScript, from the approved designs.

  1. 01
    Build the systemType, palette and components set before any page was drawn.
  2. 02
    Design every screen26 screens: 13 pages, each on desktop and mobile, in English and Dutch.
  3. 03
    Build and connectAstro and Tailwind on Vercel, with Cloudflare for DNS and spam protection and Resend for form emails.
04Screens

Project screens

Kostrzewski Delfgaauw services page listing seven practice areas
FIG. 01Services page: all seven practice areas on one index, each with its own page.
Kostrzewski Delfgaauw about page timeline titled From two practices to one firm
FIG. 02About page timeline of how two practices became one firm.
Kostrzewski Delfgaauw news page with All, English and Nederlands tabs
FIG. 03News with All, English and Nederlands tabs, and a link to read each article in the other language.
Kostrzewski Delfgaauw FAQ section with seven questions
FIG. 04FAQ answering the questions clients ask first.
Kostrzewski Delfgaauw contact page with a Write to us form and reception, partner and office details
FIG. 05Contact page with a validated form and a note that sending a message doesn’t create a lawyer-client relationship.
05After

The outcome

A site that reads clearly in two languages and loads fast from anywhere.

Tested on mobile on the Vercel preview, the site loads its first content in 1.8 seconds or less from every region tested, and its largest content in 2.6 seconds or less. Blocking time is at or near zero in most regions.

Lighthouse on mobile: performance 94, accessibility 96, best practices 100
First content in 1.8 seconds or less from every region tested
Every page has an English and a Dutch version, linked both ways
Contact form with validation, spam protection and a clear no-lawyer-client-relationship note
[Client quote: add after launch]
[ ][Client name][Role], Kostrzewski Delfgaauw
Nextproject

InvoiceDrop

Product

View case study
06Let's talk

Want results like this?

Tell me what's slowing you down. I'll tell you if I can fix it.

Book a 30-minute strategy callcalendly.com/adeelhabib/30min