The challenge
HB Construcciones carries out full renovations, pools, kitchens, bathrooms and extensions in the west of Madrid. They had no website: every customer came through personal contacts and referrals. They needed to move beyond word of mouth with a site that builds trust with someone about to spend thousands on their home, and turns that trust into a conversation.
The solution
WhatsApp as the main channel
Renovation customers would rather message than fill in forms, so every button leads to WhatsApp, and the form opens the chat with the message already written.
A sticky bar on mobile
with "Call" and "WhatsApp", always one tap away.
Answers before they ask
FAQs on building permits, timelines, quotes and guarantees: the doubts that stop a customer from getting in touch.
Real proof
A gallery of finished work, videos filmed on site and reviews from their customers.
Built for local search
Content aimed at renovation and pool searches in their area.


Brand identity proposal
I designed a logo proposal with a full kit (colour, reversed, monochrome and icon, all in vector format). The client chose to keep their original logo, so the website uses their current identity.
Colour Reversed Monochrome Icon
Outcome
HB has gone from relying only on word of mouth to having its own website, live since October 2026. It's recent, so this case study will be updated with real results (enquiries received via WhatsApp) as soon as there is data.
For developers
Next.js (App Router) + React 19 + TypeScript.
Tailwind CSS 4, Framer Motion for subtle animations, Lucide icons and Geist fonts via
next/font.Custom media pipeline: Node/TypeScript scripts that extract frames from site videos and convert the gallery and videos to WebP with
sharp.Local SEO: LocalBusiness JSON-LD structured data, metadata and
langset up.Conversion: floating WhatsApp button, sticky mobile contact bar and a form that builds the WhatsApp message from the user's input.
Vercel with automatic deploys from GitHub · Vercel Analytics · ESLint.
Spec-driven development (
spec.md+tasks.md).
