[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"post-landing-page-for-startups":3},{"success":4,"post":5},true,{"id":6,"title":7,"slug":8,"excerpt":9,"authorName":10,"authorBio":11,"status":12,"isPublished":4,"publishedAt":13,"createdAt":13,"updatedAt":13,"blocks":14,"seoTitle":303,"seoDescription":304,"metadata":305,"coverImageUrl":548,"readingTime":549,"wordCount":329,"categories":550,"tags":551},13,"A landing page for startups: get the first screen right before launch","landing-page-for-startups","A startup has no brand, no reviews and no time. So the first screen of your landing page has to explain, prove and ask in one go. Here is how, with a real pre-launch page as the example.","Dan-Ioan Drăguța","Founder of Wolfitway. Designs and builds fast, accessible landing pages and websites at fixed prices.","published","2026-10-30T21:49:08.181Z",{"type":15,"content":16},"doc",[17,23,27,34,41,69,74,80,84,89,93,98,102,107,111,116,120,125,151,155,160,164,168,173,241,270,275],{"type":18,"content":19},"paragraph",[20],{"text":21,"type":22},"A big company's landing page can be vague, because people already know the name. A startup's can't. Nobody has heard of you, there are no reviews yet, and most visitors give you a few seconds before they close the tab.","text",{"type":18,"content":24},[25],{"text":26,"type":22},"That makes the first screen, the part people see before they scroll, the most important thing you will build before launch. This guide is about that screen, and the few sections under it that matter.",{"type":28,"content":29},"blockquote",[30],{"type":18,"content":31},[32],{"text":33,"type":22},"Short answer: a good landing page for a startup says what the product does in one plain sentence, shows it working right away, asks for one action (sign up, download, join the waitlist), and is something the founder can edit without a developer.",{"type":35,"attrs":36,"content":38},"heading",{"level":37},2,[39],{"text":40,"type":22},"Why startup landing pages fail",{"type":42,"content":43},"bulletList",[44,51,57,63],{"type":45,"content":46},"listItem",[47],{"type":18,"content":48},[49],{"text":50,"type":22},"The headline describes the category (\"AI-native platform for creators\") instead of what happens when you use it.",{"type":45,"content":52},[53],{"type":18,"content":54},[55],{"text":56,"type":22},"The product is hidden behind illustrations and stock photos, so visitors have to imagine it.",{"type":45,"content":58},[59],{"type":18,"content":60},[61],{"text":62,"type":22},"There are three buttons: waitlist, demo, docs. Nobody knows which one is for them.",{"type":45,"content":64},[65],{"type":18,"content":66},[67],{"text":68,"type":22},"It was built in a heavy page builder, so changing one line before launch needs a ticket and a day.",{"type":35,"attrs":70,"content":71},{"level":37},[72],{"text":73,"type":22},"The first screen, part by part",{"type":35,"attrs":75,"content":77},{"level":76},3,[78],{"text":79,"type":22},"The headline: say what happens",{"type":18,"content":81},[82],{"text":83,"type":22},"Write the product in one sentence a stranger could repeat. The best pattern for an early product is often \"you do X, it does Y\". Prosper, a self-hosted AI game builder, launched with exactly that: \"Describe a game. Prosper builds it.\" Five words and you know what the product is.",{"type":35,"attrs":85,"content":86},{"level":76},[87],{"text":88,"type":22},"The subheadline: who and how",{"type":18,"content":90},[91],{"text":92,"type":22},"One or two lines that say who it is for and what is different about it. For Prosper that is \"self-hosted\": it tells the right visitor (people who want to run it themselves) that this one is for them.",{"type":35,"attrs":94,"content":95},{"level":76},[96],{"text":97,"type":22},"One button",{"type":18,"content":99},[100],{"text":101,"type":22},"Pick the one action that moves your launch forward. Before launch that is usually \"Join the waitlist\". After launch it is \"Download\", \"Start free\" or \"Order\". Put it in the first screen, and repeat the same action at the end of the page. A quieter \"See how it works\" link that scrolls down is fine.",{"type":35,"attrs":103,"content":104},{"level":76},[105],{"text":106,"type":22},"Show the product, not a picture of an idea",{"type":18,"content":108},[109],{"text":110,"type":22},"This is where startups have an edge over big brands: your product is new, so showing it is the pitch. A short screen recording, a looping clip of the real thing, or a live demo right under the headline beats any illustration. Prosper's page puts the download button next to a live demo of the game builder, then a launch film and looping clips of games it made. In the founder's words, the page \"shows the product instead of just describing it\".",{"type":35,"attrs":112,"content":113},{"level":76},[114],{"text":115,"type":22},"Proof, even with zero customers",{"type":18,"content":117},[118],{"text":119,"type":22},"No reviews yet is normal. Use what you do have: the product working on screen, real numbers from your beta (only if they are real), the founder's name and face, a public changelog or repo. Honest early proof beats fake logos every time.",{"type":35,"attrs":121,"content":122},{"level":37},[123],{"text":124,"type":22},"Under the fold: four sections, then stop",{"type":42,"content":126},[127,133,139,145],{"type":45,"content":128},[129],{"type":18,"content":130},[131],{"text":132,"type":22},"How it works: three steps, each with a screenshot or clip.",{"type":45,"content":134},[135],{"type":18,"content":136},[137],{"text":138,"type":22},"What you get: the outcome per feature, in the buyer's words.",{"type":45,"content":140},[141],{"type":18,"content":142},[143],{"text":144,"type":22},"Pricing or \"free during beta\", stated plainly. Hiding the price makes people assume it is high.",{"type":45,"content":146},[147],{"type":18,"content":148},[149],{"text":150,"type":22},"A short FAQ that answers the doubts you hear in every demo call, then the same button again.",{"type":18,"content":152},[153],{"text":154,"type":22},"That is enough for launch. Testimonials, comparison tables and case studies come later, when you have them.",{"type":35,"attrs":156,"content":157},{"level":37},[158],{"text":159,"type":22},"Build it so the founder can change it",{"type":18,"content":161},[162],{"text":163,"type":22},"Before launch your message changes every week. If editing a headline needs a developer, the page will always be one version behind your pitch. Prosper's page is plain HTML, CSS and JS with no build step, so the founder edits and deploys it himself. Whatever you build on, test this before launch: can you change the headline and publish in five minutes?",{"type":18,"content":165},[166],{"text":167,"type":22},"And check it on a phone. Most first visits from X, LinkedIn, Product Hunt or Hacker News happen on a phone, and the clips and demo have to work there too. The Prosper founder called out that \"the mobile layout holds up well\".",{"type":35,"attrs":169,"content":170},{"level":37},[171],{"text":172,"type":22},"Checklist before you launch",{"type":42,"content":174},[175,181,187,193,199,205,211,217,223,229,235],{"type":45,"content":176},[177],{"type":18,"content":178},[179],{"text":180,"type":22},"Headline: what the product does, one sentence",{"type":45,"content":182},[183],{"type":18,"content":184},[185],{"text":186,"type":22},"Subheadline: who it is for and what is different",{"type":45,"content":188},[189],{"type":18,"content":190},[191],{"text":192,"type":22},"One main button, same action at the end of the page",{"type":45,"content":194},[195],{"type":18,"content":196},[197],{"text":198,"type":22},"The real product visible in the first screen",{"type":45,"content":200},[201],{"type":18,"content":202},[203],{"text":204,"type":22},"Honest proof: product on screen, founder, real numbers only",{"type":45,"content":206},[207],{"type":18,"content":208},[209],{"text":210,"type":22},"How it works in three steps",{"type":45,"content":212},[213],{"type":18,"content":214},[215],{"text":216,"type":22},"Price or \"free during beta\" stated",{"type":45,"content":218},[219],{"type":18,"content":220},[221],{"text":222,"type":22},"FAQ with the doubts from your demo calls",{"type":45,"content":224},[225],{"type":18,"content":226},[227],{"text":228,"type":22},"Works and loads fast on a phone",{"type":45,"content":230},[231],{"type":18,"content":232},[233],{"text":234,"type":22},"You can edit and publish it yourself in minutes",{"type":45,"content":236},[237],{"type":18,"content":238},[239],{"text":240,"type":22},"The main action is tracked",{"type":18,"content":242},[243,245,252,254,260,262,268],{"text":244,"type":22},"Want to check your own first screen first? The free ",{"text":246,"type":22,"marks":247},"Hero Analyzer",[248],{"type":249,"attrs":250},"link",{"href":251},"\u002Fhero",{"text":253,"type":22}," scores it in about a minute. For the full list of what makes a page convert, see the ",{"text":255,"type":22,"marks":256},"12-point high converting landing page checklist",[257],{"type":249,"attrs":258},{"href":259},"\u002Fblog\u002Fhigh-converting-landing-page",{"text":261,"type":22},". For an AI product example, open the ",{"text":263,"type":22,"marks":264},"AI startup showcase page",[265],{"type":249,"attrs":266},{"href":267},"\u002Fshowcase\u002Fai-startup",{"text":269,"type":22}," on your phone.",{"type":35,"attrs":271,"content":272},{"level":37},[273],{"text":274,"type":22},"Want it built before your launch?",{"type":18,"content":276},[277,279,285,287,293,295,301],{"text":278,"type":22},"That is what my ",{"text":280,"type":22,"marks":281},"landing page design service",[282],{"type":249,"attrs":283},{"href":284},"\u002F",{"text":286,"type":22}," does: copy, design and build of one landing page, live in 3 days for a fixed €2,500 \u002F $2,900, ordered online with no calls. You get the code and can edit it yourself, like Prosper does. Building software? See the ",{"text":288,"type":22,"marks":289},"SaaS landing page",[290],{"type":249,"attrs":291},{"href":292},"\u002Flanding",{"text":294,"type":22}," offer, or read ",{"text":296,"type":22,"marks":297},"how much a landing page costs",[298],{"type":249,"attrs":299},{"href":300},"\u002Fblog\u002Fhow-much-does-a-landing-page-cost",{"text":302,"type":22}," if you are still comparing.","Landing Page for Startups: The Above-the-Fold Guide • Wolfitway","How to build a landing page for a startup before launch: the first screen, one call to action, showing the product instead of describing it, with a real launch page as the example.",{"toc":306,"authorBio":11,"wordCount":329,"article_json":330,"coverImageUrl":548,"readingTimeMinutes":549},[307,309,311,313,315,317,319,321,323,325,327],{"id":308,"text":40,"level":37},"why-startup-landing-pages-fail",{"id":310,"text":73,"level":37},"the-first-screen-part-by-part",{"id":312,"text":79,"level":76},"the-headline-say-what-happens",{"id":314,"text":88,"level":76},"the-subheadline-who-and-how",{"id":316,"text":97,"level":76},"one-button",{"id":318,"text":106,"level":76},"show-the-product-not-a-picture-of-an-idea",{"id":320,"text":115,"level":76},"proof-even-with-zero-customers",{"id":322,"text":124,"level":37},"under-the-fold-four-sections-then-stop",{"id":324,"text":159,"level":37},"build-it-so-the-founder-can-change-it",{"id":326,"text":172,"level":37},"checklist-before-you-launch",{"id":328,"text":274,"level":37},"want-it-built-before-your-launch",894,{"type":15,"content":331},[332,335,338,343,347,369,373,377,380,384,387,391,394,398,401,405,408,412,434,437,441,444,447,451,508,526,530],{"type":18,"content":333},[334],{"text":21,"type":22},{"type":18,"content":336},[337],{"text":26,"type":22},{"type":28,"content":339},[340],{"type":18,"content":341},[342],{"text":33,"type":22},{"type":35,"attrs":344,"content":345},{"level":37},[346],{"text":40,"type":22},{"type":42,"content":348},[349,354,359,364],{"type":45,"content":350},[351],{"type":18,"content":352},[353],{"text":50,"type":22},{"type":45,"content":355},[356],{"type":18,"content":357},[358],{"text":56,"type":22},{"type":45,"content":360},[361],{"type":18,"content":362},[363],{"text":62,"type":22},{"type":45,"content":365},[366],{"type":18,"content":367},[368],{"text":68,"type":22},{"type":35,"attrs":370,"content":371},{"level":37},[372],{"text":73,"type":22},{"type":35,"attrs":374,"content":375},{"level":76},[376],{"text":79,"type":22},{"type":18,"content":378},[379],{"text":83,"type":22},{"type":35,"attrs":381,"content":382},{"level":76},[383],{"text":88,"type":22},{"type":18,"content":385},[386],{"text":92,"type":22},{"type":35,"attrs":388,"content":389},{"level":76},[390],{"text":97,"type":22},{"type":18,"content":392},[393],{"text":101,"type":22},{"type":35,"attrs":395,"content":396},{"level":76},[397],{"text":106,"type":22},{"type":18,"content":399},[400],{"text":110,"type":22},{"type":35,"attrs":402,"content":403},{"level":76},[404],{"text":115,"type":22},{"type":18,"content":406},[407],{"text":119,"type":22},{"type":35,"attrs":409,"content":410},{"level":37},[411],{"text":124,"type":22},{"type":42,"content":413},[414,419,424,429],{"type":45,"content":415},[416],{"type":18,"content":417},[418],{"text":132,"type":22},{"type":45,"content":420},[421],{"type":18,"content":422},[423],{"text":138,"type":22},{"type":45,"content":425},[426],{"type":18,"content":427},[428],{"text":144,"type":22},{"type":45,"content":430},[431],{"type":18,"content":432},[433],{"text":150,"type":22},{"type":18,"content":435},[436],{"text":154,"type":22},{"type":35,"attrs":438,"content":439},{"level":37},[440],{"text":159,"type":22},{"type":18,"content":442},[443],{"text":163,"type":22},{"type":18,"content":445},[446],{"text":167,"type":22},{"type":35,"attrs":448,"content":449},{"level":37},[450],{"text":172,"type":22},{"type":42,"content":452},[453,458,463,468,473,478,483,488,493,498,503],{"type":45,"content":454},[455],{"type":18,"content":456},[457],{"text":180,"type":22},{"type":45,"content":459},[460],{"type":18,"content":461},[462],{"text":186,"type":22},{"type":45,"content":464},[465],{"type":18,"content":466},[467],{"text":192,"type":22},{"type":45,"content":469},[470],{"type":18,"content":471},[472],{"text":198,"type":22},{"type":45,"content":474},[475],{"type":18,"content":476},[477],{"text":204,"type":22},{"type":45,"content":479},[480],{"type":18,"content":481},[482],{"text":210,"type":22},{"type":45,"content":484},[485],{"type":18,"content":486},[487],{"text":216,"type":22},{"type":45,"content":489},[490],{"type":18,"content":491},[492],{"text":222,"type":22},{"type":45,"content":494},[495],{"type":18,"content":496},[497],{"text":228,"type":22},{"type":45,"content":499},[500],{"type":18,"content":501},[502],{"text":234,"type":22},{"type":45,"content":504},[505],{"type":18,"content":506},[507],{"text":240,"type":22},{"type":18,"content":509},[510,511,515,516,520,521,525],{"text":244,"type":22},{"text":246,"type":22,"marks":512},[513],{"type":249,"attrs":514},{"href":251},{"text":253,"type":22},{"text":255,"type":22,"marks":517},[518],{"type":249,"attrs":519},{"href":259},{"text":261,"type":22},{"text":263,"type":22,"marks":522},[523],{"type":249,"attrs":524},{"href":267},{"text":269,"type":22},{"type":35,"attrs":527,"content":528},{"level":37},[529],{"text":274,"type":22},{"type":18,"content":531},[532,533,537,538,542,543,547],{"text":278,"type":22},{"text":280,"type":22,"marks":534},[535],{"type":249,"attrs":536},{"href":284},{"text":286,"type":22},{"text":288,"type":22,"marks":539},[540],{"type":249,"attrs":541},{"href":292},{"text":294,"type":22},{"text":296,"type":22,"marks":544},[545],{"type":249,"attrs":546},{"href":300},{"text":302,"type":22},"",5,[],[]]