Interesting UI concept - maybe a bit over-animated.
Agreed. Overall great implementation but maybe a bit too busy at times. For example, when you hover over an article and the line animates into an X.. but the X doesn't close it as you'd expect, what is the point of adding the X?
I'd also probably remove the cover photo zoom-out on page load along with the moving colored dots/lines.
I find the homepage grid to be a bit hard to read - you have to scan all the way over back and forth. I have the same problem on my homepage with the grid and am about to change it up a bit.
Lots of different/inconsistent animations going on, albeit well implemented (codewise). Plus the confusing X when you're hovering - I'm scared to click in case I close something down...
Thanks for the feedback!
I'll see how I can make the animations more subtle and consistent.
About the "X": I removed it because it was indeed too confusing. You shouldn't be scared to click on one of my blog posts. :-)
About the grid: I understand that this kind of layout is not ideal for scanning the content. Have you some solutions for this? Making it all vertical (posts under each other) doesn't seems ideal neither (the mobile version does this).
To me, I see the hierarchy as READ EVERYTHING NOW, so its hard to isolate one thing to read. I would recommend creating a flow between different pieces.
You're right. It's not easy to scan the content. Do you have some solutions to solve this?
I thought to make the blog posts items a little bit larger (to bring them out a little more).
Looks great! The dribble animation is a bit much and takes too long. Your photos just go to your instagram page and not the image itself.
Agree with the other comments about it being a bit over animated. The responsive layout is cool but the spring animation when the blocks move seems to be broken (flickers really fast in safari)
Thanks for mentioning this, it's on my checklist. I'll see how I can solve this.
Aesthetically very pleasing.
The Dribbble animation is nice, but it covers up what I'm probably wanting to look at. I'd at least like to see it as a semi-transparent background (rather than fully opaque).
While I think this is an interesting concept and it looks really good, I think it's lacking some focal points and a guide for the eye. Everything is screaming "Looooook aaaat meeee!", so in the end you don't know where to look at all. And therefore it's also very confusing, especially for someone not as "web-savvy" as we are here.
I think is also somewhat inconsistent. For Twitter you have a heavy blue background (which outshines everything else), whereas for Dribble you just have these small icons. And for articles you have no icon at all, but big text. There is some kind of a system behind it, but like said, pretty confusing. Which goes also for the animations. They look good in isolation, but are very inconsistent, since everything is animated differently.
So, in the end it is a showcase of very good ideas and very modern, but also pretty confusing, there is no guide for the eye.
Thank you for the suggestions! I really appreciate your feedback.
You're right about the focal points. I'll see what I can do to solve this (if it's even possible with such a grid?). If you can suggest possible solutions, they are welcome!
About the inconsistency: I'm aware of it and I'll also try to harmonize them. Thanks again!
You should really sit back and think what the articles are that you want to highlight. Those should be the ones with the "brightest" background. Since I assume that Twitter isn't your main point, there's some kind of misleading here.
I also think you shouldn't use a gradient for every single article. Also use this technique as a focal point. Normally a gradient is something special, but in the fashion you use it, it gets common very fast.
So, in the end, think and what you want to focus and reserve your imagery gimmicks for these parts of the page. Just my opinion.
Skip and run.
I hope you'll stay when I deploy the update! :-)
Going to echo other sentiments expressed here in that I can't focus on anything on the blog and my mind didn't want to take the time to differentiate between what each of the types of content were. When I reduced the size to what you would view on a mobile screen, I found myself then being able to digest what each section was et cetera. It may be that the user is bombarded with too much right away (even though in actuality there really isn't THAT much information it just seems that way with all of the different colors and images and text and animations) and it needs to be toned back a little bit.
I like it! I also like the dribbble animation and it's nice to know what it is when you hover but taking the whole space and covering the image might be too much. I think it will be nice if you keep the same animation but lower the opacity of the pink cover.
Good suggestion, thanks! I'll lower the opacity & make the animation a little bit shorter.
The animation on each page/post header is incredibly cool. I'm sure some would find it distracting, but I dig it.
I like it Benoît. Now let's have some more of your content on it. You're one of my favorite designers on Dribbble.
Thank you Catalin, I'm honoured and glad you like my work! And yes, I have to work on the content (the most important part) of it.