Northgate Property Group: a homepage where the data outranks the headline
Concept build. Northgate Property Group is an invented firm. This was made to show how we approach a property brief, so nothing here is a client result and no figure describes a real business.
The brief we set ourselves
A portfolio landlord is not an agency and shouldn't read like one. It doesn't sell other people's houses for a fee. It buys tired stock with its own money, fixes it, and holds it, and the audiences reading its site want proof of that, in figures, not in mood.
Northgate Property Group is an invented buy-and-hold landlord in Bradford, Halifax and Huddersfield: 140 units, started in 2003 on a bridging loan against the founder's own house, now run day to day by his daughter. We built the site to argue capability the way the business itself would: with numbers, stated plainly, ahead of any adjective.
What we built
The hero carries no type at all: a full-bleed aerial band, then nothing but a hard-edged stat slab of huge tabular figures. Units, towns, average refurb spend, average days to completion, occupancy. The sentence-form headline runs last, smallest, after the numbers, because in this business the data outranks the headline and the page says so structurally, not just in the copy.
Dark, near-monochrome ground, one committed accent, signal orange, and hard 1–2px rules everywhere instead of shadows or rounded corners. Bahnschrift carries the display type, Consolas carries every figure on the page in tabular numerals, Segoe UI carries running paragraphs and nothing else. No card grid anywhere on the site.
The yield dial
Two range inputs, purchase price and monthly rent, each backed by a real number input so the figures can be typed rather than dragged. An SVG dial renders gross and net yield against a stated assumption set (management, maintenance, insurance, typical void days) shown openly rather than buried. What makes it the signature interaction is that the accent colour driving the entire page, not just the dial, is a live output of those two numbers: it desaturates toward grey below 6% gross yield and reaches full signal orange above 9%. No other site in the set ties its whole colour system to a visitor's own input.
Details that did the work
- Listings are a real
<table>with proper headers and a caption, not a div grid pretending to be one - "How we buy" states real timescales per step and an explicit "we do not" list: no seller fee, no option agreements
- Aerial hero band degrades to a designed street-grid panel if the photograph fails to load, never a broken image
- JV enquiry form validates on blur and submit, moves focus to the first invalid field
- Contact block carries a fictional ICO registration line and company number rather than a map embed
Where it stands
Audited at 88.5 out of 100 across usability, uniqueness, beauty and freedom from generic AI patterns. The honest weakness is the stat slab itself: on very wide desktop viewports the headline cell can read thin sitting next to four enormous numeral cells, which is the deliberate hierarchy working as intended, but it's a genuinely bold choice and the first place a reader might push back.