Case study · Real estate

A clear view of Indian property, from anywhere.

We designed and built a property platform that helps Indians abroad compare cities, localities and homes with confidence.

The OVIN Properties home page: Buy property in India, from wherever you live
The OVIN home page on a phone
Client
OVIN Properties, by Vivin Facilitators FZ LLC
Audience
Indians living abroad buying in India
Services
Product design, UX, data visualisation, build
Year
2026
  • 9city price reports with trends, micromarkets, rents and yields
  • 36pages, from the home page to every property and guide
  • 12detailed property pages with plans, pricing and locality data
  • 5calculators: EMI, affordability, yield, area and currency

Buying a home in India is hard when you live thousands of kilometres away.

OVIN Properties serves Indians who live abroad and want to buy, invest in or manage property back home. They can't drop in on a site visit, they work in a different time zone, and the numbers they find online rarely agree with each other.

OVIN wanted one place where an overseas buyer could understand a market before talking to anyone: what homes really cost, how prices are moving, what a property earns in rent, and what the rules are for NRIs.

An overseas Indian should be able to judge a city, a locality and a home from their sofa abroad.

The goal we set with the OVIN team
  1. 01

    Prices you can't read

    Asking prices, registered prices and rents sit in different places, so buyers can't tell a fair deal from a hopeful one.

  2. 02

    Too far to visit

    Overseas buyers make decisions from photos and calls, so every page has to answer the questions a site visit would.

  3. 03

    Rules that change by status

    NRIs, OCIs and residents follow different rules on what they can buy, how they pay and what tax applies.

  4. 04

    Scattered tools

    EMI, affordability, yield and currency maths usually live on five different websites.

  5. 05

    Time zones

    A buyer in Dubai or Toronto needs to know when someone in India can actually reply.

How we worked.

Every screen had one job: help someone far from India make a confident decision without being pushed.

  1. 01

    Read the brief

    We turned OVIN's proposal and requirement documents into one site map, with price insights as the centrepiece.

    One plan, 36 pages
  2. 02

    Shape the brand

    We built a visual system from OVIN's logo: two blues and a navy for trust, one warm amber for the next step, and type that makes numbers easy to read.

    A system from one logo
  3. 03

    Design for data

    One chart palette checked for colour blindness, plain labels, and a table view behind every chart.

    Charts anyone can read
  4. 04

    Build from one source

    Every page is generated from a single data file, so a live market feed can replace it without a redesign.

    9 cities, 12 properties, 1 data file
  5. 05

    Test everything

    Every internal link and anchor checked, every page type tested on phones, motion that respects reduced-motion settings.

    2,990 links checked

Brand and design

Trust in blue, the next step in amber.

OVIN is the property brand of Vivin Facilitators, working from the UAE and Canada for Indians abroad. The design takes its cues from the logo: calm blues and navy that feel like a bank, with one warm accent that always points to the next step.

  • Clarity first

    A light grey canvas with white cards, so every number sits on its own surface and reads like a statement.

  • Trust you can see

    Verification badges, plain labels and a visible note wherever a figure is illustrative. Nothing is hidden in small print.

  • One accent, one job

    Amber appears only on the actions that move a buyer forward and on the key word in each headline.

  • Numbers that line up

    Tabular figures, a colour-safe chart pair (blue and amber) and a table behind every chart.

Brand colours

  • Navy#0B2A5BHero, footer, headings
  • OVIN blue#0B63C5Links, charts, primary
  • Sky#22B8E6Logo highlight
  • Amber#F5A524Next-step actions
  • Canvas#F1F4F9Page background

Type

  • Plus Jakarta SansHeadings
  • DM SansReading text and labels
  • ₹ 37,700 / sq ftTabular figures for prices

Icons

  • Price trends
  • Localities
  • Market data
  • Calculators
  • Projects
  • Verified
  • Pricing
  • From anywhere

One icon family, Phosphor, in one weight across the whole site.

What we built.

01 / 06

A market read on the home page.

Pick a city and the board shows the median rate, how it moved over a year, rent per square foot and the gap between asking and registered prices, with a one-click path to the full city report.

The home page price insights board with city tabs, a median rate and a price trend chart

02 / 06

Nine cities, one consistent report.

Every city has the same structure: four headline numbers, eight quarters of price trend, micromarkets, rents, top localities and an investment lens. Each chart can be switched to a table.

The Mumbai price trend chart comparing asking and registered rates over eight quarters

03 / 06

Two cities, side by side.

Choose any two cities and see price, rent, yield and recent change next to each other, with the stronger figure highlighted and a plain sentence that sums up the difference.

The compare two cities tool showing Mumbai and Bengaluru side by side

04 / 06

Everything a site visit would tell you.

Photos, floor plans by BHK, pricing, payment plan, facilities, commute times, locality insights and the developer, all on one page. The enquiry form shows what time it is in India right now.

A property page with photos, price, key facts and an enquiry form

05 / 06

The maths in one place.

EMI, affordability, rental yield, area conversion and a budget in your own currency, each showing its working so buyers can trust the result.

The property tools page with the EMI and affordability calculators

06 / 06

Find any city, locality or home in a keystroke.

Press the slash key anywhere on the site to search across cities, localities, properties and guides, with results that show the price at a glance.

Site search open with results for Kochi localities and their prices

What changed.

  • One source of truth

    Every number comes from one data file, so connecting a live market feed updates the whole site at once.

  • Data anyone can read

    Charts use plain labels, a colour-safe palette and a table view, so the numbers work for every visitor.

  • Built for distance

    Time-zone aware enquiries, a currency budget tool and an NRI guide answer the questions overseas buyers ask first.

  • Fast and light

    Static pages with no heavy framework load quickly on any connection, from Toronto to Kochi.

Have data your customers can't read yet?