UX, UI and SEO review

Moonshot

An AI wearable pendant that captures meaningful moments of your day and proactively tees up the “next step”, so you can stay present instead of reaching for your phone.

Prepared
25 September 2026
Site
preorder.moonshot.computer
Platform
Custom React single-page app, own order form
Checked
Desktop 1440px and mobile 390px

Customer journey

Meet Sarah. She's 38, an operations manager with a team of twelve, two kids and a calendar that runs her life. School pick-ups clash with late meetings. She told a friend she'd help her move on Saturday and forgot.

She's tried reminder apps, but they only work if she remembers to type things in. What she wants is something that notices for her.

HappyNeutralUneasyCuriousNice, but is it real?Is this about memories?That's me!Wait, $168?We'll tell you laterCloses the tabSees the adon InstagramLands onthe pageLooks forher problemFindsKeep your wordTapsPre-order $99Checks themonthly costConcept andiPhone only
Fig. 01 Sarah's journey from the ad to closing the tab. One high point, the "Keep your word" card, sits in the middle of the page. Everything after it pushes her toward leaving.

1. The ad. 9.40pm, scrolling Instagram on the couch, she taps a Moonshot ad. The hero looks lovely and the $99 price is clear.

But the scene looks AI-made, and that makes her uneasy. Will AI change her real moments too? Who sees them?

2. Looking for her problem. The page talks about capturing "the best of your life". She came for help with promises and dates, not memories.

The next line starts "in 2023, ai was introduced to us", in lowercase. She almost leaves.

3. The moment it clicks. Then she finds the "Keep your word." card: "I can help you move Saturday." That's her, exactly.

But it's the second card in a carousel, halfway down. Easy to miss.

4. The money moment. She taps "Pre-order for $99" and gets a $168 couple set already picked. She scrolls back up to check the price.

She also wants the monthly cost after year one. The FAQ says: we'll tell you later. The unease piles up.

5. The doubt. The footer says the scenes are AI-generated and the camera is still in development. The pendant isn't real yet, and she had to dig to find out.

Her phone is a Samsung, and nothing said iPhone only. She closes the tab.

The page itself is fine, but it feels thin. This is a new kind of device, and people buy it with their heart as much as their head.

That needs more than a hero, five cards and a spec grid: real moments, real people, and a clear picture of how it fits into a day. It's thin for search too.

Search "Moonshot AI", or even "Moonshot AI pendant", and the results are mostly the Chinese AI lab also called Moonshot, Omi or Meta.

6/10
UX
The top never says what it does or how you use it. It's as simple as putting it on, and privacy is a real strength, but both only show up near the bottom.
6/10
UI
Clean, but it doesn't do a new brand and a new kind of product justice. It needs either a cutting-edge tech feel or real warmth, and the AI-generated scenes make it feel less real.
3/10
SEO
Not enough content for Google or AI answer engines to work with. One page, an empty HTML shell, no sitemap or schema, and a brand name shared with a big AI lab.
Moonshot pre-order page on desktop: headline Life, kept. Life, acted. over a city at dusk, two pendants and three photos, Backed by Y Combinator badge and a Pre-order for $99 button.
Fig. 02 Desktop above the fold. Product, price and YC badge are all on one screen, but the whole scene looks AI-generated, down to the family photos on the ledge. For a product about keeping real moments forever, the hero should show real ones: real people, real photos, and ideally shots taken by the pendant itself.
Moonshot pre-order page on a phone: logo, Pre-order button, headline, pendants, YC badge and Pre-order for $99 button, all on the first screen.
Fig. 03 Mobile keeps everything that matters on the first screen, including the $99 price.

Bottom line. Sarah is exactly who Moonshot is for, and the page nearly wins her. Lead with the "keep your word" help she came for, show her the $99 she was promised, and be upfront about iPhone only and what's still a concept.

Top 5 quick fixes that win big

