Hey developers & designers.
I am seeking feedback for my new SaaS landing page.
Here you go :
I have used NextJS and Tailwind CSS for this.
Personally, I think I'm not satisfied with my work here.
Missing something in it.
Can I get tips to make it more better?
Hey there,
I've developed more than 8 website projects with my clients, mostly focusing on front-end development. Additionally, I have worked as a Growth Intern, so I have some knowledge in this field.
Firstly, I like the layout of your site. The design looks nice. However, I suggest adding some margin to the sides of your navbar.
I enjoyed your message about "Next Level Tweet." I recommend emphasizing this sentence and incorporating it into other sections as well. By doing so, potential customers can easily connect with this message and understand your product better.
You have four different icons after your first call-to-action. I believe you don't need them, so consider removing them.
You have three sections under the "Features Ready to Supercharge Your Tweets" section. I suggest reversing the second section. In other words, place the image on the right side and the text on the left side. This way, when users scroll down, it will capture their attention.
Regarding your pricing model design, aim for consistency. For example, each card should have three bullet points. Having different calls-to-action on each card can confuse users. Stick to one clear call-to-action, such as "Go to Next Level Tweet" or "Buy Now." Lastly, consider simply stating "Free" for your free plan instead of "$0."
Last but not least, the waitlist form at the bottom of the page is not displaying properly. Currently, only the first name input is visible.
I hope these suggestions help you. Good luck!
Glad to learn about these points, and really thankful for your time.
I shall consider each of your points and make changes accordingly.
Thanks ❣
It's my pleasure. If you would want to keep in touch, we can follow each other on Twitter.
There link is: https://twitter.com/sHuseyinKara
The thing that's missing is the "Why"
Why would you use this, what problems it solves, and why would you pay $20/mo+ to solve them with your product.
Otherwise, it's a cool looking page, great work so far!
Looks sexy! There's something up with the fields in the waitlist area
Oh yes, the waitlist form section is troubled, I'm going to repair it soon.
you must fix the form at the end of the page
On a cursory glance, I felt it was great for a start. The footer seems out of place in your design though
Yes, I have some unfinished things in footer. Will make things right there too.
Thanks for suggestion ❣
Hey there, some initial reactions!:
Other than these minor things, the overall message is clear and you should be focusing on getting this landing page out there to as many people as possible! Don't worry about whether your design is shit or not. The signups are more important. Over time you'll spot that you'd need to fix your copywriting or tweak the design a little. It's a process for sure!
I agree with each of your point. I still have to reframe the mockups and add some illustrations.
I am trying to make it reachable and let people know about it.
And I'll keep fixing copy changes too
Thanks for your feedback
Hi there, I'm a design enthusiast and Marketing representative at UIHUT B2B Design Marketing and I checked out your landing page for BetterTweet.io. It's a nice idea to help people write better tweets with AI and other features. Here are some tips to make it better:
• Use a catchy headline that summarizes the value proposition of your product. For example, something like "Write tweets that get more engagement with BetterTweet.io" or "The ultimate tool for tweeting like a pro".
• Add some social proof to show that others trust and use your product. For example, you can display some testimonials from beta users, some logos of reputable customers or partners, or some metrics like the number of users or tweets generated.
• Showcase your features with screenshots or videos demonstrating how your product works and its benefits. For example, you can show how the AI-enhanced tweets look like, how the grammar and language errors are corrected, and how the idea board helps with brainstorming.
• Include a clear call to action that invites visitors to join your waitlist or sign up for a free trial. For example, you can use a button that says "Join the waitlist" or "Get early access" and place it prominently on the page.
• Optimize your page for mobile devices as many people browse the web on their phones. For example, you can use responsive design, reduce the size of images and fonts, and avoid horizontal scrolling.
I hope these tips help you improve your landing page and attract more users. Good luck with your launch!
Thanks for your valuable feedbacl. I shall improve this page accordingly.
Great work with the design. Some pointers from a customer pov:
-would feel more natural to see a lil more animation delay on the section headings.
-"Join the Waitlist and Get 50% OFF on Premium Plans!" typography seems a lil off to the naked eye, maybe the capitalization or the fontsize+bold combo
-dark theme optionality!
Overall, great work! wishing you lots of success and customer traffic!
Thank you for your valuable feedback.
I have used Inter font. I still have to work on typography.
I am doing experiments to add animations, will surely consider you suggestions.
Once I conclude the all the satisfying changes, I shall think about dark mode too
Thankyou again :)
Like the look and feel of your page. Looks clean!
Feedback:
But otherwise great, keep it going!
Thanks for suggestions. I have to rethink for feature images. You're right.
Yes, colors are need to be improved.
Thanks 🙌🏼💯
Hi,
I think your landing page looks clean and professional. I like the color scheme and the typography. The headline and the subheading are clear and catchy. The features and benefits are well explained and illustrated with screenshots. The testimonials and the pricing plans are also convincing and attractive.
Good luck with your SaaS!
Thanks a lot for appreciating ❣
I checked it out. I think it's sleek. Only feedback would be on the footer. I think the double horizontal lines could be in a thinner color, say gray with opacity on 0.7. I'm no designer but I think it would look better that way.
Yes! On point.
Thanks for noticing 💯
Hello, I'm not fan about the Cygre font-family and the images are very low quality.
Maybe you can use the real logos for Android and Chrome (with colors).
Except that I like the design!
Thanks for the feedback, can you please give some font examples that I should use?
I should redesign the images and have too specific about them.
Thank You
Hey @theankitnet, congrats on your landing page!
A few questions pop up in my mind;
Basically we are targeting every twitter influencer and creator that uses twitter as growth platform.
We will be providing values in terms of highly engaging and errorproof tweets with various other features like tweet scheduling and tools for making content for twitter like summarizing blog article to thread and creating tweet cards to share.
We are trying to be valuable by providing Bettertweet as a chrome extension to write better replies to the tweets.
We still have room to improve and it will take time.
We are always ready to face reality and sheer competition but want to stand apart with other ones in terms of user experience and usability.
Thanks for pointing out such vital questions as they're necessary before execution for each idea.
@theankitnet Thanks for the responses. I have a few follow-up questions for you :)
These are the kind of questions I want my startup founder mentees and students to answer in my classes so I thought it'd be also worthwhile for you to spend some time thinking about the responses.
Thanks!
Ilke K
I've been considering if I could be of assistance with this matter. I would be more than happy to create a customized template for your company using Framer. With a budget of around $40-50, you would have a fully tailored solution that aligns perfectly with your product.
Thanks for your valuable feedback, I shall look into these changes for sure.
I shall ask for help once I need it.
Thank You
Hey @theankitnet 👋
Here's some feedback, hope it helps:
Your fonts are showing as a Times New Roman style serif on my Chrome browser (I'm on Mac). It doesn't look right. When I inspect the font, I see 'Cygre' listed, which I know is a sans-serif font along the lines of Poppins. Double check the font files you're using. I don't think they're loading correctly.
You've used 'grammar' (correct) and 'grammer' (incorrect) interchangeably, which is a bit of a "D'oh!" moment, given your product. The app screens just below the hero section show 'Grammer'. You should look to fix that ASAP.
I think the desktop layout is simple and there's nothing wrong with it. All too often, people (usually from a design background) harp on about things needing to look cool, trendy or modern. They covet pushing boundaries, and salivate over websites showcased on Awwwards, when in reality nobody else thinks like that. People want the familiar; they want simple - it converts better because it's easier to use. Be wary of the background of people who tell you to make this more 'visually engaging' or 'exciting'. They're not necessarily your audience.
I'm not sure I'd have the price plan CTAs available when the only real option is to join a waitlist. You can argue over whether or not to show the price plans at this stage at all, but if you decide that's the right move, consider changing the CTAs of the price plans to reflect the fact they have to join the waitlist.
The other point to make about your price plans is the 50% off 'early adopter' offer. Are those prices shown WITH or WITHOUT the 50% discount? That's not clear at all. If it's WITH, then consider putting an early adopter price on there, with the normal price scored out. Don't make people think or work out the cost in their heads.
There's undoubtedly other points to make about the copy, but that should be enough to hopefully get you thinking.
Best of luck with it.
Thanks a lot for your feedback, Fonts are yet to be changed and I knew that something is wrong. I shall correct it.
About the grammar mistake, I have to go through the copy and revise the Illustrations once again, Thanks for pointing out.
I agree with you, design with overemphasized stuff have less usability, So I will try to make it more familiar.
About the pricing issue, we have to brainstorm over that too.
Thanks again for pointing out errors. Highly appreciate that.
Ankit Upadhyay