Christchurch, NZ ·

← All work

MSNZ

The logo stayed. Everything around it turned into waves.

At Hail

msnz.org.nz

The old MSNZ home page: an orange bar, the ms logo on white, a capitalised menu and an orange banner with grey blocks where its photos were.The new home page: the same ms logo on a deep teal rounded bar, above "Supporting New Zealanders to Live Well with MS" and bands of yellow, orange and teal.
The home page before and after, lined up on the logo. Drag across to compare. The old page is from the Wayback Machine, captured in 2025. Grey blocks mark photos I removed. One line of copy is left out of the new one.

MSNZ came to me with an orange colour system and molecules. I brought the waves.

Multiple Sclerosis New Zealand is the national MS organisation, and its About page dates it to 1967. Its website was a 2017 build that had been extended for eight years. The logo didn’t change. The colours and ribbon shapes are what I designed, and the new site replaced the old one in September 2025.

Bands of yellow, orange, teal, deep teal and navy sweep up from the bottom of a cream field, each labelled with its colour code. Pale molecule shapes float in the cream.
The wave artwork, with colour codes sampled from it for this page. The molecules are redrawn from a banner on MSNZ’s site.

One shape on every page

The bands open each page behind a large rounded panel, with the type in Poppins and Lexend. Whichever page you land on, you’re in the same place.

The tops of four pages, Carer Resources, Events, Carers Stories and Find your Regional MS Society, each with the same bands sweeping in from the right.
The tops of four pages, cropped above their photos.

The icons too

Every icon on the site is mine. They’re rounded and isometric, which means set at an angle with no vanishing point, and each one carries the same bands: a person’s shoulders, the base under a map pin, the pages of a calendar. I finished them in Illustrator so they read as one set.

Four rounded 3D icons in yellow, orange and teal bands: a figure, a map pin on a striped base, a calendar with wave pages, and a person sitting on a block.
Four of the set, on the site’s cream.

The old menu put carers in a short list at the bottom of a panel. The new one gives them a place in the top row.

A carer on the old site had to open Understanding MS and look at the bottom of the panel, where parents, children, carers, health professionals, employers, students and teachers shared one short list. Now Supporting someone with MS sits in the top row, with its own pages for family and carers, employers and workplaces, and health care professionals.

Two menus side by side. In the old menu, a short Carers and Supporters list sits at the bottom of the Understanding MS panel. In the new menu, Supporting someone with MS opens columns for Family and Carers, Employers and Workplaces, and Health Care Professionals.
Where a carer goes on each site. The old menu is from the Wayback Machine. The dimming is added for this page. On a phone, the menus are cropped instead.

Eighteen societies

MSNZ doesn’t run local services. Eighteen regional societies do, and each is its own legal entity. On the old site you searched a map by region, or sent a message through a form. Now you pick your region and its details appear: address, hours, phone, email and links. I built it with a form in Elementor, the page builder the site uses, and my own CSS.

MSNZ’s map of New Zealand with ms pins across both islands, beside "Select Your Regional MS Society to See Contact Details" and the eighteen regions, from Auckland – Tāmaki Makaurau to West Coast – Te Tai Poutini.
MSNZ’s map beside the eighteen regions. The open list is drawn for this page in the site’s type. On the site it’s a dropdown.

The waves are the part I’m proudest of.

MSNZ’s online work ran on them from then on, including the Time Matters in MS campaign.

More work