Marketing site bilingv IT/EN pentru o companie italiană de acoperișuri din Emilia-Romagna: 10 servicii prezentate, 5 portofolii cu foto reale, formular preventivo + integrare WhatsApp, hartă Google Maps live din admin.
CM Coperture Moderne are 10+ ani în Modena, lucrări reale impecabile, echipă certificată și un portofoliu fotografic excelent. Singurul lucru care le lipsea: un site profesionist care să transmită calitatea ofline pe care o livrează. Înainte: o pagină Facebook, niște foto pe Instagram, telefonul ca singur canal de lead.
Pagina FB lor arăta bine cu fotografiile, dar nu apărea pe Google când lumea căuta 'lattoniere Modena sau 'riparazione tetto Bologna.
Emilia-Romagna are mulți clienți expat (industrie alimentară, automotive). Nu puteau servi pe nimeni care nu vorbea italiană fluent.
80+ foto din lucrări reale stăteau pe telefon. Nu erau organizate per proiect, nu aveau context (an, locație, materiale), nu erau căutabile.
Toate cererile veneau prin telefon, deseori în afara orelor. Lead-uri pierdute, calificare slabă, niciun istoric centralizat al cererilor primite.
Am construit un marketing site complet bilingv IT/EN cu 4 pagini principale (Home, Servizi, Lavori, Chi Siamo), 10 pagini de servicii, 5 pagini de proiecte, formular preventiv cu API, integrare WhatsApp și hartă Google Maps dinamică. Conținutul se editează dintr-un singur fișier `content.ts` — clientul nu are nevoie de CMS extern.
Context React custom cu schimbare instantă. Toate stringurile centralizate, ușor de extins la a treia limbă în viitor.
80+ fotografii originale din 5 proiecte recente, organizate cu carusel swipe nativ, lazy loading, lightbox.
Formular validat cu Zod, trimis prin Express + PostgreSQL, copie pe email + Slack alert pentru lead-uri noi.
Embed cu adresa centralizată în config — schimbi adresa într-un loc, se schimbă pe pagina contact instant.
Click-to-chat direct cu numărul afacerii, mesaj pre-completat per pagină vizitată (context-aware).
Schema.org LocalBusiness, sitemap, meta tags per oraș (Modena, Ferrara, Bologna). Google Search Console integrat.
Site-ul real este în producție la cmcoperturemoderne.it. Capturile de mai jos sunt redate fidel ca SVG, cu numele și conținutul real al companiei. Fotografiile de proiect sunt indicate cu placeholdere stilizate (cele reale sunt protejate prin drept de autor al clientului).
Pagina principală vinde compania în primele 5 secunde: hero cu headline strong ('Soluzioni Moderne per il Tuo Tetto), trust badges (10+ ani experiență, garanție certificată, team specializat), zonele servite (Modena, Ferrara, Bologna) și un preview din cele 10 servicii. CTA dual: preventiv gratuit + WhatsApp direct.
Grid 5×2 cu toate cele 10 servicii oferite — fiecare card are icon dedicat (lucide-react), descriere scurtă cu detaliile tehnice cheie, link către pagina dedicată cu galerie foto reală. La final, CTA banner cu telefon + WhatsApp pentru cei care vor preventiv imediat.
Pagina dedicată unei lucrări (ex: Lattoneria Rame, Bologna 2025) afișează specificațiile tehnice, durata intervenției, garanția, suprafața, materialele folosite — toate într-o grilă 3 coloane clară. Galerie foto cu carusel (11+ poze reale), tag-uri pe servicii aplicate, CTA mare la final cu telefon și WhatsApp.
Pagina portfolio prezintă 5 lucrări reale finalizate în 2023–2025 cu un card featured mare (Pacchetto Isolato Ventilato Doppio Coppo, 20 foto) și 4 carduri secundare. Filtrare după tip serviciu (Lattoneria, Impermeabilizzazione, Finestre etc.) și după an. Fiecare card duce către pagina detaliu.
Pagina de contact e construită pentru conversie: formular structurat cu dropdown pe tip serviciu pre-completat, hartă Google Maps embed cu pin pe sediu, 3 carduri rapide (Telefon, WhatsApp, Email) și bloc cu adresă completă + orele de program. Click-to-call peste tot în site, sticky pe mobile.
60% din vizitatori vin de pe telefon — caută grăbiți 'lattoniere Modena sau 'riparazione tetto urgente'. Site-ul e mobile-first: hero condensat cu CTA copper, hamburger menu, schede de proiect cu specs grid 2×2, WhatsApp button sticky în colț. Click-to-call peste tot.
Marketing site rapid și mentenabil. Conținutul într-un singur fișier — clientul nu plătește abonament la CMS, nu depinde de WordPress, nu are vulnerabilități de plugin-uri.
SPA cu routing wouter, animații framer-motion
Design system custom · navy + cupru · brand respectat
10 servicii + 5 lucrări într-un singur fișier · zero CMS
Compresie automată · WebP fallback · lazy loading
Validare client + server · API Express + PostgreSQL
IT/EN cu schimbare instantă · stringuri centralizate
LocalBusiness markup · meta per pagină · OpenGraph
CDN global · SSL · backup automat · 99.99% uptime
Proiectul a inclus nu doar dezvoltarea sistemului, ci și integrarea în fluxul clinic, training pentru echipă și suport continuu.
40+ ecrane proiectate de la zero, optimizate pentru fluxul clinic
Frontend React + backend + bază date · arhitectură scalabilă
Sesiuni de instruire pentru cei 7 medici + recepție · manual utilizator
Maintenance · update-uri lunare · suport tehnic în 2h zi lucrătoare
Aveam o pagină Facebook și destulă lume mă suna direct, dar nu apăream pe Google. Acum site-ul îmi aduce 5–8 cereri de preventiv pe săptămână prin formular, iar fotografiile reale arată calitatea muncii fără să mai trebuiască să explic la telefon. Investiția s-a întors în prima lună.
Construim sisteme similare pentru clinici, cabinete, retail, servicii și producție din Republica Moldova. Hai să discutăm proiectul tău — primă consultație gratuită.
B4B construiește soluții pentru 6 verticale industrie + custom. Vezi cum lucrăm în alte domenii.