Demonstration project — fictional brand
VERAC Rénovation
The website of a craftsman near Nantes, where customers see their project take shape and its price appear before they call.
Project sheetVER
- Sector
- Crafts and building
- Market
- France, Nantes
- Type
- Website with quote calculator
- Pages
- 26
- Languages
- French, English
- Built in
- 2026
The need
VERAC Rénovation is a company of six people based in Rezé, near Nantes. It designs, builds and fits wardrobes, renovates interiors and insulates lofts. The craftsmen’s websites I looked at rarely say where the company works, and almost never what a job costs. VERAC wanted more precise visit requests.
For their customers
A family that wants a wardrobe or loft insulation first wonders about the price. They choose their project, slide the length and see a range in euros. They call knowing the order of magnitude. Camille, the manager, knows what the customer wants before the visit.
What I built
-
A quote calculator in 6 steps
You choose the project, the size, the material, the finish. The dimensioned plan redraws with every choice and the price range follows. Contact details are only asked for at the end.
-
Before and after jobs
You drag a handle to go from before to after. It also works with the keyboard. Each job shows its town and its duration.
-
A map of the service area
The towns are on the map and also written out in text. Each shows its visit lead time. You quickly know whether the team comes to your area.
-
One trade per page, with price guides
Joinery, renovation, insulation: each trade has its page, its indicative prices and its answers. Grants and VAT are explained simply.
Design choices
Colours of plaster, slate and oak, to evoke the workshop. Condensed capital headings, like on a building-site sign, and sharp corners.
- Barlow Condensed for headings and figures
- Barlow for text
- PlasterBackground#F5F2EC
- SlateText#232C35
- OakAction#8E5B2A
- SageDetails#A3B49A
Measurements
Home page of the demo, on mobile and on desktop.
| Metric | Mobile | Desktop |
|---|---|---|
| Performance | 90 | 100 |
| Accessibility | 100 | 100 |
| Best practices | 100 | 100 |
| SEO | 100 | 100 |
| Largest Contentful Paint (LCP) | 2,316 ms | 612 ms |
| Transferred size | 342 KB | 280 KB |
Measured on 3 October 2026 with Lighthouse 13 (default profiles), page served compressed from a local server, as in production.
Built with AI
Design, art direction and checks by me. Code and content produced in collaboration with AI agents, then reviewed and tested.
How I work with AIOther case studies
Let’s talk about your project.
Tell me what you do and what you need. I reply within one business day.
You talk to me directly
Mike SOBTAMFO · engineer · Cameroon (UTC+1)