Mike Greer Homes: A new front door for the journey home

Mike Greer Showhome Cromwell

Overview

Mike Greer Homes (MGH), an award-winning New Zealand home designer and builder, partnered with Voyage to enhance their online presence, resulting in a comprehensive website rebuild that elevated their core offerings.

As the business has grown, that partnership has continued into a full brand and UX evolution, including a refreshed identity, rebuilt design system, and reimagined search experience that scales with MGH's expanding footprint.

Client

Mike Greer Homes

DISCOVERY

Understanding the whole business, not just the website

Voyage began with discovery workshops involving MGH's CEO, sales, investment and marketing managers. These sessions covered scope, success criteria, risks and UI considerations, with a focus on house and land packages, first home buyers, and homes for sale, and the need to let visitors tailor content to their region, which the old site couldn't do.

Following the initial website build, it became clear there were more areas to improve. Design partner Strategy brought expertise on how to elevate the site from an aesthetic and design system point of view. As a cohesive unit, we looked at branding, navigation, search, interactive features, forms and tracking, and greater functionality for the internal marketing team.

Various images of workshops, wireframes and site maps
Example of UI elements that can be found in the Mike Greer Homes Website
DESIGN

A framework to last, a framework for growth

The Voyage team built user personas for first home buyers, families, home builders and investors, then translated these into sitemaps and wireframes for web and mobile, keeping MGH's stakeholders and design team aligned throughout.

That foundation has since been extended with a full design system: new typography, colour palette, an updated logo, and rebuilt buttons and cards. A new spacing system ensures sections of the page space themselves by default, rather than needing manual adjustment on every new addition.

Mobile Screenshots of Mike Greer Homes Website
DEVELOPMENT

Converting curiousity to leads with clever customisation

All tech choices we made allows for maximum customisation and functionality. Built on Sanity CMS (an open-source, API-based headless CMS) the site integrates with MGH's bespoke API and CRM, with leads flowing into Hubspot. Algolia powers fast, flexible search across the site.

The biggest functional rebuild is a new "find a home" search. Location now drills down from region to district to suburb, with multiple districts able to be selected at once, a new dedicated mobile filter drawer, shareable filter URLs, and sorting. Shareable URLs let a buyer send a pre-filtered set of homes straight to family or a partner, effectively turning search into a referral tool.

We rebuilt property listing pages as a new page type, including greatly improved imagery, floor plans, specs and features, and a sticky enquire bar that keeps help one tap away as buyers search the site. Interactive maps help buyers orient themselves geographically as MGH's portfolio grows, while a new guides hub with gated downloads turns first home buyer content into a proper lead-generation channel.

Every change makes the site seamless to use, with all technical choices driven by converting those curious about home ownership into genuine leads.

Screenshot of Sanity CMS set up for Mike Greer Homes
OUTCOME

Effortless for buyers, empowering for marketers

Design was central to the project, given how personal a purchase a new home is. Ongoing collaboration between Voyage and MGH, and later with Strategy, kept the process on-brand, on-budget and aligned with stakeholder expectations.

The rebrand takes the initial design choices further: all new colour themes, typography and logo give MGH a warmer, more contemporary identity that's still distinctly theirs. Design changes are kept consistent site-wide by the new button, card and spacing system, whether a page is built by a developer or by the MGH marketing team. On this, the site redesign included much more backend support for MGH’s marketers, including the ability to create new blocks with distinctive colour themes.

The rebrand's centrepiece is a new animated homepage hero. Refined across different iterations, the current homepage makes the appropriate impact, given it takes seconds for MGH to make a first impression on visitors.

This principle carries through the rebrand. Every addition, from the new design system to the rebuilt search and content tools, is aimed at reducing friction for buyers and MGH's dependence on developers, so the site keeps pace with the business rather than holding it back.

Example of the house search on Mike Greer Homes Website
“Mike Greer Homes came to us wanting a refreshed website that captured their brand and was also easy to use. They were coming from a Wordpress site so moving to a brand new CMS and frontend view was a shift, but one that had been a long time coming. We’re happy to have delivered a final web experience that is visually strong and offers a great CMS experience.”

Andrew Nicholas - Senior Developer, Voyage

Development Landing Page for Tablet and Mobile for Mike Greer Homes
Design and Build Components from the Mike Greer Homes Website