A marketing website for a building contractor, paired with a full admin CMS covering services, project portfolios, price packages, blog, media, and a cost calculator.
A contractor wins work on trust, but the quote is the bottleneck. Visitors arrive with a vague idea of a renovation, and the back-and-forth over price and scope pushes them away before anyone visits the site.
We put an estimator on the homepage instead of a contact form. A visitor describes the job, gets a working number on the spot, and reaches the sales conversation already informed. Behind it sits a full CMS, because the contractor needs to change prices, publish projects, and add articles without calling a developer.
Screenshot from the running project.
The public site opens on the offer rather than on navigation: hero, cost-calculator entry point, and the service cards, so a visitor meets the reason to stay before the site asks them to scroll.
Screenshot from the running project
Visitors enter area, materials, and finish level and get an itemised estimate in rupiah. This turns an abstract renovation into a number both sides can discuss - and it is the feature the whole front end is arranged around.
Screenshot from the running project
Three core services are presented as cards with real project photography rather than icons, covering interior renovation, contracting, and roofing.
Screenshot from the running project
Completed work is published with photographs so visitors get evidence of past projects instead of adjectives claiming there were some.
Screenshot from the running project
Three packages priced per square metre let visitors self-select against a budget instead of asking for one, and give the contractor a clear tier to publish.
Screenshot from the running project
A five-step accordion walks a prospect through the engagement process - inspection, plan, quote, work, handover - so the sequence is clear before a call is booked.
Screenshot from the running projectCodeIgniter 3 on AdminLTE with separate modules for services, sub-services, banners, projects, price packages, clients, blog, tags, and navigation menus - all editable from the browser.
Images are managed centrally and reused across services, projects, and articles, so replacing a photograph does not mean hunting for every place it appears.
Posts are authored, scheduled, and expired through the admin, with categories and a separate slider so featured content can be promoted independently.
Catalogues and estimates are generated and stored, so a quote sent to a prospect stays available for reference long after the conversation ends.
Separate accounts with permission levels let staff add projects and articles without being able to change settings or pricing.
Enquiry buttons open WhatsApp with the enquiry context already attached, cutting the steps between interest and a conversation.
Each main service can carry sub-services with their own descriptions and imagery, so a narrow offering still gets a page of its own.
A logo wall of past clients appears on the public site, giving first-time visitors something concrete to weigh against the claims in the copy.
The site now does the qualifying before the phone rings. Visitors self-select a package and arrive with a budget, so the conversation starts from specifics instead of a blank page - and the contractor publishes new work without waiting for anyone.
Houselook is a website and content management system built for a building contractor.
The public side is conversion-focused: hero, a cost calculator entry point, service cards, a project portfolio, three price packages per square metre, an accordion for the service workflow, and a client trust section.
The admin side is the larger piece of work - a CodeIgniter 3 application on AdminLTE with dedicated modules for services, sub-services, banners, projects, price packages, clients, blog posts and a blog slider, a media library, tags, navigation menus, page content, media uploads, a PDF catalogue and estimate archive, user accounts, and roles.
It also includes a cost calculator that builds an itemised estimate from what the visitor enters, which is the feature the whole front end is arranged around: everything else exists to get someone to that number, or to the form behind it.