Another piece of the Shopperly puzzle: the product detail page. Colors in the shot are a bit off, so I added some real pixels.
Oh and just so you know, the middle icon in the bottom bar is going to change. Photo credit goes to Ugmonk.
4 months ago
Beatiful design... and beautiful girl :)
I do not know, whenever I try to focus on the details on the right side, something distracted my attention and I actually see the left one.. :)
Nice work @Kim :)
Love the simplicity of the layout and the contrast you have going on.
The 3 number sections strike me as a bit odd. The dollars part is not clear to me, I didn't know this is something I can buy. The blue is also a little off palette.
Agree with @Ketan Anjaria, that the cost should be in a separate area or stand out in some way. But I suppose you would also want a dropdown of size choices, other options, before you actually add the item to your cart - so perhaps there's more to the shopping experience than what we're seeing.
@Ketan Anjaria Thanks for the feedback, really appreciate it. In order to explain this page, let me quickly tell you about the Shopperly structure. So you have 4 categories: http://cl.ickon.it/MXjr. Depending on which category you post in, your avatar / text changes to the color of the chosen category. The goal is that users will be able to recognize the kind of post by the color without thinking. So the blue color just means that it's posted in one of the four categories.
The concept of this page is to have a detailed overview from the product other people added to their Shopperly account. The goal isn't to buy the product, just to inform you how much it costs. This in order for you to help the poster decide what he or she should do with the product: keep/return, buy, .. (depending on the category).
But you're right, the dollar seems kinda out of place next to 'likes / votes', maybe I should replace it by # of comments. And let the price have its own space on the page.
Hope this cleared some things up. If not, let me know, love to hear more. And oh, sorry about the long comment. :)
@Tom Lewek First of all: thanks for the feedback! I should have explained a bit more about the goal of the page. Hope my previous comment clears things up. Let me know what you think!
That clears it up, sounds interesting! One other thing: the leading looks a bit large on that block of text. Love the layout though, nice work, and the category colors are great.
@Tom Lewek Ok, thanks, I'll take a look at it!
SO FREAKING HOT! The design is great as well.
Wonder how long before the Faruk Ateş and Aral Balkan dreamteam come along and tell us all how sexist this is...?
Looks good though! :)
@Kim Wouters what's the difference between likes and votes?
@Adam Blair You can like any post as a sign of appreciation, but you can only vote for a post when it's posted as a decide post to express your opinion.
I'm still a little confused on the flow but hard to tell out of context. Maybe when I see more things will become clearer. Simplicity always wins.
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