My side project is currently #1 on /r/web_design, and I'm about to post it on Product Hunt. I'd love some last minute critiques!
Hi everybody!
I've been working on a little side project for a few weeks, and it's basically ready. I'll start by saying the site is Keyframes.app.
I just posted a preview of it on Reddit today, and it's currently at the #1 spot on /r/web_design with 2800+ upvotes, which is awesome!
I'm planning on posting it on Product Hunt soon, but I wanted some feedback from people who know these projects best - other makers!
It's a suite of tools to generate different CSS properties - animations, box-shadows, colors, and more coming soon. I made it mainly for myself - these are the tools I use most, and I also wanted an excuse to learn some new tools and frameworks.
This is my first Vue project, and it has a ton of features I've never use in a project before: keyboard shortcuts, PWA support, uses device sensors, a lot of local storage, dark mode, etc. I also spent a ton of time on the UI - I wanted it to feel as close to a native app as possible.
Anyway, like I said, I'd love some last minute critiques! Be as harsh as possible. Please! Is this something you'd use? Is it easy to figure out?
It looks like a really cool product, and congrats on getting to the top of reddit! (that'll probably get you more users than Product Hunt).
I will say that it was pretty confusing to figure out what the product actual was with no context. I actually didn't read this post before clicking on the link, so I had no idea what it was, and it took me a while to realize these were tools for me to copy paste CSS from.
The shadow tool was the one where I finally understood what the product was, and it was pretty smooth.
For the color tool, I feel like sliding the different colors is pretty unnatural and the way every other color picker does it where you can actually see the colors and move things around makes more sense. Also it seems you can only get one "auto pallete". Why not keep the button there so I can make many auto-palletes until I find one I really like?
For the animation tool, I naively ended the tutorial without looking at it, and assumed I'd figure it out on my own. I did not figure it out. I spent 5 minutes trying to make an animation and I just could not figure out what to do. Maybe there should be a way to reset the tutorial.
All in all, I think the product itself is great, but these few usability things could be improved. Will be happy to support your launch :)
The only thing I would change is to make your buttons blue like the color in the header as opposed to white which looks like the text in your <p>'s.\
Oh and there's a visual issue with color of the text in this part of the site
See how you can't see the value in the box?
Oh crap, don't know how I overlooked that. Thankfully pretty easy fixes :)
you're welcome mitchs - i love it!