Landing page for bug reporting feedback widget! 🙏

I like your product idea! I decided to give you some technical feedback using my product, ValidBot.com, which is a website validator to help developers make sure their websites follow best practices. A few things stood out to me:

1. Your website is missing the recommended favicon images, which is important for branding.
2. It is also missing a robots.txt file. At the minimum, you should make this file with a simple allow rule so search engines know what to do.
3. It looks like you are loading 8 fonts directly from Google fonts. Its better for performance if you can narrow it down to fewer and its better for privacy (and performance) if you serve the fonts directly from your server instead of loading from Google.
4. You are missing a DMARC record which helps make sure emails you send are ending up in your customer's inbox instead of spam folder.

Here is the full report: https://www.validbot.com/report/1392920d59efe862a23163ffa4e162b70

Happy to walk you through it if you want any more pointers. And please feel free to re-run the audit when you have fixed a few things to see more recommendations. If you do happen to use ValidBot, please send me some feedback as I am still trying to perfect it.

Thanks and Good Luck!

I would sign up if you make the same thing but for an app (: Is that on the roadmap?

Hi, do you support React Native?

I'd suggest to use your own product, for example, I was looking for a way to try your widget on your landing page but there does not seem to be a way to do so.

Other than that, I get what the product is all about, still, I have used similar tools in the past.

Good luck!

that's one nice landing page. What did you use to build it?

Looks nice.

What is that 'Your site' text at multiple places?

• Looks great.
• Yes i am able to understand what it does.
• Not yet not enough value proposition for me.
• bug reports

Clean, but too much animations

first congrats! I would definitely sign up. But the same thing could be achieved using the feedback button I think many have on their sites.

I love gradient used in the background! :)
I quick thought - I'm not sure if that "bug" is intentional 😉 but I have a scrollbar in the button located in the hero section... I'm using Brave/Chrome on OSX

Signed up 🙏

Like the concept a lot!
Thoughts:

• Landing page looks great, very clean design
• Pretty clear messaging, though more info / demo content might be nice. (You could have the widget on the landing page!)
• Might be nice to include the GIF on landing page
• I would (did!) sign up - think it'd be useful to use on test versions of my product / site!
• Collecting user feedback is more important to me, personally!

Yeah, the website explained the product quickly. Loves the colourful header, make it "happier" to submit bugs.

In the example website screenshot that you want to demo the bug widget, instead of placeholder images, try use a real website image.

The "Take a screenshot" button is not aligned vertically. Is that intentional?

bugbash.org doesn't redirect to www.bugbash.org (403). Cool idea though. Would it be a widget to integrate only a specific pages on a app, for new new features?
Does it listen for unhandled exceptions?
In terms of design, it's not quite there yet but there's a decent enough foundations.
Things I would change:

• There isn't enough contrast between on the hero section between the title and subtitle and the background. You should make the background image darker.

• For the email address input field, instead of a grey border, use a black transparent one. The grey is jarring against the purple background. I would recommend replacing with a border: none and a shadow (box-shadow: 0 0 0 2px hsl(0, 0%, 100%, 30%) for instance) instead. You'll get a nice greyish purple which will fit in better.

• Same contrast issue for the menu items on the top right.

• The widget has a fair few issues. You need to sort out your alignment. All the padding values are inconsistent. The border-radius of the textarea is way to big for how little padding you're using inside of it. The "Take a screenshot" text isn't aligned horizontally. You should get rid of the shadows or make them far softer, they look dated. The character "X" is not an acceptable "Close" icon. Go to fonts.google.com/icons and get yourself a real icon.

• Your fake website in the background needs work too. Alignment issues (Your Site and the img on the left), and it looks wrong. Either make it more abstract / more skeleton or wireframe like or make it more real.

• You have inconsistent font weights / line heights for text. Pick one and stick with it. (the paragraph below "Data rich bug reports..." and the list below "Integrations to track...")

• There's a gear icon next to slack which is barely visible.

• "Let's Chat" - the text is not aligned to the centre.

• "Ready to get started? Choose a plan fits to your needs." Make the title bigger.

• Cards: contrast issues. Black text hard to read, white button's outline is difficult to see with the gradient type background. The two cards have different shadows.

• Final hero: put it in the centre. And put more padding below.

The mobile version feels better put together overall, except for a few things.

• Too much padding at the top between the menu and the h1.

• Get early access needs to be centred.

• The widget is too small in the first screenshot.

• Final note, more debatable. Seeing how you've got quite a narrow wrapper around the whole page's content, you could add it to the menu at the top as well so it doesn't take up the whole screen's width.

At first glance, it doesn't look too bad, but if I focus, there's loads of small spacing issues which really hurt the seriousness of the design. I don't know how you've used webflow, but it should make this kind of stuff pretty easy for you.

• Your .org TLD suggests that you’re a nonprofit. Although your base plan is free, presumably the Growth plan will be paid and therefore you’re a for-profit business. I’d suggest picking almost any other TLD. Unfortunately, bugbash.___ is already taken for .com, .dev, and .app, but you could have .online or .biz, or you could change the name of your domain. (bugbash.io is available but extremely expensive, ~$700).
• For the free plan, is the “up to 500 submission” on a per-month basis? If so, I’d be explicit about that.
• The questions I always have about these widget integrations, and I never see the answer in the landing pages, is (a) how do I integrate it?, what information do I need to supply?, and is it easier for me to integrate it than to do it myself? In particular, when the widget takes some feedback, how can I associate it with a particular user or session, or even can I? (The demo shows what the user sees, but not what the developer sees.)
• In the GIF of the demo, is the “Having issues?” bubble always visible? Or is it prompted by an exception.

Nice landing page, feels clean and the messaging is clear.

I would suggest swapping out the "your site" graphics with something that looks closer to a real website/app so people can see it in a real context, and an animated video/gif could take it even further.

Also having the widget set up as a demo on the landing page would be super cool!

Hey! Actually, I'm building a product regarding landing page creation. Yours looks sick tho! Would you be interested in taking part of the beta?
This is our discord: https://discord.gg/8zasgq3sp5