Residential therapeutic community in Dunedin

Showreel | Website Design & Development

Software

Donorbox
Adobe XD
Adobe Premier Pro
Adobe Illustrator
Adobe Photoshop
Webflow
Adobe After Effects

Client Overview

Moana House is a well-established residential therapeutic community in Dunedin, New Zealand for tāne with a connection to the criminal justice system who want to change their lives for the betterment of themselves, their whānau and their communities.

Project Objective

GummyBear's mission for Moana House was to create a friendly and super easy-to-use website, to showcase Moana House as they are - a true home, rather than feeling like a sterile hospital.

GummyBear needed to highlight Moana House's impressive research on therapeutical services, and to make the donation process easy for supporters.

Welcome to Moana House.

Showreel

Nobody reads anything anymore!

Showreel videos, with their dynamic and visual nature, command attention and have the unique ability to captivate and immerse viewers into the fabric of an organisation’s story, establishing a connection which lingers long after the screen goes dark.

Moana House's showreel explains their services and mission - to help men on their journey towards recovery from addiction and criminal behaviour. It includes imagery of the houses to highlight their welcoming and safe environment.

Learn more about Moana House, hit play below!

Showreel

Nobody reads anything anymore!

Showreel videos, with their dynamic and visual nature, command attention and have the unique ability to captivate and immerse viewers into the fabric of an organisation’s story, establishing a connection which lingers long after the screen goes dark.

Moana House's showreel explains their services and mission - to help men on their journey towards recovery from addiction and criminal behaviour. It includes imagery of the houses to highlight their welcoming and safe environment.

Learn more about Moana House, hit play below!

Website Stylescape Concepts

The art behind the science!

Stylescapes are like moodboards on steroids - a curated mix of images, design elements, typography and colour. Stylescapes makes communicating your idea, of your brand, to GummyBear's designers simple. How else do you communicate that you like red? Well what red? Do you mean maroon, scarlet, rose, ruby, crimson, etc.?

Why bother with stylescapes? Because first impressions matter! They provide the opportunity for every visual element of your brand to resonate with your customers, evoking the right emotions, associations and behaviours. Without them you risk mishaps, like looking like a donkey.

Website Stylescape Concepts

The art behind the science!

Stylescapes are like moodboards on steroids - a curated mix of images, design elements, typography and colour. Stylescapes makes communicating your idea, of your brand, to GummyBear's designers simple. How else do you communicate that you like red? Well what red? Do you mean maroon, scarlet, rose, ruby, crimson, etc.?

Why bother with stylescapes? Because first impressions matter! They provide the opportunity for every visual element of your brand to resonate with your customers, evoking the right emotions, associations and behaviours. Without them you risk mishaps, like looking like a donkey.

Final Website Stylescape

Warning, awesomeness below!

Check out Moana House's final stylescape. Their carefully curated combination of images, design elements, typography and colours to communicate their brands look and feel. We may be biased, but it looks awesome!

Do you understand the design elements and how they go together?

Final Website Stylescape

Warning, awesomeness below!

Check out Moana House's final stylescape. Their carefully curated combination of images, design elements, typography and colours to communicate their brands look and feel. We may be biased, but it looks awesome!

Do you understand the design elements and how they go together?

Website Content & Wireframe

Architectural blueprint of your website!

Think of wireframes as the grey and boring, yet essential, architectural blueprint of your website. Our high fidelity wireframes (rather than your sketch pad antics), use real content and appropriately scaled images, videos, buttons, etc. providing a precise and practical view of your website's layout. Additionally, functionality drives everything and the wireframe allows us to plan your website visitors user experience (AKA how they use the website), so they can find the information they're looking for, as fast as possible.

The objective for Moana House’s new website was clear: create a digital platform that is as functional as it is beautiful. GummyBear aimed to design a website that was:

  • Beautifully Designed – Visually aligned with their brand identity to create a cohesive and memorable customer experience.
  • Simple to Use – Structured and laid out for easy navigation, allowing visitors to quickly and seamlessly find the information they need.
  • User Friendly – Focused on a ‘human-first’ approach to ensure an easy, efficient, and pleasant experience for all visitors.

Website Content & Wireframe

Architectural blueprint of your website!

Think of wireframes as the grey and boring, yet essential, architectural blueprint of your website. Our high fidelity wireframes (rather than your sketch pad antics), use real content and appropriately scaled images, videos, buttons, etc. providing a precise and practical view of your website's layout. Additionally, functionality drives everything and the wireframe allows us to plan your website visitors user experience (AKA how they use the website), so they can find the information they're looking for, as fast as possible.

The objective for Moana House’s new website was clear: create a digital platform that is as functional as it is beautiful. GummyBear aimed to design a website that was:

  • Beautifully Designed – Visually aligned with their brand identity to create a cohesive and memorable customer experience.
  • Simple to Use – Structured and laid out for easy navigation, allowing visitors to quickly and seamlessly find the information they need.
  • User Friendly – Focused on a ‘human-first’ approach to ensure an easy, efficient, and pleasant experience for all visitors.

Website Design

Dressed to impress!

Website design is where the real fun begins. Once we've got the blueprint (wireframe) and the creative stylescape sorted, it's time to bring it together and make your site shine.

Why is this so important? Because design is what turns heads and keeps people coming back. It's your brand's personality, charm and charisma all rolled into one. Every colour, font, design element and image is handpicked to make your audience go "Wow!" and keep them engaged.

Think of it like this: your wireframe is the skeleton, the stylescape is the wardrobe, and now we're dressing it up for the big reveal. We're not just building a website; we're crafting an experience that's unforgettable, engaging, and oh-so-you.

Skip this step, and you risk ending up with a digital snooze fest. Nail it, and you've got a showstopper.

Website Design

Dressed to impress!

Website design is where the real fun begins. Once we've got the blueprint (wireframe) and the creative stylescape sorted, it's time to bring it together and make your site shine.

Why is this so important? Because design is what turns heads and keeps people coming back. It's your brand's personality, charm and charisma all rolled into one. Every colour, font, design element and image is handpicked to make your audience go "Wow!" and keep them engaged.

Think of it like this: your wireframe is the skeleton, the stylescape is the wardrobe, and now we're dressing it up for the big reveal. We're not just building a website; we're crafting an experience that's unforgettable, engaging, and oh-so-you.

Skip this step, and you risk ending up with a digital snooze fest. Nail it, and you've got a showstopper.

Website Development

It's alive!

Website development is where the behind-the-scenes wizardry gives life to your website design. This is where you get to sit back, fasten your seat belts, put your tray tables in the upright position, and relax as our team of coders/developers work their magic - AKA a bunch of coding that's really boring to look at before the website's finished.

When we're done, you'll have a stunning, polished website that's ready to turn heads and steal the show. It's not just a pretty face, it's an interactive, engaging experience that makes people want to stick around and get to know you.

Website Development

It's alive!

Website development is where the behind-the-scenes wizardry gives life to your website design. This is where you get to sit back, fasten your seat belts, put your tray tables in the upright position, and relax as our team of coders/developers work their magic - AKA a bunch of coding that's really boring to look at before the website's finished.

When we're done, you'll have a stunning, polished website that's ready to turn heads and steal the show. It's not just a pretty face, it's an interactive, engaging experience that makes people want to stick around and get to know you.

No items found.

Awards & Achievements

No items found.
Phone screen

Moana House Social Media

View Moana House' Social Media