UX/UI review of your product?

Sort of unrelated but your landing page’s CTA buttons are stuck together/different sizes on mobile. Just though you should know :)

Sure, just let me know once it's released and I will have a look.

Nice and clean website, not much to comment on. Really like how you use preload outlines, that's a very nice touch.

• Have you thought about some default image/icon for the companies without a logo? At the moment it feels a little bit incomplete like it failed to load.

• The individual card's background colour change on hover is very subtle, almost uncatchable, probably will increase the contrast.

• Minor thing, but the bottom subscribe form feels a little bit odd where it is now. Maybe because it is aligned to the centre.

Otherwise, good job it looks good!

Hey Jim,
I could not pass the sign-up stage, it was complaining about the username, although I've tried different variations. Nevertheless, here are some of my comments based on that screen.

• On my phone, the input text is white on the white background, 0% readability. I am sure its just a bug and not the design decision.

• On the sign-up, provide the validation feedback directly above each individual input fields and not below. Much better UX

-It feels a little bit odd that this login/sign-up box is aligned to the top and not centre. Is there a reason for it?

Sorry, that could not test the full version of the app.

Hey!
It's not easy to give any feedback without understanding whats the app is about. Nevertheless, here are some of the points based on the universal language of design :)

• I like how you have integrated the user guidance for some of the screens. Good UX!

• Add a bottom padding to the bottom nav-bar, these days many new smartphones have the upward swipe as a way to get to the home screen so need to accommodate for that.

-Increase the size of the heart icon, at the moment, is hardly tappable.

• Not sure what the red box means but I didn't expect it to take me outside of the app. If it's an ad, maybe you can use other signifiers e.g. label, to distinguish it from the rest.

Overall, the app feels and looks good. Good job!

Hey, the apple link is not working ;(

Hey Pritisha!

Your idea is admirable, love it!

Here some quick action points:

• There is definitely a room for improvement for the visual hierarchy of the elements within the individual card, as well as the use of the image. I would recommend having a look at other sites and see how they design similar UI elements. For example, check out (https://dribbble.com/shots/6911048-Dashboard-UI-Concept) for font hierarchy and use of the image.

• Make the whole card clickable, right now you can only see the individual interview by clicking on the text or the image.

• I would make the active state of the navbar less contrasting. At the moment, it unnecessarily grabs too much of the user's attention. Instead, direct user's eye to something more important.

I think that would be a good starting point. Don't hesitate to get back to me for further, more detailed feedback. Thanks!

Hey onar,
Overall the homepage is good.

• Remove the "focus" blue outline once clicked on the FAQ question

• Center alignment of text in FAQ makes text hard to read. As a rule of thumb, try to avoid centre alignment of the large blocks of text.

• I would either remove or rethink the underline you have used to outline some words in your headlines. It creates an impression of the link which makes me want to click on it and then leaves frustrated once I realise that it is not clickable. If you do want to keep it, try to maybe increase the height of it to make it look more like a highlighter line rather than an underline.

• I would also possibly choose another typeface. Rounded sans-serifs have a playful look to them, which I don't necessarily associate with anti-spam software.

Hope that helps!

Hey Michael!

Nice product, I definitely would be your target user!

• Have you thought about having a sidebar instead of the navbar at the top? I think at the moment it's very crammed.

• Try to be consistent with border-radius. I have noticed that for example colour palettes and gradients individual cards have different border-radius.

• I would get rid of the explanation section at the top of each section, or at least think about how you can make it smaller. As a user, I would rather see straight away the pallets, gradients... without the need to scroll.

• Your email input field and button can be bigger, both in terms of width and height.

• I think you can be also more consistent with the way that a user can copy to clipboard. For example, I can copy an individual colour by clicking on it but can't do the same with the gradient for some reason.

Otherwise, I think its already nice and usable product. Would be happy to provide more detailed feedback if you want me to. Thanks!

• There is definitely some excessing spacing issue on your homepage, try to reduce the padding/margin between different sections. It also seems that images/icons bring very little value to the user, so maybe think about removing them and restructuring your site or thinking of better imagery to support the text.

• I would also look into the choice of colour and especially when it comes to readability. For example, I don't think black on red is something that is necessarily very easy to read + not sure if it's pleasing for the eye.

• I don't know if it's only on your screenshot, but it looks like your sidebar only extends to the height of the viewport. If it's not fixed on scroll, I would definitely make it stick on the side.

• I would remove that chess pattern of blocks in the "Next Steps", it's very odd for the eye to follow that pattern. I would probably stick to the conventional list structure here, possibly more clearly outlining the continuity of each step.

Hope that this helps a little bit!

Hey jamiuoloyede!

Great idea and it look and works good!
Do you think there is a need for a separate home page? I feel like your product is quite simple and straightforward for the user just to land straight to the editor screen, you could just add a simple explanation of the product at the top.
Have a look at https://www.blobmaker.app/ for the inspiration. The user lands straight away to the actionable screen and it's pretty simple and obvious for the user. I would also think about how you can do that.
Would be happy to provide further suggestions if you want me to.

P.S. might actually use your product for some of my design needs

Hey James, sure can send me the link.
Great landing page! I would just think about how I can communicate better the purpose of your product in the hero section of your site. I would definitely replace the brand name and illustrations with a good headline and possibly a screenshot of your product. I think you do a great job at this in the following sections.

Hey, had a look at your product. First of all, great job at putting it all together it, I think its already in good shape. Here are some of the things that immediately caught my eye:

-There is nothing wrong with getting inspiration from other designs, but I will be very careful if your inspiration comes from very popular products. I was immediately put off by the fact how much it resembles Notion's website.

-I tried to build a simple page but it was not immediately obvious how to do it. Have you conducted any user testing? I wonder if that's a common issue.

-I like that you provide the demo examples. Would it make sense to then for the user to edit them for their own needs?

-I would definitely add an ability to close the modal by clicking outside its area, not only the close symbol in the upper right corner of the screen.

-With the dark mode, I would increase the contrast between the background and individual cards.

Hope this helps as a starting point. Would be happy to provide a more detailed and thorough analysis if you want.