Visual Reference Maps & Ecosystem | YourHQ
Visual Reference Maps & Ecosystem

How Your Website Fits Into
Everything Else You're Doing Online.

A plain-English guide to the digital landscape in 2026. What changed with AI search, why the website matters more now, not less, and every YourHQ diagram in one place.

The 2026 Shift

The website's job changed.
Most sites haven't noticed.

For twenty years the website was a destination. You did things to get people to it, and more visitors meant more business.

That era is ending. Around 60% of Google searches now finish without a click, and when an AI answer sits at the top of the page, that figure climbs past 80%. Some industries lost 40 to 70% of their search traffic in a single year. Services, consulting and training sit squarely in the impact zone.

So is the website dead? The opposite. The clicks that survive convert around 23% better, because the people who still arrive are further along, closer to spending, and judging harder. And the AI answers themselves have to come from somewhere. They're built from real websites, and they favour the ones that are clear, current, well-structured and straight to the point.

The website stopped being a traffic machine and became two things: the source AI pulls from, and the place where trust is finally decided. Fewer visitors, higher stakes, and a much lower tolerance for a site that's out of date.

41%

more trustworthy. How consumers rate a business that has a website, second only to reviews.

58%

check a business's website to verify what they saw on social media or in an AI recommendation.

60%

say an outdated-looking website damages how they rate a business's quality.

Consumer figures: DreamHost Local Business Trust Index, November 2025, US sample. AI search figures: 2026 SEO industry reporting, directional.

Everything You Do Online Is a Signal.
Where Does It Lead?

You post on LinkedIn. You show up on Instagram. You get mentioned in a podcast. Someone leaves a Google review.

Every one of those is a signal. A small piece of evidence that you exist, that you're real, that you're worth paying attention to.

But signals need somewhere to point. A destination. A place that holds the whole story. Permanently, completely, in your own words, on your own terms.

Without that, signals scatter. People find fragments. They can't get the full picture. In the moment they're deciding whether to trust you. They hesitate.

Your profiles are signals.
Your website is the source.

Every post, every review, every appearance. They should point somewhere permanent. Somewhere you own. Somewhere that says: this is who I am, this is what I stand for, and I'm not going anywhere.

Diagram 01

Types of websites
we build.

Two fundamental types, same stack. Architecture and copy angle differ based on whether the person is the brand.

Type 01

Business site

The business exists separately from the person: tradie, clinic, café, salon, studio.

  • Homepage: what we do + who for
  • Social proof: client results
  • Primary CTA: call / form / quote
  • Credibility signals: quals, certs
  • Google search: service keywords

Type 02

Personal brand

The person IS the business: coach, speaker, consultant, creator, author.

  • Homepage: who I am + what I believe
  • Social proof: media, talks, publications
  • Primary CTA: work with me / join / buy
  • Multiple audience routing
  • Google search: name + topic keywords
Both types: same Astro + Tailwind + Vercel stack · same caretaker model · same Drive-Home Interview · same on-demand updates

Presence

Exist, look credible, get found

Authority

Portfolio, blog, thought leader hub

Community

Email capture, lead magnet

Commerce

Stripe services, digital products

E-commerce

Shopify → Refer out

App / Platform

Custom dev → Refer out

Diagram 02

The Digital Ecosystem.

Where YourHQ sits relative to every other type of web service.

Google / SEO
Meta Ads
LinkedIn
Instagram
Podcast / Press
Referral / WOM

The Website. The Source.

Everything else is a signal. This is where it all leads. Owned, permanent, never disappears.

Build + Copy + Care
Forms + Capture
Stripe / Checkout
Blog + Autopilot

Partners (We work alongside)

Copywriter
Photographer
Brand Designer
SEO Specialist
Social Media Mgr

Refer Out (Not our lane)

Shopify
Kajabi / LMS
Circle / Community
Substack / Ghost
HubSpot / CRM
Custom Dev
Diagram 03

The Technology Stack.

Six layers, bottom to top. Most people only see layer 6. Understanding the stack is why our sites are faster and more secure.

6

What the visitor sees

Pages, copy, design, photos, forms, CTAs. Fast, clear, credible. Under 1 second load time. The goal.

The goal
5

Content and copy

Written from the Drive-Home Interview, content raid on existing socials, and the client's footprint. Kept fresh via one-inbox updates.

YourHQ + Client
4

Builder / framework

How the site is constructed. The biggest quality gap. No page builders, no visual editors, no bloat. Pure hand-coded components.

Astro + Tailwind
3

Platform / CMS

Where WordPress plugin bloat, security holes, and 'my site broke' come from. Astro generates static files. No CMS layer needed.

None (Static)
2

Hosting

Invisible but critical. Determines speed, reliability, uptime. Vercel's global edge network means the site loads from a server near the visitor.

