//anatomy

Anatomy of a Moonshift site.

Every shipped site has the same skeleton. Here is what each part is for, why it is in that order, and what to think about when you tweak it.

The skeleton

//site anatomy
ABCDE
  1. A
    Header + nav
    Your name, the main link, and one clear action. Visible everywhere so people can act at any moment.
  2. B
    Hero
    Headline, subhead, primary action, secondary action. The five seconds that decide if a stranger keeps scrolling.
  3. C
    Proof strip
    Logos, press, ratings, partners. The cue that tells a stranger they are not crazy to keep reading.
  4. D
    Features / what you do
    Three to six tiles. Each names one concrete thing the site or business does for the visitor.
  5. E
    Closing CTA
    Same action as the hero, restated for people who scrolled. The most-clicked CTA on most sites.

Why this order

People scan from the top. They give you maybe five seconds before they leave. So we put the answer to "what is this and what can I do here" at the top. Everything else earns its place by being useful to someone who already wants to keep reading.

  • Header tells them where they landed and what the main action is.
  • Hero commits to a promise. One line, one action, no fluff.
  • Proof answers "should I trust this?" without you having to ask.
  • Features answer "what do I actually get?" with concrete tiles, not adjectives.
  • Closing CTA catches anyone who scrolled and forgot what to do.

What to change first

If a Moonshift site is not converting, here is the order to fix:

  1. The hero headline. Is it a real promise or generic copy? Specific wins.
  2. The hero image. Replace one stock image with something real. The biggest single upgrade most sites get.
  3. The primary action. Is the button text a verb? Is the action one tap?
  4. The proof strip. Add a quote, a logo, a number. Anything that says "real."

What you should not over-think

Optional extras

  • Pricing section. If you sell, put pricing on the homepage. Hiding it means more friction, fewer signups.
  • FAQ. Three to five questions, real ones from your inbox. Cuts your support load.
  • Newsletter. A one-line signup. Builds an audience that does not depend on a platform.