#3 Product of the DayDecember 11, 2017
Featured Embed
One Year Of Design is a showcase of kick-ass designs and color palettes collected for Pixels in 2017 🎉
Reviews
- Zachary ReeseSenior Designer, UPennPros: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. - Da MalibiranWeb DesignerPros:Cons:
Generating Ideas
:( 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.
Discussion
You need to become a Contributor to join the discussion.
Jason Briscoe@jbriscoe · Giving brands the energy to change.
Quite possibly the worst UI to present the sites you've collected.
Upvote (20)Share·
DrikerfMaker@drikerf · Making Klart.io
@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)Share·
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)Share·
Product Pearson@productpearson · Product Manager @ Property4Media
Crikey - great idea but the UI is really bad. Irony.
Upvote (6)Share·
DrikerfMaker@drikerf · Making Klart.io
@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 Share·
Product Pearson@productpearson · Product Manager @ Property4Media
@drikerf Don't make things move around like crazy when mouse hovering. Expand on click or long hover.
Upvote Share·
DrikerfMaker@drikerf · Making Klart.io
@theashtube thanks! I like to reveal them without delay but I'll experiment a bit :)
Upvote Share·
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)Share·
DrikerfMaker@drikerf · Making Klart.io
@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)Share·
DrikerfMaker@drikerf · Making Klart.io
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)Share·
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)Share·
DrikerfMaker@drikerf · Making Klart.io
@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 Share·
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 Share·
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)Share·
DrikerfMaker@drikerf · Making Klart.io
@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 Share·