Vercel Edge
1

Domain

Their address. The only part of the stack that is irreversibly theirs from day one. Always registered in the client's name.

Owned by client
Diagram 04

The Build Workflow.

From Drive-Home Interview to live site. The caretaker relationship begins at launch.

1

Client Action

Drive-Home Interview

Client calls the AI voice agent. On the couch, in the car, between jobs. Their own time, their own terms. No forms, no typing, no scheduled Zoom. Just talk.

2

Automation

Agent drafts copy + content raid

The agent processes the transcript and raids the client's existing footprint. Pulls photos, testimonials, business info. Drafts all page copy. Time from client: zero.

3

Lian Touchpoint

Lian reviews copy

Lian reads the agent's draft, refines the voice, flags anything needed, and approves it for client review. Quality control before the client sees it.

4

Client Action

Client copy review

Client receives a private page showing all copy section by section. One round of changes allowed. Copy is approved before a single line of design code is written.

5

Lian Builds

The Build & QA

Lian builds to the approved copy. Astro + Tailwind CSS. Mobile-first. SEO and AEO ready. Lian checks everything before the private staging link is sent.

6

Client Decision

Accept, or full refund

Client loves it → subscription starts, goes live. Client hates it → full refund minus hard costs. One round of edits available before the refund decision.

7

Ongoing

Live. Caretaker model begins

Domain connected within 24 hours. Google notified. Hosting, SSL, security running. One-inbox model is live. Text, email, Drive, link, we handle it all.

Diagram 05

The One-Inbox Model.

After launch, clients never log in, never learn a system, never change how they operate. They send stuff. We handle it.

💬

Text

"Swap my number"

📧

Email

"New bio attached"

📁

Drive

"Dropped new photos"

🔗

Link

"I was on this podcast"

📱

Social

Post becomes blog

🖥️

Portal

Optional dropzone

Received by YourHQ

Reviewed · Formatted · Approved by Lian · Published to your site

Copy Updated

Live within 24 hours

Photos Added

Formatted and published

Blog Live

Indexed permanent article

Media Archived

Podcast/press formatted

What You Never Have to Do

Log into a dashboard
Learn a CMS
Use a new app
Write a brief
Resize a photo
Chase someone for updates
Rebuild every 3 years
Diagram 06

How pricing works.

One build fee, one monthly care number, both stated in a written proposal before anything starts.

The Build · from

$3,800

NZD + GST · one-time

Everything a business needs to be credible and found, as standard. Story captured in one conversation, market research, every page written in your voice, content raid, up to 8 pages built by hand, blog and resources, Google Business Profile, forms and email capture, found on Google and cited by AI tools, domain in your name.

Monthly Care · from

$149/mo

NZD + GST

Hosting, security, backups, and the message-me service. Scales with what the site actually does. A simple credibility site costs less to look after than one running bookings and payments.

The Proposal

Your exact
numbers live here.

After the chat (or the form), you get one page in writing: your site, what it includes, your build price, your care number. Extras like bookings, payments, or the Learning Hub appear as fixed-price line items only if your business needs them.

Diagram 07

The Target ICP.

Not an industry. A mindset. Same psychological profile, three different outfits.

The Shared Mindset

"Someone who has already built something real (a business, a reputation, an audience) but all of it lives on platforms they don't control. When people go looking for the proper version of them, there's nothing there that does them justice."

Grant

The tradie

Who Electrician, plumber, builder

Wants Time back + credibility

Buys because "This looks legit and I don't have to do anything."

Sarah

The professional

Who Physio, accountant, coach

Wants Status + authority

Buys because "This matches my professional standards."

Kiri

The creator

Who Salon, hospo, photographer

Wants Ownership + independence

Buys because "This feels like me and I finally own it."

The Ecosystem Questions.

Does my website replace my social media presence?

No. Social is where you show up and reach new people. The website is where you send them when they want the full picture. Both matter. The difference is one is rented, one is owned.

What if the platforms I use change or disappear?

Your website is the one thing that doesn't depend on any platform's decisions. Your domain, content, design. Owned unconditionally. If Instagram disappeared tomorrow, your website is still there.

What's the difference between SEO and AEO?

SEO is how your site shows up in Google's traditional results. AEO, Answer Engine Optimisation, is how your site shows up in AI-generated answers, like when someone asks ChatGPT a question and it pulls from real websites. We build for both.

What does "hand-coded" actually mean?

Every line of code is written specifically for your site, not assembled from a template or generated by a page builder. Hand-coded sites are faster, cleaner, more secure, and more distinctive.

The Next Step

Ready to Build the Source?

One conversation, or one form if you’d rather write. Your story captured. Your permanent digital home, built, owned, looked after for good.