Nostra's range includes home designs that can be built, townhouse projects and specific properties available to buy. I organised the information architecture around those different starting points.

The navigation gives townhouse projects, home designs and available properties clear entry points, with supporting routes to home-and-land packages, move-in-ready homes, display locations and virtual tours.

The labels evolved during design, but the underlying distinction remained: exploring a design to build and finding a property to buy are different decisions. That distinction helped shape the navigation and page structure.

The different ways to buy or build a home share information about designs, locations and availability. I planned the journeys so those relationships could remain visible as customers moved into more detailed content.

A home design brings together floor-plan options, display locations and virtual tours, alongside the townhouse projects and move-in-ready locations where that design is available. Links to past projects offer further examples of the design in context.

These connections give customers routes from exploring a design to finding somewhere they can see it or buy it, with the relevant supporting information close at hand.

I translated the architecture into patterns for navigation, listings and detail pages, with related layouts for locations, offers, inclusions and supporting content.

The interface shares browsing and content patterns while allowing each product type to carry different information. A home design needs to explain the home itself and its available options. A townhouse or move-in-ready property also needs to communicate a specific location and purchasing opportunity.

Responsive design and handoff

My work covered responsive interface design and preparation for handoff to Emote's development team. Repeated page structures helped carry the same visual language across the wider website.