Product Detail view for the recent Sevenly redesign. This page is still a work-in-progress.
8 months ago
Very nice work, I'll maybe add some icon of cart on that button, but that depends on way you designed whole page :)
Nice and clean! Price in that teal would be nice so it doesn't get lost, just a thought.
Nice, I'd consider setting defaults for the drop downs though. You can certainly set the Qty to 1 by default. It's also worth considering setting the size to the most common sold by default.Users can always change it in the basket afterwords if they don't notice on this page. I did this on a retail site recently and It worked well in user testing. The site hasn't shipped yet so don't know how well it's going to perform commercially but certainly something worth considering.
Everything is great except for the dude in the photo. For some reason, he doesn't fit the design at all haha.
@Charlie & Christine Issland Thanks for the feedback, just discussed this with @Skylar Hartman who had a great solution: http://shn.mn/OMOF/o
@Charlie Waite If you check the current site the price really lacks prominence and this is the updated (current) that we are offering. Thanks!
@Jack Holmes We actually have the quantity set on the live site, forgot to do that in this comp. Thanks for the feedback!
@Shaun You make beautiful things. Even in progress.
@Shaun Moynihan, man that is clean. You make it look easy.
@Shaun Moynihan very nice :) would suggest to center that type with whole button shape, not just that without cart part :)
Super clean man. I dig the new cart button you added. I wonder about the placement of the 'continue shopping' link. Without seeing the rest of the composition it feels like you could pull it out of that right column to give it more prominence and at the same time give the item details more prominence. Maybe like this? http://cl.ly/image/0y213S2y1y3b
Great discussion here. I like the simple and clear structure. What I want to comment is the back arrow on the continue shopping.
This make sense when you try to buy something but somehow you cancle it & decide to continue browsing. But what if I decide to buy it (add the item to the chart) and then continue browsing (shopping)? In this state I think change the arrow to forward (stright arrow) is more make sense to me. Because when I see the back arrow there awlays a worry feeling what I've added will not be there in the chart after I click the back arrow and continue shopping..
Really liking this, as @Charlie Waite said above, I think the price gets a little lost, the subtle tabs for the info on the product is great too.
@Bady @Shaun Moynihan
Think it's quite simply a matter of messaging, I think 'Continue Shopping' in this instance should be replaced with something directing users to 'Return to Category'. After they've clicked 'Add to Cart' there can be some kind of dialogue to continue shopping as Bady suggested above.
Little things, little things, lovely work Shaun.
Loving the cleanliness of it. Whats this font dude? http://cl.ly/OOEf
about 1 month ago
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.
Copyright © 2009–2013 Dribbble LLC. All screenshots © their respective owners. Shipped from Salem, Mass. USA.
Follow Dribbble on Twitter