Mercer Motel

Website Design & Development

Services

Software

Adobe XD
Adobe Illustrator
Adobe Photoshop
Webflow

Client Overview

Mercer Motel offers high-quality, riverside accommodation conveniently located near Auckland City and the Waikato region. Ideal for couples, families, and groups, their studio rooms and interconnecting units provide comfort and flexibility. Guests can enjoy amenities such as Sky TV, Wi-Fi, and access to an adjacent bar and restaurant. The motel also caters to travellers with motorhomes and tents, offering powered berths and tent sites, as well as sleep-out cabins for larger groups.

Project Objective

Rolling out the red carpet for travellers, the mission was simple: make it ridiculously easy for guests to book their stay, find Mercer Motel, and get the 411 on why this riverside gem is the ultimate pitstop.

The result? A website that doesn’t just work - it wows. From seamless bookings to images that scream "you can’t miss us," every detail is designed to get heads nodding and rooms filled. This isn’t just a website; it’s a VIP concierge packed with personality, ready to show visitors why Mercer Motel is the perfect blend of comfort, convenience, and charm.

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.

Check out Mercer Motel's three different branding options below - they're the same, but different!

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.

Check out Mercer Motel's three different branding options below - they're the same, but different!

Final Website Stylescape

Warning, awesomeness below!

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

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

Final Website Stylescape

Warning, awesomeness below!

Check out Mercer Motel's final stylescape. Their carefully curated combination of images, design elements, typography and colours to communicate their brands look and feel. GummyBear may be biased, as 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. GummyBear's 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.

Website Content & Wireframe

Architectural blueprint of your website!

Think of wireframes as the grey and boring, yet essential, architectural blueprint of your website. GummyBear's 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.

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 website 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. GummyBear's not just building a website; GummyBear's 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 website 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. GummyBear's not just building a website; GummyBear's 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 GummyBear's 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 GummyBear's 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 GummyBear's 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 GummyBear's 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

Mercer Motel Social Media

View Mercer Motel' Social Media