Sentinel Legal: Claude Prototype To A Custom WordPress Theme For A Geneva Law Firm

The Challenge

This Claude to WordPress project started with a finished-looking design and no website behind it. Sentinel Legal is an independent law firm in Geneva working in criminal defence, fraud and asset recovery, business law, litigation, and digital assets, AI and tech. People usually reach the firm in an urgent situation, so the website has to earn trust quickly and make it easy to call, book or write.

The firm’s new site was designed as a Claude prototype: a dark, editorial layout with serif headlines, monospace labels and a single orange accent. A prototype like that looks complete, but it is not a website a law firm can run. It has no content management, no second language, no working forms and no SEO structure. The job was to turn it into a production WordPress site without losing the design.

What We Built

We used the Claude prototype as the design reference and rebuilt it as a custom WordPress theme, section by section, with no page builder.

• Custom theme and page templates — a purpose-built theme with dedicated templates for the homepage, practice areas, case examples, team and blog, so the front end loads only what the design needs.
• Six practice-area pages — criminal defence, fraud and asset recovery, digital assets and tech, business law, litigation and debt recovery, and real estate, all reachable from one Domaines menu.
• French and English — the full site runs in both languages with a language switcher and hreflang tags.
• Urgent-contact panel — a click-to-call button, appointment booking and a write-to-us link sit in the hero, with the first-interview terms stated up front.
• Contact form in a popup — a short form with a practice-area dropdown and spam protection, available from every page.
• Trust content — anonymised case examples, client testimonials, the Google review rating, and a four-step explanation of how the firm works.
• Blog — legal explainer articles, with the latest posts shown on the homepage.
• Consent and analytics — cookie consent wired to analytics, so tracking respects the visitor’s choice.

Everything a visitor needs sits within one or two clicks of the homepage. Someone facing a hearing tomorrow can call straight from the hero, while someone comparing firms can read the case examples, the team page and the client reviews before booking a first interview.

How The Claude To WordPress Build Worked

The project followed the same four steps as every build in our Claude to WordPress service.

1. Prototype audit — we went through the Claude prototype section by section and separated what could be kept as it was from what had to be rebuilt for a real site.
2. Architecture plan — we decided which sections became page templates, which content needed its own page type, and how French and English would share one structure.
3. Build and harden — we wrote the theme, connected the forms, added spam protection, and made every section responsive.
4. QA, launch and handoff — we checked the site on phones, tablets and desktops in both languages, then launched it on the firm’s domain.

Design

The build keeps the prototype’s identity: Cormorant Garamond headlines, DM Mono labels, a near-black background and one orange accent colour. A Claude to WordPress build is only useful if the live site still looks like the design the client approved, so we matched spacing, type sizes and colours closely before making each section responsive for phones, tablets and desktops.

SEO

Each page has its own title and description, a clear heading structure, Open Graph and Twitter Card data, and language annotations for the French and English versions. Practice-area pages target the searches people make when they need a lawyer in Geneva. That structure is the main thing a prototype lacks, and it is a large part of what a Claude to WordPress conversion adds.