The Empower YOUth home page on a laptop, on a wooden table outdoors.

Case study

Empower YOUth

Making a complex support organisation easier to understand, and its website easier to run.

What we did
Strategy · Site architecture · Copywriting · Design · WordPress development · Integrations
Live since

Empower YOUth provides NDIS services and runs a registered charity supporting young people, families and carers across Melbourne.

We reorganised its services, referrals, charity work and programmes around the people using the site, then built it so the team can keep it current themselves.

01

Translating a complex organisation into plain language

The old website led with registrations, credentials and service terminology before clearly explaining what Empower YOUth actually helps people with.

We reversed that order. The new site starts with the situations people recognise, then introduces programmes, NDIS information and service detail when they need it.

Someone can arrive knowing nothing about Empower YOUth, or the language of the sector, and still work out what it does and whether it might be able to help.

The Empower YOUth home page as built: the headline “Practical support built around what’s actually going on in everyday life”, Get Support and Make a Referral buttons, and a navigation bar, beside a composition of photographs and brand shapes.
The previous Empower YOUth website on Google Sites: a dandelion logo on a dark panel, a berry-coloured banner reading “Trauma-Informed Youth & Family Support Across Melbourne”, then paragraphs of text beside Make A Referral and Referral Process buttons.
The top of the home page, before and after. Move across the image to compare.

02

A clear way in for each audience

Empower YOUth serves people looking for support, professionals making referrals and people who want to support its charity. Each arrives with different questions.

The home page gives each group its own starting point, so people don’t have to work out which services or pages apply to them. The same structure works on mobile.

The Empower YOUth home page on a phone, held in one hand in a living room: the headline, the Get Support and Make a Referral buttons, and the start of the photographs below them.

03

A visual language the team can keep using

The visual identity needed to keep working as the team added new pages. We turned it into reusable building blocks in WordPress.

Highlighted words, hand-drawn icons, dandelion elements, illustrations and flexible photo layouts can all be added by the team without manually recreating the design.

  • A heading on the Empower YOUth website ending “…to connect earlier”, with the word “earlier” in berry italics.

    Highlighted words

    Wrap a word in asterisks and it’s picked out in the accent colour.

  • A heading on a dark brown section ending “at breaking point”, followed by a small hand-drawn rain cloud.

    Doodle icons

    Type an emoji into a heading or button and a hand-drawn icon appears instead.

  • White dandelion seeds drifting across a berry-coloured section.

    Seeds and watermark

    The logo’s dandelion seeds, or the dandelion itself as a watermark, on any section.

  • A hand-drawn illustration of a woman carrying a large potted plant, in black line with berry-coloured leaves.

    Illustrations that recolour

    Drawings and icons change colour to suit whichever background they’re on.

  • A single photograph set into a large rounded brand shape, with three small shapes clustered at its top corner.1 photo
  • Two photographs in a split composition: a large one on the left and a smaller one at the top right, with a solid pink quarter-circle below it and small shapes above and below.2 photos
  • Three photographs in the same composition: a large one on the left and two stacked on the right, with small shapes above and below.3 photos

04

Content that only needs to be entered once

Programmes, team members and resources each have their own structure, so the team enters the information once and it can be reused wherever it’s needed.

Connect a team member to a programme, for example, and that relationship is reflected wherever it is relevant. Programmes and people can also be shown as cards throughout the site without rebuilding the same content.

Resources, including downloads, videos and books, can grow into a useful library without creating one-off layouts each time.

Programme cards on the Empower YOUth website under the heading “Different programmes for different kinds of support”: H.O.M.E., R.I.S.E. and W.I.L.D., each with a hand-drawn illustration, who it’s for and a short description.

05

Events without double-handling

The team was already using Google Calendar, so there was no reason to make them maintain a second calendar in WordPress.

An event added there appears automatically on the events page and relevant programme pages. Visitors can add it to their own calendar.

Upcoming events on the Empower YOUth website: three event cards, each with a date, a title, a time, a place and a short description, and an Add to calendar button on the card being hovered.

Enquiries that reach the right person

Each form asks for the information the team actually needs and routes the enquiry directly to the right person.

Support enquiries and referrals can go to different people instead of landing in a shared inbox for someone to sort out.

The Submit Referral button from the Empower YOUth referral form, with a pointer over it.

06

The finished site is clearer for visitors and easier for the team to maintain

The finished website brings Empower YOUth’s services, programmes, referrals, resources, events and charity work into one place.

People can work out where to start and what to do next without first understanding how the organisation is structured internally.

Behind the scenes, the team can add programmes, people, resources and events without rebuilding the design each time.

The Empower YOUth home page, from the hero down to the footer
Scroll inside the window to explore the full page ↓

Thinking about a website your team can actually run?

For Empower YOUth, that meant making the site clearer for visitors without making it harder for the team to look after.

Start a project with us

Find the right website

Step 1 of 5

Do you have a website at the moment?

No need for https:// — we'll add it.