Anatomy of a Moonshift site.
Every shipped site has the same skeleton. What each part is for, and why it is in that order.
The skeleton
Your name, the main link, and one clear action. Visible everywhere so people can act at any moment.
Headline, subhead, primary action, secondary action. The five seconds that decide if a stranger keeps scrolling.
Logos, press, ratings, partners. The cue that tells a stranger they are not crazy to keep reading.
Three to six tiles. Each names one concrete thing the site or business does for the visitor.
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 and give you maybe five seconds. So "what is this and what can I do here" goes first. Everything below earns its place.
- →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 the site is not converting, fix in this order:
- 01The hero headline. Is it a real promise or generic copy? Specific wins.
- 02The hero image. Swap one stock image for something real. The biggest single upgrade most sites get.
- 03The primary action. Is the button text a verb? Is the action one tap?
- 04The proof strip. Add a quote, a logo, a number. Anything that says "real."
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.
See your sentence in this shape.
Open a build and watch each region get written for your specific idea.
Iterating