Easy to fix without designer support, ordered by impact for effort.

  1. Make the $99 button open a $99 order

    Every "Pre-order" and "$99" button jumps to a form with the $168 couple set already picked. Careless buyers pay more than they meant to. Careful ones stop and wonder what happened.

    Default to Single, one pendant, Silver. Show the couple set as an upgrade line under it ("Buying for two? Couple set $168, save $132").

  2. Label the concept images as concepts

    The spec grid shows a woman making dumplings with the caption "Taken by her pendant". The image alt text says the same. The footer says "AI-generated scenes illustrate the intended experience.

    Visual capture and task automation are in development. Camera samples ... will be shared before shipping." Both can't be true to a reader. The honest line is there, it's just in 12px grey text at the very bottom.

    Change the "Taken by her pendant" caption to "Concept image". Then say it once, up top: a small line right under the headline, for example "Scenes shown are concepts. The pendant ships December 2026." That's enough.

  3. Drop "The first AI wearable"

    The subhead and meta description both open with "The first AI wearable to capture the best of your life". Search "AI pendant" and the first page already shows Omi, Meta's reported pendant and 2026 roundups of AI wearables.

    "First" is the easiest claim on the page to knock down, and it sits in the line every search result and link preview shows.

    Say what only you do. For example: "The AI pendant that keeps your best moments and handles the next step."

  4. Say "iPhone only" before the order form

    "Made for iPhone" appears once, as a spec tile below the order form. The order form offers "Free worldwide shipping". The FAQ says the app "works on your iPhone" but never answers the Android question.

    Android users make up most of the world's phones, so some of them will order, find out later, and ask for a refund.

    Add "Works with iPhone. Android coming later." under the price, and an FAQ entry "Does it work with Android?" with a waitlist email field.

  5. Build more pages around the pendant

    Right now the whole story lives on one page. Search "Moonshot AI" and you get the Chinese AI lab. Ask ChatGPT about "Moonshot" and it has to guess which one you mean.

    With one page, search engines and AI assistants have almost nothing linking "Moonshot" to "the pendant". And the HTML the server sends is an empty shell, with no sitemap or structured data.

    Give the pendant its own pages, each answering a real question: features and how it works, specs and real camera samples, privacy explained, a full FAQ, support, warranty, a shop, a blog, and who's behind it.

    Add comparison pages, which people search for before buying new hardware: Moonshot vs other AI pendants like Omi, and Moonshot vs just using your iPhone.

    Use one name everywhere, like "Moonshot pendant by Moonshot Computer". Then prerender the pages and add a sitemap and Product schema so every page can be read.

SEO across the site

"Moonshot" alone can't win search

High

We searched "Moonshot AI pendant wearable". None of the results were yours. The page was taken by Meta's reported pendant, Omi, AI wearable roundups, and news about Moonshot AI, the Chinese lab behind Kimi.

People who hear about you by word of mouth will type "Moonshot AI" and land on someone else.

Our solution: Always pair the name with product keywords people actually search for, like "AI pendant", "AI wearable", "wearable AI camera" or "AI memory pendant". Title: "Moonshot AI Pendant | Pre-order the Founder Edition from $99". Ask press, your YC company page and creators to write "Moonshot pendant" or "Moonshot Computer". Use the same phrase in the H1 area and the OG title.

No robots.txt, sitemap, llms.txt or structured data

Medium

/robots.txt, /sitemap.xml and /llms.txt all return 404 on the pre-order site. The page has no JSON-LD at all, so Google has no machine-readable price, availability or organisation details.

The main site, moonshot.computer, does have a detailed llms.txt, but it describes Moonshot only as an iPhone app and never mentions the pendant or the pre-order.

So when an AI assistant looks you up, the one file written for it leaves the pendant out.

Our solution: Add a robots.txt that points to a sitemap. Add an llms.txt to the pre-order site, and update the one on the main site so it describes the pendant, the Founder Edition, the price and the ship date, with links to both. Add Product schema with an Offer (USD 99, availability PreOrder, ship date December 2026), Organization schema with your YC and social links, and FAQPage schema for the eleven FAQ answers.

The title tag has no product words

Low

"Moonshot | Life, kept. Life, acted." is 35 characters and tells a searcher nothing about what you sell. There's room for about 25 more characters.

Our solution: Use this pattern: brand name, then what the product is, then why to click now. Keep it under 60 characters so Google doesn't cut it off. For example: Moonshot AI Pendant | Pre-order the Founder Edition from $99 (60 characters). Or, leading with the benefit: Moonshot AI Pendant | Keeps Your Moments and Your Promises (58). Keep "Life, kept. Life, acted." as the headline on the page itself. It works there, just not in a search result.

Page audit: story and use cases

preorder.moonshot.computer/ (hero to "mushin.")

The first line under the hero reads like a draft

High

The first thing you say after the hero is: "in 2023, ai was introduced to us to make life easier. Instead it made us workhorses sucked in by the dangerous “ask anything”".

It starts lowercase, "ai" is lowercase, there's no full stop, and "workhorses sucked in by" mixes two images. Most readers also date the ChatGPT moment to late 2022, so the year invites a nitpick.

Everything else on the page is carefully written, so this stands out.

Our solution: Something like: "AI was meant to make life easier. Instead it turned us into prompt writers, glued to a chat box." Keep the right-hand line, "We built Moonshot to give you your attention back.", as it is.

Intro section on desktop: lowercase line starting in 2023, ai was introduced to us, next to We built Moonshot to give you your attention back, and a Privacy first button.
Fig. 04 The first words after the hero. Lowercase start, no full stop, and a mixed metaphor.

AI scenes look like customer photos

Medium

The hero and all five use case cards show lifelike AI-generated people wearing the pendant, and the only place that says so is the footer.

Our solution: One small line under the headline saying the scenes are concepts. Said once, near the top, it answers the question before anyone asks it.

"mushin." is lovely but doesn't sell

Low

