Kāpiti Coast, New Zealand

NZ time

  1. Web design and development
  2. Connected systems
  3. Strategy and direction

Designed to mean more.

Web design and digital systems for established businesses, from the Kāpiti Coast to anywhere in New Zealand.

Joshua Cleland

IndependentOne founder. Full picture.

Recent workPatu PhotographyMāori prints & photographyTopp Shelf BuildingBuilder · Project enquiryLH BarbershopBarbershop · Direct booking

Independent. Founder-led.

I’m Joshua. I bring strategy, design, and development together to make your business unmistakable. Thoughtful websites. Useful systems. Everything working as one.

Meet Joshua Cleland

ServicesOne connected perspective

What I build.

Strategy and direction, web design and development, and the systems that connect them, all from one person.

See web design and redesign services
  1. Think

    The Crafted Blueprint, my guided strategy diagnostic, opening on “The strategic blueprint for your next website or platform — before you invest in the build.”
    Topp Shelf Building’s common-questions page: a question search above topic tiles for getting in touch, pricing, timelines and changes
    • Market research
    • Competitor research
    • Positioning
    • Messaging
    • Site structure
    • The Crafted Blueprint

    Before a single pixel, I research your market and competitors and talk through your goals, so you come away with a clear picture of what to build and why.

    View the Blueprint (opens in a new tab)
  2. Design

    Book a callback with Clinton: a sentence to complete, with every field optional
    A Topp Shelf Building project page: the Prestwich new build, “a six-bedroom family home stepped into a hillside”
    • Visual direction
    • Design systems
    • Responsive layouts
    • Conversion paths
    • Motion
    • Accessibility

    Websites designed to earn trust early and guide the right person toward one clear next step, with every type, colour, motion and layout choice tied back to the strategy.

    View Topp Shelf Building case study
  3. Build

    Patu Photography’s exhibitions wheel: Tangata and Wai, each with its count of prints, beside the Kete
    Patu Photography’s home page: the 8 Exhibitions carousel of Isaac Te Reina’s photography
    • Front end
    • Commerce
    • Booking
    • Editable content
    • Technical SEO
    • Launch and hosting

    Your site has to actually do things: take payments, schedule bookings, sell a print, log clients in. It has to do them without failing, on a foundation that grows with you.

    View Patu Photography case study
  4. Connect

    LH Barbershop’s “Bring the cut you want” card with its Book a cut button
    LH Barbershop’s menu with Home, Services, Work, Story and Book, and the English or Español switch
    • Client portal
    • Booking flows
    • Integrations
    • Workflow automation
    • Optional care

    Useful integrations and, where it earns its place, custom workflows can take on quoting, onboarding, scheduling and chasing replies. Ongoing care is optional: a next step you can choose, never a dependency you inherit.

    View LH Barbershop case study

Selected work

Case studies.

© 2026

An artist’s collection. A builder’s reputation. A barber’s chair. Three websites shaped around what each business needs people to do next.

Patu Photography

Client
Isaac Te Reina
Location
Aotearoa New Zealand
Home page hero: PATU wordmark, “Māori prints & photography”, Instagram and Shop prints actions, and Isaac Te Reina’s cardPatu Photography home page on a phone
Walkthrough of the live site
Silent walkthrough of isaactereina.com, recorded on the live site: the badge assembles over a flicker of Isaac’s prints, then one continuous scroll from the hero through the exhibitions, the ring of prints and Patu Printz to the footer

Let the art lead. Keep the path to purchase close.

  • Custom Shopify theme sections
  • Design system
  • Buying-path friction map
  • Discovery and buyer research
  • Sitemap and wireframes
  • Structured data

Topp Shelf Building

Client
Clinton Topp
Location
Waikanae, Kāpiti Coast
Home page hero: rotating headline, “Kāpiti-based builders, working in our own neighbourhood”, Explore our work, and Book a callback in the headerTopp Shelf Building home page on a phone
Walkthrough of the live site
Silent walkthrough of toppshelfbuilding.nz, recorded on the live site: Clinton’s mark builds into the lockup, then one continuous scroll from the hero through the proof, projects, services, regions and process to the footer

