A fast-growing B2B SaaS serving global marketing teams. The client's name, product and visual identity on this deliverable have been replaced with a fictitious brand, Hoooz, to preserve confidentiality. Everything shown on this page is the actual technical work, applied to a placeholder product.
Launch a marketing site that speaks to five markets on day one, without a dev team in-house, without a monthly Webflow or HubSpot subscription, and without sacrificing Core Web Vitals. Content has to be editable by non-developers. Translations have to stay in sync. Performance has to hold as pages are added over time.
Vanilla static site generator written in Node, no dependencies. Home, about, pricing, contact, legal, privacy and 404, each translated across EN, FR, DE, ES and IT. Decap CMS wired to git. Netlify deployment with edge redirects and language detection. Contact form with honeypot protection. Full JSON-LD coverage, reciprocal hreflang and sitemap.
Every piece of content, every translation, every price lives in JSON files the client can edit through a visual interface. A small Node script reads them at build time and writes 31 static HTML files. The browser receives plain HTML, one stylesheet, one script. No framework runtime, no hydration, no waterfall. The site loads in under a second on 4G and stays that way as content grows.
Five languages. One source of truth. Zero framework.
Content lives in eight JSON files, one per page, each holding a nested object keyed by locale. The build pipeline, a single Node script with no npm dependencies, reads the JSON and writes one HTML file per page and per language. Thirty-one static files in total, generated in under a second.
Every page carries reciprocal hreflang tags, a canonical URL, Open Graph metadata in the right locale format and JSON-LD structured data. The sitemap enumerates all language pairs so Google understands which version to serve to which market. Nothing about the multilingual setup depends on third-party tooling.
A static site only matters if the people who know the product can update it. The admin interface is Decap CMS, open-source, git-backed. The client logs in, edits a page, clicks publish. A commit lands on the main branch. Netlify detects the change, runs the build, redeploys the 31 pages.
No developer between a typo and its fix. No CMS database to maintain. No plugin to update. Every translation is a single JSON field with a clear label, validated against the schema defined in the admin config. The editorial workflow is optional: changes can go live immediately or stage through a review PR.
Lighthouse scores measured on the live Hoooz build. Green across the board, by construction.
Performance
Accessibility
Best practices
SEO
How these numbers are reached
A 557-line main script handles the entire UI: scroll progress, word-stagger reveals, animated counters, a terminal that cycles through SCANNING, LOCKING, DEPLOYED states, a pricing toggle that slides between monthly and annual and swaps currency in place, a cursor blob that follows the pointer and softens over interactive elements, magnetic buttons that pull toward the click zone.
Every animation uses IntersectionObserver or requestAnimationFrame, every one of them respects prefers-reduced-motion. No motion library, no animation framework, no physics engine. Just the platform.
The site is built mobile-first and adapts through twelve breakpoints between 600px and 1280px using CSS logical properties, fluid typography via clamp() and container-aware spacing. No separate mobile codebase. No media query sprawl. The same markup serves every screen.
Hoooz ships as a marketing site that loads in under a second, scores 99 on Lighthouse performance, and can be edited by anyone on the client's team without touching a line of code. The stack is boring on purpose: HTML, CSS, JavaScript, a Node build script, a git-backed CMS, a static host. No framework to migrate away from when versions shift. No monthly platform fee. No dependency graph that rots over eighteen months. The site will still work, and still score, three years from now. That's the point of hand-coded, owned websites.
Hoooz®
Multilingual SaaS marketing site.
Pyrene®
French nutrition for ultra-endurance.
Le Courti®
Guest house by the sea.
Menao®
B2B app for artisans and craftsmen.
Ultra Bike France®
French ultra-cycling event series.
Pace®
Triathlon and individual sports coaching.
Tell me about it — I'll get back to you within 24 hours with a free intro call proposal.
Not ready yet?
Browse more projects ↑