keyboard shortcuts: ← previous shot → next shot L or F like
Show and tell for designers
What are you working on? Dribbble is a community of designers sharing screenshots of their work, process, and projects.
112,493,600,860 pixels dribbbled
Copyright © 2009–2013 Dribbble LLC. All screenshots © their respective owners. Shipped from Salem, Mass. USA.
11 Responses
Nice redesign.
Liked!
about 1 year ago
Pro
Emil Nikov
That would be a nice Amazon! :)
about 1 year ago
Pro
Christian Dalonzo
I really, really like this!
about 1 year ago
Pro
Al Abut
Looks great!
And I like the overall direction to fold stuff under a handful of buttons instead of one massive scrolling page, but a few important details got lost along the way that I think you'd want to be super easy to scan without clicking. Where's the average stars? Number of reviews? Etc. If those things are important enough to be on the google results page for "amazon Sony NFX-5N" before you click through, then it should probably be on the page.
about 1 year ago
@Al Abut
Thought about average stars, and I'm not sure if it really reflect the quality of product, thats why I didn't use it.
But I forgot about number of reviews, thanks!
about 1 year ago
@Yanis Markin The aesthetics look great overall. I disagree about the average stars. That is one of the first things I look at when viewing a product on Amazon and I am sure I am not the only one. Whether or not it reflects the quality of a product it is still very important.
Also, the description of the product seems oddly placed. I am guessing you aligned it with the grid but I think you forgot to consider that the grid is invisible. It seems weird the way it just ends in the middle of the page.
about 1 year ago
we have to wait until 2075 for this?! haha nice work man
about 1 year ago
Pro
Travis Neilson
There are two main portions to a good page/site design: usability and emotion.
So while there are usability problems (which would certainly get flushed out with a bit of user testing, like the average stars question- easy test.) You have really sold the emotion of the experience. This design engenders trust, comfort and other positive feelings that help users ultimately hand over their dollars.
This is a great job, and (I didn't catch if this was for fun or for realsy, but) it will only get better with bit of testing and metrics.
I really liked seeing your grid and i wanted to ask you about how you came to decide on the 26px and 30px spaces between the elements, and how did you decide what size space to use in a given situation (as they are only 4px different?)
about 1 year ago
Pro
Travis Neilson
Also, I disagree with Steve, the description is placed well. If it were to extend the whole width of the page that measure would be too long, lower readability and just look amateurish.
about 1 year ago
@Travis Neilson
Thank you for review!
I made element bit smaller than margin to the other element. I simply drop pieces on the page, and then try to find correct ratio. First — feelings and emotions, second — some math, to make it easier to understand.
about 1 year ago
So, I'm like 6 months late to the party, and I'm admittedly going to be much more critical about this than it deserves since it was a design exercise, but here's my feedback...
First off: visually, the UI design work is pleasing, and the grid system you've created is impressively well thought-out.
The problem here is that you can't judge good web design work based on visuals alone, but also on usability and how well the design would facilitate user and business goals. In that regard, I can't say that this is an improvement of Amazon's current detail pages, in spite of their hideous visual design.
This redesign seems to toss out or bury many immensely useful and valuable features. And cutting out valuable features for the sake of visual cleanliness doesn't improve the overall design, in this case it damages it.
For example, hiding the user reviews (and the aggregate user review stars, which in the minds of users do indeed directly reflect the quality of the product, or at least how much risk they're willing to take on the product) by default and requiring user interaction to even begin scanning them would be disastrous. The user reviews section is one of the most important components of Amazon's detail pages and has a massive influence over the purchasing behavior of Amazon's customers. Burying them would significantly damage both the customer's experience and Amazon's bottom line.
Several other significantly important features are also completely missing: Wishlist (I see "Save," which I'm guessing is a Wishlist button, but the "Save" label is ambiguous. And how do I get to my currently existing Wishlist?)? My account? Help? Browse categories? Shipping information? Prime Messaging?
Furthermore, with all of those features missing or hidden, it's hard for me to understand why so much visual prominence was instead given to the page's breadcrumb.
So, in the end I guess it depends on what we're evaluating here. Again, the visuals are nice and the grid is impressive. But if you judge the strength of this redesign based on how effectively it would solve Amazon's customer and business goals, then I just highly doubt it would perform as well as the current Amazon detail page--again, in spite of Amazon's host of glaring visual design problems.
8 months ago