SPOT ON MARINE × COREY SMITH

REDESIGNED & LIVE

From first visit
to first enquiry.

A complete website redesign for a family-run Darwin boatyard. Clear services, real local character and a guided enquiry flow turn the website into a practical starting point for the next boat job.

See the before & after

THE CLIENT: Spot On Marine
THE BUILD: Website & lead generation
MY ROLE: Design & development
THE PLACE: Darwin, Australia

The redesigned Spot On Marine homepage, with boatyard photography, a clear service description and a haul-out enquiry action. — A familiar local business. A new first impression.Explore the live website

01 / THE BRIEF

A working boatyard.
A website that works.

The original site had the essentials: services, boatyard photos and contact details. The opportunity was to make those pieces work harder together, so a boat owner could understand the options and take the next step with confidence.

I redesigned the whole experience around that journey. The business keeps its recognisable red identity and real boatyard photography, with clearer service information, useful planning content and a guided way to enquire.

Give people a reason to get in touch, then make it easy.

02 / BEFORE & AFTER

Same business.
A clearer way in.

Four parts of the upgrade.
Real screenshots, before and after.

Explore what changed, from the first impression to the enquiry. Select any screenshot to see it in full.

01 First impression 02 Services 03 The boatyard 04 Enquiries

A first impression with a next step.

The original homepage introduced the business. The redesign gives that introduction a clearer hierarchy: what the yard does, where it is, and an immediate invitation to plan a haul-out.

The original Spot On Marine homepage with a boatyard image, introductory text and a service list. — A general introduction, with contact details further down the page.

The redesigned homepage with a larger heading, service summary and prominent enquiry action. — A clear service promise and a direct route to the enquiry from the opening screen.

From a list to a service journey.

A single service list becomes six distinct services, each with imagery, a short explanation and its own detail page. Visitors can explore the work that fits their boat before getting in touch.

The original services page with a bullet list and a boatyard photograph. — Services collected in one list.

The redesigned service cards for boat lifting, storage, catamaran lifting, cleaning, fabrication and liveaboard facilities. — Six service routes, with dedicated pages that explain the job and the information to have ready.

Put the real yard in the story.

The old gallery showed the boats and the work. The redesign brings that photography into the service pages and the boatyard story, alongside information about the people, facilities and how a visit works.

The original photo gallery showing vessels, boat lifting and work around the yard. — A separate gallery of the boats and work.

The redesigned boatyard section with a large yard photograph and information about the local team and facilities. — Real imagery beside the information it helps explain. The gallery and boatyard section show different parts of the site.

A better starting point for the conversation.

The original contact form asked for a name, email, subject and message. The new flow guides boat owners through their service, vessel details and contact information, so the conversation can start with useful context.

The original contact page with a general message form and arithmetic verification field. — An open-ended message and contact details.

The redesigned three-step enquiry form showing the service selection stage. — A guided enquiry: choose a service, share optional boat details, then describe the job and how to get in touch.

Original site and redesign, captured October 2026. Image previews are cropped; select a screenshot to see it in full.

03 / BUILT AROUND THE ENQUIRY

Less guesswork.
More useful enquiries.

A path through the website,
with a clear next step throughout.

01 / DISCOVERFind the right service

Understand what the yard can help with.

02 / PREPAREPlan the boat job

Read service details, guides and answers to common questions.

03 / ENQUIREShare useful details

Choose a service and describe the vessel, timing and work.

04 / TALKStart the conversation

The team reviews the request and confirms the next steps.

The Spot On Marine homepage on mobile, including persistent call and haul-out enquiry buttons. — THE SAME CLEAR NEXT STEP, ON A PHONE.

READY WHEN THE CUSTOMER IS

From the boat.
From the backyard.

Boat owners do not always start at a desk. The mobile experience keeps the story readable and the contact options close, with persistent shortcuts to call the yard or plan a haul-out.

The enquiry breaks the request into three manageable steps. Vessel measurements are optional, so people can share what they know and let the yard help with the rest.

Responsive pages and mobile contact shortcuts
Service choice, vessel details and contact information
Clear expectations about what happens next
A direct phone option alongside the online enquiry

Explore the enquiry flow

View full screenshot

A DEDICATED PAGE FOR EACH SERVICE.

HELPFUL BEFORE THE FIRST CALL

Answer the questions.
Make the next step clear.

Dedicated service pages explain the work, what to prepare and what to discuss with the team. Planning guides cover haul-outs, wet season storage and hull maintenance, with FAQs alongside the main journey.

That gives visitors more context before they enquire, and gives each service a focused page people can find and share.

Explore a service page

04 / WHAT IT MAKES POSSIBLE

A stronger presence.
A useful first contact.

The result is a complete redesign built around lead generation: a more confident first impression, clearer service discovery and a structured enquiry that helps the yard understand the boat and the job.

It is an approach that fits plenty of service businesses. Explain the work, help people prepare, and make it easy to start a conversation with the details your team needs.

Visit Spot On Marine

01 / CLARITY

Find a service.

Six distinct service pages give each kind of boat job its own starting point.

02 / CONFIDENCE

Know what comes next.

Real boatyard imagery, planning guides and FAQs help visitors understand the business and prepare.

03 / CONTEXT

Start with the right details.

The enquiry gathers the service, vessel information and job description in one guided flow.

YOUR WEBSITE CAN WORK HARDER, TOO.

Ready for a better
first enquiry?

Tell me about your business and the website you have now.
We’ll work out what could work better.

Let’s talk about your website

From first visitto first enquiry.

A working boatyard.A website that works.

Same business.A clearer way in.