Send me your landing page, and I will make it cooler 😎
Bonjour Indie Hackers,
I have been working on a chrome extension EazyCSS(No code Visual CSS editor for any website) and, I am testing new design ideas, fixing some design issues on random sites. Instead, I would like to help my fellow indie hackers to make their landing page look amazing.😎
Leave your landing page in the comments. If I feel any design changes are required, I will make it cooler and reply to your comment with a Loom video of what I changed and the CSS code for it.
Here is a sample Loom video, trying out my design ideas on Producthunt
Note:
If you do not like my design changes, feel free to reject it. I would not take it personally.😂
*cool and amazing are highly subjective😅😂
Current stats:-
Loom videos made - 13
Trending on Indie Hackers
The exact prompt that creates a clear, convincing sales deck
Post-launch lesson: traffic came, activation didn’t
I Stopped Browsing Reddit Randomly. Here's the Keyword Monitoring System That Actually Gets Me Customers.
For indie hackers: Outsource marketing or do it yourself?
That's a great tool.
It would be great to get a review on https://thelist.space
Hey prsahu,
Great product, how can I sign up for your product.
Here are my design changes
I've applied a few changes to your header to look more than a default semantic UI style
Added a little bit of contrast to your headings. I highly recommend you watch this talk by Garry Tan particularly this part and I suggest you slightly modify your product message.
I've experimented with new button style but again it is highly subjective, hope you like that 😀
Loom video
https://www.loom.com/share/58d8be2f4ec44901b48b0960e857e11a
CSS code
https://gist.github.com/vignestion/67f80000fa3a6555f4851ae9654de863
Hope my design changes and suggestions improve your product 👍 and If it was useful please give a thumbs up to this thread.
Hey @vignestio
Thanks for putting the effort to review the site, suggest the changes and provide the code! That's really amazing.
I have incorporated few of the changes and they are live you can have a look and let me know if I got them correct.
Cheers!
Glad you liked my design changes, yes it looks great 😀
Oh wow! That's an amazing tool. I can see it being used by a lot of agencies to get real time feedback from clients while sitting in front of them.
Thanks,
Yes, and the use case is really boarded from boosting developer productivity to get feedback from product managers in realtime.
Love it.
One of my favorite activities on IH is brainstorming how to "repurpose" or "rebrand" the ideas I see here. For example:
Sell to freelancers who want to quickly provide unsolicited mockups to companies and try to gain B2B business.
Market to freelancers who want to win more Upwork jobs by providing quick Loom's (like you are doing) to set themselves apart from the competition.
Sell to professors teaching CSS to students so they can visualize conceptual concepts real time on various websites.
Sell the entire product to an online coding academy so they can give the product away to students as part of their value proposition.
Some could be good ideas, others bad...I just enjoy being creative with alternative applications.
Wow!
Will definitely scale my product on your approach
Thanks a lot
Hi! I'd love your feedback o my page: diaperduty.io/
Hey @Sadeishere,
I'm not the OP, but I still wanted to provide feedback.
I produced a detailed feedback (incl. video and breakdown) for your website. You can see it here:
https://firstimpressions.link/result/diaperduty-io
I hope this helps. Please take a minute or two to answer the survey on the bottom 🙏
Sascha, this was SO helpful!! Thank you. I filled out the survey and I'm going to take your feedback. I'll PM with any questions!
Hey Sadeishere,
First, Love your mobile app UI 👍
My design suggestions for the site (Modified in the video)
Looks like Hero section content is not centered
Form input is completely stretched out to the screen which looks off the flow (I've also attached mobile responsive code in the snippet)
I understand you have explain the app in detail, but too much description text makes me hard to read and I suggest you check this extension for color contrast (example in the video) because some text color is hard to read.
Loom video
https://www.loom.com/share/47dd04a5e41f4ffeb1e0dd005dab6882
CSS code
https://gist.github.com/vignestion/65a3e35970f88d6e53fc2265a67f9546
Hope my design changes and suggestions improve your product 👍 and If it was useful please give a thumbs up to this thread.
wow thank you so so much Vignesh! This was way more than I expected!! Going to review your feedback after work.
I hope you like my design changes 👍
This is a super cool product! Would it work with Ghost or Wordpress?
My newsletter is run with Substack, and I have no control over CSS--one of a few reasons I need to switch soon.
Thanks, and I look forward to using this soon!
Hey Jordan,
Yes it will work with any website and here is a little demo with Ghost and WordPress
https://www.loom.com/share/f8f532443a04414fa90f5d636c4148c2
Glad you liked it 👍
Very cool! I noticed it's editing individual items. Can it do universal changes to all H1 headings, font, images, etc? Also, would love to have CSS control over headers, footers, and subscriber content. Does your plug in affect those?
Thanks for your time.
As of right now, You cannot change styles for all elements but in the future, you can select the items like all h1 and change styles (WIP).
No problem I would love to help 👍
Nice! I am definitely following this app.
This is awesome!
Definitely need some work on https://jempost.com
Hey Bree,
I love all the icons in the feature section it very unique and the overall design is pretty neat but I experimented with some design changes.
If you have logo place it in the left top corner of the hero section because without logo it seems kinda odd so I slightly adjusted the hero content down towards the center
I changed the "Get Early Access" button style to look more than the default bootstrap style.
In the features section, I slightly added margin-bottom because it feels like it is squished with the following section
Loom
https://www.loom.com/share/e81a37b54c9c41c681adb7fbdef2f247
CSS code
https://gist.github.com/vignestion/4961ec0b323f0fffb61c69b47c7b8994
and I saw jempost on other post, congrats on reaching 96 users on your waitlist 🎉
Hope my design changes and suggestions improve your product 👍 and If it was useful please give a thumbs up to this thread.
Wow this was awesome what tool was this?? Thank you so much! I received (now) 104 users for jemsplash.com
Jempost.com (this one) is a microstartup :) we have about 40 users on the waitlist.
Oh sorry kinda confused with jems* but 40 users is a really great number 😊
As I mentioned in the post I made this extension called EazyCSS Simple Visual CSS editor for any website
Glad you liked my design changes and extension 👍
Hey Vignesh , here is mine ! You said Bonjour I hope ur speaking french and that you will discover my website ;)
https://www.misapret.com
Hey M4r7in,
I currently live in France (learning french) but I can understand your service and I believe you are solving some crucial problems for the french market.
My design changes
In the footer section, there are some unusual(feels unusual) margin-bottom values between the newsletter and the contact link.
On of your slider is not working please fix that. (see the video)
In "how it works" section description text color is slightly unreadable so I've experimented with new colors.
Loom video
https://www.loom.com/share/6fd38df656cb475986296ac66d6def36
CSS code gist
https://gist.github.com/vignestion/806b4dcb4f3d9d32334f03c02e3a903a
Thanks Vignesh, great job ! Yes you were right about the Slider, its actually empty on that landing , we got more slides on the dev version of the website. Thanks again you are amazing !
You're welcome. Glad I can help 😀
Love this :)
https://mogulnetworking.com
Hey Chris,
Love the hero section first appearance and when I scroll all the SVG transitions are so smooth 👍
My design suggestions
I checked the contrast test(Content Accessibility test) with this extension for "7 days free trial" text seems like the text color might be hard read so I changed the color for the text
Return to top button in the pricing page hard to reach when chat widget icon loaded(lot of sites have this problem), I slightly changed the CSS values.
I suggest you stick with one or two colors because when I hover your main CTA ie "Get started - it's free" the color is yellow and when I hover another CTA in the bottom section the hover color is light violet.
Loom video URL
https://www.loom.com/share/cdb38ef59ce54513952dcdf43f6f755e
CSS code
https://gist.github.com/vignestion/87a73fd4bf6b033eac1af92aa69f0602
Hope my design changes and suggestions improve your product 👍 and If it was useful please give a thumbs up to this thread.
Brilliant, will be implementing these changes shortly ✌️ thanks so much @vignesh_warar
Glad you liked it 😀
This is amazing!
Would love to get some feedback: https://weeklystocktip.com
Hey Mark Lyck,
Your UI is great and I like the box shadows you have used in your buttons and your transitions in all your elements are really smooth.
My design suggestions
In the email box section as a normal user, it feels like something is distracting (Robot image) so, I decreased the width*height and slightly smoothened the box-shadow for the email box.
(Again this design change is highly subjective. Maybe do some user testing)
Loom video
https://www.loom.com/share/f901def2d2cd40eaa8dbf2d6df836507
My CSS changes
https://gist.github.com/vignestion/79138cdf786aa97dfb0a92c598a66af0
Hope my suggestion helps 👍
Awesome, I actually like that a lot!
Glad you liked my design changes 😀
Would love some feedback - trimwire.com
Hey David Shi,
Your UI looks really good but I suggest you this one little change
In-home and product page the hero section looks like content has too much padding-top and not centered.
Loom video
https://www.loom.com/share/36919b7e7d5f4c9f9135111d3023bc44
Hope my suggestion helps 👍
Let me know. Always hungry to improve.
https://storycreatorapp.com
Hey Michael Aubry,
Wow, your site is well made just 10/10. Honestly, I felt like there is no room for improvement
but I made a very little change to your email input box, it looks like few pixels of padding is missing.
Loom video
https://www.loom.com/share/8a7671809bf44102b30415d66de60b7f
CSS code
https://gist.github.com/vignestion/ef4629e64e9fa8c6ed82f35e7527b364
Love the UI. Hope my tiny design change helps 👍
Delighted to have you try https://www.uclusion.com
Hey David Israel,
Here are my design changes and feedback
My first impression on the site
It would be great if you played the youtube video inside your site like modal (If visitor left your site youtube recommendation will definitely attract them 😂).
My suggestion make "Story and requirements management doesn't have to be painful." bigger because that is your product message.
Regarding your sign up form, feel like it is misaligned so I changed it in the video and some of your screenshots are also misaligned as well.
My first impression on the video
Loom video
https://www.loom.com/share/1f0cda5652e442ba9076f29676f482aa
CSS code gist
https://gist.github.com/vignestion/a30ff28c6b7fe6fce86c634c1e53f573
I've also attached little js code just copy-paste that code in the console for your site to instantly preview my styles
Hope my design changes and suggestions improve your product 👍 and If it was useful please give a thumbs up to this thread.
I'll give it a shot!
https://realoop.com
Hey PrimePatel,
Here are my design changes and feedback
Your site is pretty clean, though I made a little change in footer area because feel like it is not centered
And your color scheme is good but I've tried different colors I hope you don't mind that.
https://www.loom.com/share/715cd89b78cf4de1942667ed1a6af139
and I noticed that none of your images are not loading please check that.
Hope my suggestions help 👍
Hello vinesh please Review this one! www.enbogota.com.co
Hi @vignesh_warar!
I just published my landing page 5min ago and I'd love to hear your feedback :)
https://prettylead.co
Hey @vignesh_warar
Is Notion page also under your radar? Keen to hear your feedback :)
Hey felix,
Yes, it will work.
Loom video demo:
https://www.loom.com/share/d24fde76f63149e8b13f2d5ca248831d
But I have a question, can we add custom CSS properties to our notion page? (It would be so cool 😲)
👍
Oh woah :o @vignesh_warar this is powerful!!!!
Are you on Twitter? - would love to exchange opinions on Nocode
Yes I've sent you a message
Hey @vignesh_warar, do the CSS changes and resulting code affect universal themes? For instance, if I were to adjust margins (padding) on one blog post and then add the CSS to my theme, would it affect all blog posts or just that one?
Really appreciate your tool! Will there be additions soon for Fonts (weight, leading, size, etc.)?
Thanks,
Jordan
Thanks for your feedback
"Do the CSS changes and resulting code affect universal themes? For instance, if I were to adjust margins (padding) on one blog post and then add the CSS to my theme, would it affect all blog posts or just that one?"
Yes if you made any changes for one blog post and then applied the CSS code to your WordPress it will affect all blog posts style
"Will there be additions soon for Fonts (weight, leading, size, etc.)?"
Yes I will add those features in upcoming versions, thanks to this community I got loads of feedback and feature request
and sorry I am not able to cover your website(Trying to reply all comments one or two/day) 🙂
Awesome, thanks for getting back! I think I will purchase a license once I see some added features--really excited about that plug in!
Impressive help you offer for the community here. Thank you for that. If you have some feedback for me, I'd love to hear it: https://www.kubestack.com/
Would love a review on https://midnight.pub
Hey @vignestion Sounds amazing. We just relaunched our landing page. What can you do with it? https://aptly.app
https://knowethereum.com/
Some feedback would be great. Im an engineer, not a designer :)
https://www.t4sk.dev/ (Mechanical Turk for your own private tasks)
That's amazing. Can you check out gofloaters.com
TIA
Great idea @vignesh_warar. Would love for you to take a look at Startup Sanctuary and let me know what you think.
Thanks for the offer and very kind. I'd love to get your take on www.tonichealth.co and see how you could improve the design?
This is really cool. I'd be super interested in feedback for https://flowist.io
https://www.valist.dev
Hey Adam,
First, kudos to your idea and particularly new preview URL will be generated for every pull request 😲 🤯
Here are my design changes
Looks like "Subscribe to newsletter" button is off aligned with previous input elements
I changed the "Get Started for free" button style to look more than the default bootstrap style.
In your pricing page, all plans look the same but I suggest you highlight the plan you want your customers to buy the most there is a great article here I highlighted the Regular pricing box (See the video)
Loom video
https://www.loom.com/share/16398d7e43e74b0f8d2c1e64c1b0ffe0
CSS code gist
https://gist.github.com/vignestion/201e67ddcdcc5423f77b980cd693388a
Hope my design changes and suggestions improve your product 👍 and If it was useful please give a thumbs up to this thread.
Would love to hear your thoughts -> https://worrykit.com/
I forgot to mention: Here's my personal website: https://www.jhopkinswriting.com/
Thanks for offering!
Solzorro.com
Hello @vignesh_warar 👋
Would love some feedback for taskbite.io
Please try this one: https://topicplay.com
Tried to keep mine straightforward and would love some feedback! https://www.catlinker.com/
Either way, thanks for proposing this! :)
Go ahead! :D
https://www.letsliveeasy.com/
Would love some feedback
https://www.enwake.com/
Hey Jorge Da Silva,
Your simple image slider demo about your app is really amazing and I've also I signed up for early access.
Here are my design changes
I just resized your logo a little bit because looks like your product message font size and logo dimension are the same, as a first-time visitor I don't know what read.
In the footer section suddenly the flow of website theme changes to violet and looks odd so I changed according to your website theme
Hope my design changes and suggestions improve your product 👍
Loom video
https://www.loom.com/share/202382f0a20f424498e0e0fedaa31c6a
CSS code gist
https://gist.github.com/vignestion/7195a6a105b7ad24550ec4583c461dc2
Please review https://blanq.io
I would love some feedback (https://sideprojectads.com/)..!
Hey CasperKp,
Your site looks great and your product message is very clear, from my point of view there are no design changes required, but I've experimented with different box-shadow values.
https://www.loom.com/share/a60a67594c9847538836cb6eda171eee
and I am pretty sure one day I will use your service.
👍
Thank you for the feedback and suggestion to the box-shadow values :-)
https://mljar.com
nice! http://www.remotime.net
Interesting. Lets see on this https://siteoly.com
Very nice! Here's mine: https://themouseless.dev
I am doing a lot of experiments with the homepage of Designtack.
Would love you feedback :)
Always looking to improve. Let me know what you think!
https://xobalabs.com
Hey Shawn Razek,
Your site is sleek and I really love all the SVG you have used in the hero section it gives a modern feel and I don't have any design changes 🤷
This comment was deleted 5 years ago.