Client Builds · AI-assisted web delivery

Client web builds

Deployed assets

Production-grade websites delivered to real clients, built through AI-augmented workflows (Codex + Claude Code). I owned the brief, the content, the structure, the QA and the deployment; the tools wrote the code.

Client sites

Live in production

In development · 50%

PDF datasheets shipped

MethodBrief → structure → AI implementation → visual QA → deploy

ToolingClaude Code · GitHub Codex · Tailwind CDN · Netlify / static hosting

ExtrasSEO, Open Graph, sitemaps, PWA manifest, llms.txt discoverability layer

Client 01 · live

Ferrant P.H.E

Live // ferrantphe.fr

Ferrant P.H.E

Essential oils & concentrates — family client — Rodelinghem, Hauts-de-France

Visit ferrantphe.fr

Products

1989

Est.

30T

Daily capacity

FR/EN

Bilingual

Site sections

Home

Hero with animated background, event badge (FIE Frankfurt), CTA

Products

16 products, filterable by category (Oils / Concentrates), PDF datasheets

About

3-act company history + industrial specs (4 extractors, 316L SS, biomass boiler)

Contact

Phone, email, address, Maps link — M. Adrien Ferrant

Company timeline

1989The roots

Patrice Ferrant founds the company on family lands in Rodelinghem (Hauts-de-France). Onion farming diversifies into distillation.

2000sInnovation

Industrial scale-up with custom 316L stainless steel stills. World-first leek essential oil production launched.

TodayGlobal leader

30 metric tons processed daily. Supplies the world’s leading flavor houses. Kosher certified, biomass closed-loop sustainability.

Technical highlights

Bilingual FR/EN — full UI, product names, datasheets
16 downloadable PDF technical datasheets (FR + EN)
Dynamic product catalog with category filter
SEO: JSON-LD schema, Open Graph, sitemap.xml
PWA-ready: manifest, theme-color, Apple touch icon
LLM discoverability layer via /llms.txt
No-JS fallback with full product & contact info
Responsive: sidebar nav desktop / hamburger mobile
Kosher certification & sustainability messaging
Event badge (FIE Frankfurt) configurable via data.js

Design system

phe-greenphe-goldphe-surfacephe-lightPlayfair Display + Lato

Client 02 · in development

AS Nortkerque 95

In dev // asnortkerque95

AS Nortkerque 95

Football club — local client — Nortkerque, Pas-de-Calais

Build progress — WIP50%

1995

Founded

250+

Members

Squads

U7-U17

Youth academy

Site sections

Home

Hero “More than a club, a family” — CTAs Join us / Our matches

Teams

All squads by category — Seniors A/B, U23, youth teams, women’s

Gallery

Match & training photos — integrated lightbox

Football school

Youth academy U7→U17 — qualified coaches, Wed & Sat sessions

Contact

Club info + contact form

Club history

1995Founded

AS Nortkerque is established in Pas-de-Calais. The club is built on values of solidarity, respect and enjoyment of the game.

30 yrsLocal roots

250+ registered members, 14 squads and a structured youth academy (U7→U17). A cornerstone of local sport for three decades.

2025Digital debut

First ever official website, no prior web presence. Launching a modern digital identity to support the club’s development ambitions.

Technical highlights

Club’s first-ever website — full digital debut
Dark design with club identity colors (green / yellow)
Youth football school section U7→U17 front & center
Integrated photo gallery — matches & training
Mobile-first responsive layout
Strategic CTAs: Join us / Our matches
Local SEO — Nortkerque, Pas-de-Calais
Integrated contact form

Design system

asn-darkasn-yellowasn-greenasn-lightBebas Neue + Inter

Why it matters

A 30-year-old club with 250+ members had no web presence at all. The site is its digital debut.

Connection

Same club as the ASN95 Signal case: the communication work made the website necessary.

Gallery and contact form integration, then launch alongside the 2025-26 season communication.

ClientBuilds

Deployed assets

Ferrant P.H.E

Ferrant P.H.E

AS Nortkerque 95

AS Nortkerque 95