1
10 Comments

I need your help - please roast my landing page

Hello all,

Please help me put the best landing page out there. Kindly go through it and share your thoughts.

Link: https://www.beacon.li/

  • Are you able to understand what we are trying to build?
  • Any anything confusing?
  • Does this create any curiosity to sign-up?

As a small token of gratitude, I'd happily include a link to your page in a blog post I plan to write on my journey (please include the link in your comment).

A short back story
I have been a B2C entrepreneur for almost a decade. An events marketplace I was building was doing pretty well ($1M+ annual GMV) until repeated COVID waves hit the business. Since then, I have tried building multiple products - quizzing, sports, real estate, and healthcare - but nothing worked as expected. The quizzing app worked quite well, but as it scaled a bit, it did not match our values (it was becoming a real money game app).

Later, I joined my friends and started working on SaaS products. I immediately started loving SaaS. While working on the UX part, we realised it becomes increasingly challenging as the product scales. Being a productivity guy, I noticed that all the products I use (Raycast, Arc, Notion, Warp, VSCode, Github, Cron) have this command palette, which makes it extremely easy to use the product. We tried to use some open-source projects to implement the command palette in our web app, and man, it was crazy! It was hard to get the experience right, and I had a high developer dependency. We believe it should be much easier and hence decided to build Beacon.

Thanks a ton in advance 🙏

on February 27, 2023
  1. 1

    Firstly, well done for having built such a good landing page with Wix. You must have a lot of courage.

    Secondly, the gif is brilliant for giving a quick demo of your product.

    I do have have some design negative comments:

    • I would remove the top menu's drop shadow.
    • The four white cards on a greenish background look weird. They don't match the clean design of the page.
    • Last horizontal section ("Transform your users into power users") - not enough contrast. Colours don't go well together. Make it black instead of grey, or make it a slightly transparent black.
    • Replace (C) with ©
    1. 2

      Thanks @PaulBornuat for sharing your feedback. Courage for using wix :)

      • removed drop shadow looks good. thanks

      • what color do you think will make sense for the 4 cards? Using a plain colour did not go well, so tried using a grey gradient

      • For the last horizontal section, we earlier tried having a black colour, but few people said it's does not look great and trying this version. Noted your point.

      • update ©

      1. 1

        Here's a few ideas for the last section, hopefully they give you some inspiration.

        1. 2

          thanks for sharing, this is useful. Thanks Paul for taking time and sharing your feedback. I'm using the first design 🙏 🙏

          1. 1

            And here's a rough example of what I'd do about the cards. I'd get rid of the gradient background, add icons (add visual appeal and meaning) and make it all centre. Make sure you've got consistent font weights and white space. (The icons I've used are just google's material icons).

            1. 1

              this looks very clean. Man, you are just incredible. Thanks for sharing this. I will add these. Somehow the font-weight got messed up. Fixed that now.

  2. 1

    Hey there, first of all good luck with your product!

    Second, here are my two cents:

    1. For me the word "palette" was confusing. From what I later understand about the product I though calling it a "command panel" might be easier to understand.
    2. It might be just me, but I found it hard to understand what it is. Maybe if on the very first screen the command pallete was shown as if it is part of a web app (like the rest of the browser behind it and maybe the image on that browser would rotate as if to show that this can be on any web app) then it would be easier.
    3. I'm sure there are different thoughts on this but on our website (intelogos.com) we opted for cta to have an email entry field right away so that it's super easy to enter and people right away see that we only ask for email. After the email is entered and saved by us, then we show another optional form to gather more info.
    4. I think if this palette would also have a contact feature then it would be something we'd add to our platform. We currently use Help Scout as a chat + article library and if with your tool we can get the DIY help faster and more convenient for the users + give them opportunity to send us written feedback then it would be amazing!

    Hope this is helpful!

    1. 1

      Thanks for sharing your feedback - it was helpful.

      We are figuring out what exactly to call it. Command palette is usually used. The other commonly used options are command bar, action bar.

      You can easily add the "contact" action using the dashboard. You can customise the actions as you'd like it. But, taking your feedback, we will try to include it by default.

      If this makes sense, please do sign-up.

  3. 1

    Hey @abr
    A year ago, I was looking for something like this. But your landing page looks pretty good.

    I would probably go into a bit more detail on how non-devs can use the product within their existing workflows. And also focus on time-saving / ux improvements for their users.

    Good luck!

    1. 1

      Sure @shivk. I will think on how to make it more relevant to non-devs. Are you open to have a chat, would love to learn from your experience of building something similar in the past.