1
11 Comments

Stuck making UI changes, feedback appreciated πŸ™

https://freebies.bypeople.com/

My Product Hunt landing will be https://freebies.bypeople.com/ I'm improving here and there but the deadline is coming. What would you keep, what you won't?

submitted this linkon August 23, 2019
  1. 2

    The inital screen and animation is amazing.

    The freebie list feels a little crowded, but I wouldn't know what to change.

    I would prefer if the search/category menu on the left would stay sticky on the top left of the list. Currently it is in the middle. It just feels buggy and not intentional (what it probably was)

    When you click on a category you jump to the top of the page, which kind of interrupts the flow for me. If you could apply these filters without having the user jump to the top it would be much better in my opinion.

    1. 1

      Hey @scholz many thanks for taking a look πŸ‘Œ

      Yeah, you're right, I'm feeling the same about the "top jump" on the categories.

      I'm still struggling to decide what to do, if you have ever checked a good example I'll appreaciate a lot if you could share πŸ™

      1. 1

        I'm not sure how I would approach it myself. The only quick-and-dirty solution I can think of right now would be to use an anchor tag at the top of the freebie list. So you could link to e.g. https://freebies.bypeople.com/icons#list, which would reload the content and should(?) also jump to the top of the list.

        In your case you could try to use the id of the sidebar #aside-bar, but I don't know if this will really work. I guess it will depend on how the router behaves in the background.

  2. 2

    Looks awesome. How did you do the illustrations?

    A couple of comments :

    • The 2nd section feels a bit overwhelming. Would recommend increasing the whitespace the bit.
    • I would move the navigation panel on the left up. Firstly, it takes more effort to click options at the extreme corner of the screen. Second, I don't have an indicator if these are more entries in the panel.
    1. 1

      Many thanks @girishw! Creating these illustrations was really cool because we had a mixed crew of designers & developers on both the illustration itself and animating it using the SVG's properties.
      Also thanks a lot for the feedback it is very useful to us :)

  3. 2

    Animation on the first screen is very pretty!

    1. 1

      @grinko Glad you liked it 🀭

  4. 2

    Really nice job! Clean and to the point. Only thing I would change is the font-weight in the side bar. It's too heavy and steal attention from the main content a bit. Hope it helps a little.

    1. 1

      Hey @lukaspapay , many thanks for your help! I will definitely test a lighter font version πŸ‘¨β€πŸ”§

  5. 2

    Hello, here's my feedback:

    1. I, personally, find the "red" on the first screen, too "redish" if I can say that. My eyes purely hurt. Do not take this as a general opinion, as my eyes are not the best out there, but putting a more warm color might do it for other people as well.
    2. While the image(s) in the left side of the "Freebies. By people" does look great, it might be too much. Simplyfing it a little can't hurt in any way.
    3. The Sticky menu on the left, could be sticky to top, once the first screen is scrolled.
    4. "Show commercial allowed only" could stay "Commercial Only" as it says the same thing and might look much better in one row.
    5. A little more spacing can be added between the categories on the left sticky menu.

    Aside these points that I think worth an improvement, the message was pretty clear and navigation pretty easy.

    1. 1

      Hey @FrederikB thanks a lot for taking the time on visiting! πŸ™
      That's a good eye-catch, sometimes is difficult to adjust the most accesible background tones because of the different screen resolutions that we still need to test.