Remodelações Demonstration project
Obra Prima — remodeling company with a quote funnel
A warm, earthy site for a Sintra remodeling firm: a draggable before/after comparison, service pricing, and a four-step quote wizard that turns visitors into qualified leads.
feitura.pt/demo/obra-prima — Live
A remodeling company in the Sintra corridor lives off word of mouth and loses leads to a phone that nobody answers on site. They need a site that proves the quality of the work, shows real prices, and captures qualified quote requests — type of job, area and timeline — before the first call.
What's inside
- Touch-friendly before/after slider with keyboard support
- Four-step quote funnel: job type, area, timeline, contact
- Live indicative estimate calculated from type and square meters
- Services grid with real starting prices and lead times
- Trust strip: insurance, fixed deadline, clean site, 48h quotes
- Testimonials from neighbouring parishes for local proof
- Sticky header with mobile menu, composed mobile-first at 375px
- Self-hosted fonts, zero external requests, reduced-motion aware
Build log
- Design system + earthy palette, header and hero
- Services grid with SVG art and pricing, trust strip
- Before/after slider: pointer events, clipping, a11y
- Quote funnel steps, validation and live estimate
- Process section, testimonials, footer and copywriting
- Responsive pass at 768/1100, contrast audit, polish
Stack
- Laravel
- Vue.js
- Inertia
- Tailwind CSS
Lighthouse
95
Performance
100
Accessibility
100
Best practices
100
SEO