Log InSign up

One Year Of Design 2017

A showcase of the best designs 2017 ✨

get it
#3 Product of the DayDecember 11, 2017

One Year Of Design is a showcase of kick-ass designs and color palettes collected for Pixels in 2017 🎉

Reviews

 +5 reviews
View all 2 reviews → 
Helpful
  • Da MalibiranWeb Designer
    Pros: 

    Generating Ideas

    Cons: 

    :( UI

    The idea is really great. Lots of design stuff that could help designers grab new ideas for the next projects.

    I think the website will be better if you change the User-Interface to card-based style page like Pinterest or to News feed/Magazine style.

    Da Malibiran has used this product for one day.
    Comments (1)
  • Zachary ReeseSenior Designer, UPenn
    Pros: 

    😟 😟 😟

    Cons: 

    user interface is literally unusable

    I feel like I should be screaming "NO WHAMMIES!" when moving my mouse around on this site.

    Zachary Reese has used this product for one day.
    Comments (1)

Discussion

Hunter
Drikerf
Makers
Drikerf
You need to become a Contributor to join the discussion - Find out how.
Jason Briscoe@jbriscoe · Giving brands the energy to change.
Quite possibly the worst UI to present the sites you've collected.
Upvote (20)·
DrikerfMaker@drikerf · Making Klart.co
@jbriscoe Hey Jason, sorry you don't like it. I thought it was a fun way to present the past year. Https://klart.co/pixels shows the designs in a more traditional way :).
Upvote (3)·
Jason Briscoe@jbriscoe · Giving brands the energy to change.
@drikerf love that it's playful and fun – but it has to function for the user. I gave up after 5 hovers, but your new link is so much easier to digest –  nice one bud!
Upvote (3)·
Ash Pearson@productpearson · Product Manager
Crikey - great idea but the UI is really bad. Irony.
Upvote (6)·
DrikerfMaker@drikerf · Making Klart.co
@theashtube Hey Ashley, happy that you like the idea. Let me know if you have any ideas on how I can improve the UI :)
Upvote ·
Ash Pearson@productpearson · Product Manager
@drikerf Don't make things move around like crazy when mouse hovering. Expand on click or long hover.
Upvote ·
DrikerfMaker@drikerf · Making Klart.co
@theashtube thanks! I like to reveal them without delay but I'll experiment a bit :)
Upvote ·
Nicolas@nicguti · Web Developer @ PlayStation.
Hey Drikerf, I think comments are a bit "harsh". I like the website, it clearly shows that you put some time and effort in making this showcase. As other users pointed out, I don't think that the "hover over to see the content" quite works. Maybe you can try to lazy load the images as we scroll? The first impression opening the website is: Whoops, it doesn't load the images. Also, instead of the expand animation, that causes the re-position of other elements, it would maybe better to show the expanded content as an "overlay" of that box? something like an absolute pos. That would allow you to display the bigger image without moving the other boxes. I don't know, these are just my ideas. Regardless, good job, it takes times and ⚽️ ⚽️ to get your product out there.
Upvote (3)·
DrikerfMaker@drikerf · Making Klart.co
@nicguti Thanks Nicolas :). I tried to use a scale transform before but it would overlay surrounding elements. I think you're right about lazy loading on scroll - will give it a go :)!
Upvote (2)·
DrikerfMaker@drikerf · Making Klart.co
Hey Product Hunters! About a year ago I started a design curation and newsletter called Pixels and earlier this year I extracted colors from all designs to make a collection of data driven color palettes. Now, after over a year of collecting designs I thought it would be cool to visualize everything in some way. So I built One Year Of Design ✨ where I showcase all the beautiful designs and color palettes from the past year. Looking forward to hear your thoughts about it 😊
Upvote (2)·
Peter Böttges@boettges
@drikerf Got to be honest, I prefer your curated and – I assume – hand-picked color palletes on https://klart.co/pixels more. The algorithm extracted ones seem to be too generalizing. Sometimes a important contrasting, but sparingly used color gets overlooked, see the Yume-entry for example.
Upvote (1)·
DrikerfMaker@drikerf · Making Klart.co
@boettges Hey Peter! Colors for this project are fetched from designs on Pixels :). But I understand your point. The algorithm sometimes miss important colors, it's one of the things I'm working on to make better.
Upvote ·
Raitis@makerraitis · Maker at makerraitis.com
@drikerf @boettges While maybe not as appealing initially and more simple this is much more appealing to use!
Upvote ·
Ashish Bogawat@abogawat · UX Designer, gamer, geek...
I appreciate the effort, but the presentation could be so much better - especially when the showcase is about the best designs of the year. Hovering over the boxes is insanely hard because I invariably end up hovering over something I didn't want to and losing the box somewhere in the updated layout. It's like a delicate dance of moving the mouse just right to see if I can catch that thumbnail I want to enlarge!
Upvote (2)·
DrikerfMaker@drikerf · Making Klart.co
@abogawat Hi Ashish, thank you for the feedback. The idea was to make a fun way to discover designs, not really browsing. That's also why I'm using gradients and revealing only after hover :). If you're looking for an easier way to browse them, check out https://klart.co/pixels 👍
Upvote ·