《Concept》 House painting contractor

Pintura

A six-page concept website for a fictional house painting contractor in Antipolo, Rizal. Homeowners measure their walls in a paint estimator, browse before/after projects with filters and a full-screen viewer, and send an editable quote request on Messenger. Sample content; the photos are AI-generated (ChatGPT).

Concept · 2026

Concept · fictional business · sample data

Pintura home page on desktop: "A fresh coat. A home again." over a generated photo of a freshly painted two-storey house in Antipolo after rain.

The problem

Homeowners ask "magkano magpapintura?" and get a price per floor area, or a number with no scope behind it. The walls that need the most work, peeling and rain-damaged, are priced like a simple repaint, and the extra days for prep and rain come as a surprise halfway through.

The idea

On this page, a room becomes a measured scope. The estimator turns room size, openings, condition and coats into wall area, a price range and working days, and a before/after wipe shows the same room repainted.

The story

  1. Story slide: Pintura cover, the six-page house painting concept.
  2. Story slide: the hero, house painting for Antipolo and nearby Rizal.
  3. Story slide: measuring one room in the estimator, 20 m² of floor and three coats.
  4. Story slide: the estimate, about 50 m² of wall with a sample price range for peeling paint.
  5. Story slide: the same generated room before and after, on a wipe slider.
  6. Story slide: sample starting prices and what changes them.
  7. Story slide: preparation work and the generated crew.
  8. Story slide: an editable quote request for a sample Taytay repaint.
  9. Story slide: the closing call to message for a quote.

Screens

  • Home page as a Facebook post: the whole page in columns.
  • Estimate page as a Facebook post.
  • Projects page as a Facebook post.
  • Services page as a Facebook post.
  • About page as a Facebook post.
  • Contact page as a Facebook post.
  • Home page as a vertical story.
  • Home page, carousel slide 1.
  • Home page, carousel slide 2.
  • Home page, carousel slide 3.
  • Home page, carousel slide 4.
  • Home page, carousel slide 5.
  • Home page, carousel slide 6.
  • Home page, scroll image 1, a column of the full page.
  • Home page, scroll image 2, a column of the full page.
  • Home page, scroll image 3, a column of the full page.

What it does for the business

If this were a real contractor, quote requests would arrive with the wall area, the condition and photos already in them, so the ocular confirms a scope instead of starting one. Concept only, with a sample price model and sample projects.

Figures marked sample are illustrations, not real results.

How it's built

  • The estimator measures wall area, not floor area: the sample room, 20 m² of floor, has about 50 m² of wall to paint.
  • The estimate shows a sample price range, working days and a rain buffer for exterior work, and says it is a planning model, not a quote.
  • Peeling paint costs more than a repaint because the prep is the job. The estimator and the price list both say so.
  • The projects page filters four job types and opens each before/after in a full-screen viewer you can swipe on a phone.
  • The contact page builds a quote request the homeowner can edit before it goes to Messenger: photos and a barangay are enough to start.
  • Every price, review, licence and address is labelled sample, and every photo says it is generated.

HTML · CSS · JavaScript · GSAP · ChatGPT images