Portfolio + Quotation Site — a decade-old modular design firm goes online

The problem

A modular design + construction firm had over a decade of finished work — kitchens, wardrobes, bathroom fit-outs, built-ins, entertainment spaces — and almost none of it was findable online.

The service they sell isn't the kind you add to a cart. Every project is scoped, quoted, and installed custom. What clients need before contacting them is:

• Proof they can do the work. Real photos of finished projects, organized to browse easily.
• A sense of range. Kitchens, bathrooms, storage, loose furniture — the full offering, not just one category.
• A clear next step. Not “call this number and hope.” A quotation flow with obvious entry points from every page.

They also run an agent network — partners who bring in projects — and needed a way for those agents to log in and manage their own referrals.

Constraints

• WordPress. The team was comfortable managing content in WordPress. Migrating them to a headless stack would've added ongoing dev dependency for a team that wanted to update photos themselves.
• Portfolio is the product. The site had to make the work look as good as it actually is — modular design lives or dies on how the finished spaces present.
• Quotation is the goal. Every path through the site should end at “get a quote,” without feeling pushy.
• Agent-facing dashboard. Partners needed their own login area, separate from the public marketing site, for managing their pipeline.
• Filipino market, local hosting realities. Fast on 3G+, works on cheap Android devices, doesn't rely on paid CDN tiers.

What I shipped

• Category-organized portfolio. Kitchens, bathrooms, wardrobes, storage, entertainment, loose furniture — each with its own gallery. Photos load progressively so mobile visitors on flaky connections still see something quickly.
• Get-a-Quote flow. Prominent CTA on every page. The form captures project type, rough scope, contact info, and an optional file upload for the client's inspiration references.
• Marketing pages — home, about (leaning into the decade+ of experience), services breakdown, contact. Written to convert without sounding salesy.
• Custom WordPress theme built from scratch on their brand — not a marketplace theme with a logo slapped on. Speed-optimized (targets 90+ Lighthouse), image handling done properly.
• Agent login area. Separate authenticated section for partners to see their own referrals, upload documents, and track deal status.
• Cloudflare in front for DNS, SSL, and edge caching. Free tier handles a portfolio site's traffic pattern.

The hard parts

WordPress that stays fast. WordPress out of the box is slow — a portfolio-heavy site is prone to loading 3MB of unoptimized hero images. I moved image handling to a proper responsive pipeline (WebP + AVIF, srcset per breakpoint, lazy-loading below the fold) and set aggressive Cloudflare caching. Portfolio pages feel snappy even on mobile 4G, which is where most local visitors are.

Making the quotation form high-signal. Contact forms that only ask “name / email / message” produce low-signal leads — the team ends up doing a discovery call just to figure out what the project is. I designed the form to ask enough up front (project type, rough size, timeline) that the first reply can already be a real quote conversation.

Agent area without complicating the front-end. Public site is a marketing brochure; agent area is a small internal tool. I kept them logically separate — same WordPress instance, different theme templates and access rules — so the public site stays fast and the agent area doesn't clutter it.

Result

Live and running. The portfolio is browseable, the quotation flow captures real leads with enough context to reply meaningfully, and the client team runs it themselves — updating photos, adding projects, publishing news — without needing me day-to-day.

What I'd do differently

Should've added a featured project spotlight on the homepage from day one. Right now the homepage shows a service overview. Leading with one deep-dive completed project (photos + short story) would give visitors a stronger emotional read on the quality of work before they even get to the category grids. Adding it now, but should've been v1.

Takeaway

For local businesses whose actual competitive advantage is the quality of finished work, the site's whole job is to make that work legible and lower the friction to the first conversation. Everything else — team pages, blog, elaborate about sections — is scope that dilutes the two things that matter: proof and next step.