The mushin section is a full-width band with a tree illustration and one line of copy. It's a nice pause, but it sits right before the order form and adds no new reason to buy.

Our solution: Either add one proof point to it, for example "No screen. No feed.", so the pause also moves the sale forward. Or, better, give mushin a proper section of its own that adds meaning on top of what the product does: why a mind free from distraction matters, and what Sarah gets back when the pendant holds the small stuff for her. Dinner without checking her phone. Actually listening to her kids. That's the emotional reason to buy, and right now it's one line.

Page audit: Founder Edition order form

preorder.moonshot.computer/#reserve

The form defaults to the $168 couple set, a dark pattern

High

On a fresh load the checked options are "Couple set", "Pendant 1 Silver" and "Pendant 2 Gold". Every button that brings people here says $99.

Advertising one price and preselecting a more expensive option is a known dark pattern: it counts on people not noticing.

Even if it wasn't meant that way, that's how buyers, reviewers and payment providers will read it, and it's the fastest way to lose trust on a pre-order for a product that doesn't exist yet.

Our solution: Default to Single, Silver. Let the couple set be the upgrade.

Desktop order form with Couple set $168 selected by default, Silver for pendant 1 and Gold for pendant 2, and a Continue button.
Fig. 05 Desktop order form on first load. Couple set, silver and gold, already picked.
Mobile order form with Couple set $168 selected by default.
Fig. 06 Same default on mobile, straight after tapping "Pre-order for $99".

No mention of iPhone only

High

The form offers free worldwide shipping but never says the pendant needs an iPhone.

Our solution: One line under the price: "Works with iPhone. Android coming later."

"Save $51" against a price nobody has paid

Medium

The single pendant shows "$99", "$150" struck through and "Save $51". The product hasn't been sold at $150 yet, so a careful buyer will ask where that number comes from.

Our solution: Say what it is: "Founder price $99. Planned retail $150."

The cost after year one is unknown

Medium

The form sells "Free access to premium features for the first year". The FAQ adds that paid access is planned after that and the price will be shared later.

For a device that depends on the app, "what will this cost me each month?" is a top question, and right now the answer is "we don't know yet".

Our solution: If you can, give a ceiling ("Founders will never pay more than $X a month"). If not, link the FAQ answer right next to the perk so nobody feels it was hidden.

Payment method signals

Low

Nothing on the form says how people will pay (card, Apple Pay, Shop Pay), which is useful reassurance for a $99 to $168 pre-order.

Our solution: Add small payment method icons under the order button.

What we can do for you

Bearplus is an independent digital agency with ten years of award-winning work, recognised by Awwwards, The FWA and the Webby Awards.

We design and build sites for products that need to be felt as much as understood: consumer hardware, AI tools and brands in new categories. Here's how we'd help Moonshot.

1. A redesign that fixes it all

Every problem in this report goes into our redesign: the honest $99 default, the concept line up top, iPhone-only said early, the cost after year one answered where people look for it, and a clear promise on what it does and how it protects your privacy.

We fold them into a page that is beautiful, meaningful and built to convert, so fixing trust and lifting sales happen in the same move.

2. Tell the story in real moments

For a product like this, story is what matters most. People need to feel that it matters to them, and to see themselves wearing it in their own day. When they do, they don't just buy it. They share it.

That's what we'd bring back to Moonshot: the emotion.

In practice, that means art direction and visual assets that replace AI scenes with real people and real photos, ideally taken by the pendant.

A first screen that says what it does, how simple it is (put it on, live your day, see it on your phone) and how your privacy is protected, before anyone scrolls.

And a design that feels as new as the product, with either a cutting-edge tech edge or real warmth.

3. Build the pages that get you found

A proper site around the pendant: how it works, specs and camera samples, privacy explained, a full FAQ, the founders, and comparison pages (Moonshot vs other AI pendants, Moonshot vs just using your iPhone).

One clear product name everywhere, so Google and ChatGPT stop confusing you with the AI lab. Built to be read: prerendered, with a sitemap and structured data.

4. Design and build the whole thing

UX, UI and front-end build on the CMS platform that fits how your team manages content, with motion and 3D where it earns its place.

We keep your 3D pendant viewer and order flow, and add funnel tracking so you can see where people drop out between the ad, the form and payment.

Work that's close to this

ProjectWhat it isWhy it matters for Moonshot
Rotimatic
Password: bp24!
Shopify store for a smart kitchen robot.Selling new consumer hardware online, where people need to trust a device they've never seen.
Heron AISite for an AI agent that checks building designs against code.Explaining an AI product simply, with an interactive hero that shows it working instead of describing it.
United CarriersScroll-driven site for an APAC freight company, built in Webflow with GSAP and Three.js.Cinematic motion and 3D that make a brand feel premium, the level your pendant viewer deserves.
Kanak NaturalsCatalogue and brand site for sustainable packaging.Head-to-head comparison content and 3D product exploration, the kind of pages that help people choose.