Web

Horizon Lots — Website with an Interactive Map for Selling Land

A 3-language website for selling land in Canada: interactive lot map, monthly payment calculator and a form to capture leads.

  • Interactive map: the buyer taps a lot and sees its price, size and status
  • Monthly payment calculator with a capital and interest chart
  • In English, French and Spanish, designed for buyers in Canada
  • Lead form with consent and privacy notice
  • No frameworks or dependencies: the whole page weighs about 109 KB of code
Landing pageReal estateInteractive map3 languagesLead generationCalculatorSEOJavaScript

About the project

Horizon Lots solves a specific problem for anyone selling land: buyers, especially if they live in another country, need to see where each lot is, how much it costs and how much they would pay per month before getting in touch. The page shows everything in a single flow: an interactive map where you tap each lot to see its price, size and status; a monthly payment calculator with down payment, term and rate; the location with distances to points of interest; a gallery of the land; and a form that captures the interested buyer's details. It is designed for buyers in Canada and works in English, French and Spanish. It is built with HTML, CSS and JavaScript with no frameworks: a single lightweight page, with the map in SVG, the calculator chart in Canvas, and currency and time formats handled by the browser's Intl API according to the language. This project is an interactive mockup with sample data (lots, prices in CAD and reference photos). The final version is delivered with the real data of the land, a form connected to the owner's email, a custom domain and optional ad campaigns to attract buyers.

Tech stack

HTML5CSS3JavaScript (no frameworks)Interactive SVGCanvas 2DIntl API (currency and time)JSON-LD (schema.org)Google FontsVercel

Key features

  • Interactive map of 12 lots with filters by status (available, reserved, sold)
  • Lot sheet: price, size, dimensions and orientation
  • Payment calculator with down payment, term and annual rate
  • Lead form with consent and privacy notice
  • Language selector: English, French and Spanish
  • Land photo gallery with carousel
  • Location with distances to points of interest
  • WhatsApp button for buyers
  • Responsive design for phone, tablet and desktop
  • Basic SEO and structured data (schema.org)
  • Animations that respect the reduced-motion preference
  • Accessible: keyboard navigation and ARIA labels
Delivery options

Choose how you want to work with us

Website

US$ 1,200 one-time (US$ 1,385 if bought separately)

A ready-to-publish page in 3 languages, with an interactive map, payment calculator and form. Delivered in 7 to 10 business days from receiving the materials.

  • Responsive page, form to email, WhatsApp button and basic SEO
  • Consent and privacy notice
  • 3 languages: English, French and Spanish
  • Interactive lot map
  • Monthly payment calculator
  • Leads sent to a spreadsheet
  • Hosting and .com domain for 1 year
  • 2 rounds of changes
  • Domain renewal from year 2 not included (approx. US$ 15–25 per year)

Promotion

US$ 175 setup + US$ 250/month

Campaigns to attract buyers in Canada. Recommended minimum: 3 months. The ad budget (US$ 100–150 per month) is paid separately by the client.

  • Initial setup: accounts, tracking and starter campaigns
  • Monthly management of Facebook, Instagram and Google
  • Weekly optimization
  • Monthly leads report
  • Ad accounts stay in the client's name
  • Ad budget not included

Complete combo

US$ 1,625 the first month · then US$ 250/month

The website plus the promotion, to launch and start capturing leads from the first month. Ad budget (US$ 100–150 per month) not included.

  • Everything in the Website plan
  • Everything in the Promotion plan
  • Ad setup included
  • Campaigns active from launch
  • From month 2 you only pay the monthly management
Interested?

Get a quote for this project tailored to your case

Tell us about your context and we will prepare a tailored proposal with clear scope, timelines and budget.