Make the work tangible before the first conversation.

  • Strategy and copy
  • Design system
  • Custom website build
  • Callback booking flow
  • Content editor
  • SEO and Google Business Profile

LH Barbershop

Client
Leandro Herrera
Location
Paraparaumu Beach, Kāpiti Coast
Hero: Leandro seated in the barber chair beside “Distinctly Yours. The Modern Cut.” and Book on FreshaLH Barbershop home page on a phone
Walkthrough of the live site
Silent walkthrough of lhbarbershop.nz, recorded on the live site: the overture, then one continuous scroll from Leandro in the chair through recent cuts, the price menu, reviews and booking to the footer

From finding the right cut to booking the chair.

  • Brand identity, mark and brand book
  • Competitor and customer-voice research
  • Bilingual website design and build
  • Spanish accents for the headline face
  • Structured data and accessibility
  • Analytics and Search Console
  • Portal content editing

Contact cards by Cardea

Connect with One Tap

A contact card is a one-screen mini website: who you are, what you do and how to reach you, in one link.

Contact cards by Cardea · Watch the film1:00

A one-minute Cardea film: a card is tapped and Topp Shelf Building’s Contact Card opens on a phone. Contact details, QR scanning and a Google review are demonstrated. It closes on Cardea: one tap to connect with everything that matters.

The full stories: what each business needed, the decisions behind the design and the journey it creates.

  • Think
  • Design
  • Build
  • Connect

Connected systems.Built around your business

Integrations.

The tools that work for you should work together. I connect your website with your bookings, payments, customer records and email, so information flows and there’s less to do by hand.

A few of the tools we can connect
Your websiteConnected by Cleland
  • Keep what works
  • Less double handling
  • A clearer flow

Already using something else? We’ll look at what you have, check what can connect, and agree on the right approach before any work begins.

How it comes together.The C.R.A.F.T. framework

The process.

Five core stages take your project from a shared understanding to something you can own and run. You know what’s happening, what comes next, and where your input matters.

  1. Your goals, your constraints, and what success needs to look like. We agree on the real problem before solving it.

  2. I study your market, audience, and competitors. The direction is grounded in evidence, not assumptions.

  3. A considered structure, visual direction, and scope. You review and approve the plan before I build.

  4. Design and development come together in a private preview. You see the work take shape at each milestone.

  5. Careful testing, launch support, and a proper handover. Your logins, documentation, and the knowledge to move forward.

After launch

And when you’re ready for more: Evolve + Double-Down.

Optional ongoing care and improvement after launch. A next step you can choose, never a dependency you inherit.

Before you commit.Two phases

Getting started.

You shouldn’t have to commit before you know what you’re getting. So you see how I work first. It runs in two phases.

  1. Blueprint

    A free, 10-minute diagnostic. We start with a proper chat, then I go through your competitors and send back a scored write-up, before money ever comes up.

    • Free
    • About 10 minutes
    View the Blueprint (opens in a new tab)
  2. Portal

    Within 24 hours of deciding to work together, you have your own private portal. No proposal yet. Nothing signed. You step inside, see exactly how the project will run, and then you decide.

    • Live within 24 hours
    • Nothing signed

Before paid work begins

  • Free diagnostic
  • Free clarity call
  • Private portal
  • Zero-risk proposal
  • Talk
  • See
  • Know
  • Decide

Watch walkthrough

A person, not a pipeline.The founder

Meet Joshua.

Strategist, designer, developer. You speak to the person who does the work, from the first question to the final detail.

Joshua Cleland, founder of Cleland Studio, in a dark suit and an open-collared white shirt

Founder, Cleland Studio

Beautiful isn’t the job. A good website earns trust and makes you the obvious choice.

My commitments to you

  1. Think it through

    Clarity before commitment. Good work starts with the right questions.

  2. Keep it open

    You see the thinking. You see the progress. You never have to chase the work.

  3. Hand over properly

    Built for you to own, understand, and move forward with.