So I rebuilt the landing page for shadowtrainer.app.

The previous landing page was really just a teaser and was only meant to get testflight signups. Now that the app has launched, I needed to show more information and have links to things so I can SEO it better.

Must Haves:

• Hero section to summarize what the app is trying to solve
• Screenshots so people have a more concrete idea of what they’re downloading
• Pricing because, personally, that’s the 2nd thing I want to know about a product after I know what it does
• FAQs: as a catchall of things I’m not able to say because I don’t have time to build components for them

Nice to Haves:

• Example user journey
• Feature breakdown
• “Support” page
• Blog type posts
• Version history – I ended up building this because I wanted to learn how to render multiple “posts” without having to write blog posts

Architecture

The old landing page was already on Astro/Vercel and I could have went ahead with raw json or markdown files for content but it was soon becoming unwieldy. I don’t know how content should be structured or what the best practices are so I want to lean on a headless CMS for now.

Why choose Storyblok?

Because I read good things about its preview UI. I like how I can edit and rearrange content “bloks” and see the changes live.

Not sure if that makes a big difference with other headless CMSes, to be fair. It has mostly the same bells and whistles as the others. I think where it truly matters is in the overall user experience but you need to have used these CMSes for a while to actually have an opinion on it.

It has worked well for me so far and I can see how I can extend this so I can have multiple landing pages, more sections and components and all other fun stuff.

Goal

Ultimately, I’m really just trying to improve my Web Referrals. Right now it’s mostly dodgy Chinese websites, which I assume are bots and not real customers.