《Concept》 Real estate developer (condos and house-and-lot)

Tanaw Land

A concept website for a fictional Cebu developer that sells condo units in Mandaue and houses in Liloan, laid out as a marketplace. Every home for sale is a card with its price, price per m², areas and beds; every unit type has its own page with photos, a floor plan and specs; and a stacking plan shows which units are left, each with a sample computation you can send on Messenger.

Concept · 2026

Concept · fictional business · sample data

Tanaw Land home page on desktop: "Every home, every price." over a generated photo of a 15-storey condo tower in Mandaue at golden hour, with the search bar for type, bedrooms and budget below.

The problem

Property buyers in the Philippines start from Facebook ads and a "PM for price" reply. On the developers' own sites, prices sit behind an inquiry form, floor plans behind "request", and availability is "few units left". Buyers ask an agent for a "sample computation" and wait, sometimes over a weekend, and reservation-fee scams live in that gap.

Research

I captured 11 sites in October 2026, international and Philippine. The pattern every good one shares: search first, a listing grid of cards, a page per unit with price, areas, plan and specs, a loan calculator and a buyer's guide. The gaps: PropertyGuru says "Request Price" and "Request Floor Plan"; Avida, Camella, Lumina and PHirst show no price on their listings; DMCI lists 45 unit types but never says how many are left; agents on Dot Property post computations because the developers don't.

The idea

Tanaw (Cebuano for "view") puts every number on the page. 24 open homes are cards you can filter by type, bedrooms and budget. Each unit type has a page with photos, a floor plan, a facts strip, room sizes and finishes. "Pick your unit" shows the tower floor by floor and the house lots one by one: tap one for its exact price and a sample computation, then send it to the developer on Messenger as it is.

The story

  1. Story slide: Tanaw Land cover, the stacking plan on desktop beside a unit's sample computation on a phone.
  2. Story slide: the hero on a phone, "Every home, every price.", with See all 24 homes for sale.
  3. Story slide: six home types as cards, each with its price, areas, beds and how many are left.
  4. Story slide: the tower's stacking plan, floors 5 to 15, each unit marked available, reserved or sold.
  5. Story slide: Unit 12F-07, a one-bedroom at ₱5,474,000, with its sample computation down to the monthly Pag-IBIG payment.
  6. Story slide: homes for sale as cards with photo, price, price per m² and specs.
  7. Story slide: the two-bedroom corner unit page with its price and facts strip.
  8. Story slide: open house lots in Liloan with lot area, facing and price.
  9. Story slide: three ways to pay the balance, Pag-IBIG, bank and in-house, on a ₱4,000,000 loan.

Screens

  • Home page as a Facebook post: the whole marketplace page in columns.
  • 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, 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.
  • Home page, scroll image 4, a column of the full page.
  • Home page, scroll image 5, a column of the full page.
  • The two-bedroom corner unit page as a Facebook post: photos, floor plan, price, specs and the units left.

What it does for the business

If this were a real developer, buyers would message about a specific unit with its price and how they'd pay already written, so the first reply can be a viewing slot instead of a price list. Fewer "how much?" messages, faster replies on weekends, and a licence number next to every price makes a fake listing easier to spot.

Figures marked sample are illustrations, not real results.

How it's built

  • Studied 11 property sites first (Rightmove, PropertyGuru, Emaar, DMCI, Avida, Camella, Lumina and more) and followed the category pattern: a listing grid with filters, a page per unit type, inquiry on every unit.
  • Every number is public: no "request price", no gated floor plan, and a real count of what is left.
  • "Pick your unit": the tower as a stacking plan and the houses as a list of open lots. Picking one shows its exact price and a sample computation down to the monthly payment.
  • One data file feeds all 13 pages, so the grid, the plans and every count agree.

HTML · CSS · JavaScript · GSAP · ChatGPT images