OMG MY FIRST TILTED SCREEN DRIBBBLE SHOT! No, but really...
We're making progress on the Prevent product revamp. I'm getting great input from @Jared Erondu & wonderful illustrations from @Michelle Vandy.
3 months ago
Looks awesome man. Are those forms at the bottom of each card? Hard to tell at such a perfectly tilted angle.
Also, whats the timeline at the top?
NO FOR REAL PIXELS?!?
No one ever wants less tilt on dribbble.
@Ryan Scherf real pixels attached. ;)
this looks awesome!
Looks good dude. If you give the text on the buttons and in the sidebar some wider kerning it'll appear more refined (just my 2 cents).
Contrast and colors are perfect!
Admittedly, I don't know much about the product, but it's hard to understand what the dots are doing. My assumption is that they are the number of sessions per Phase, but they feel disconnected from the tabs for switching between phases.
Other than that, design is beautiful
Yeah there is a lot more to the dots than meets the eye. It always lives in the header no matter where you are in the product. I hope to dribbble more shots of that area soon.
nice! my only feedback is i'd put the time involved up with the lesson number, replacing the print icon, and would move the print icon inside the content area, leaving the whole bottom for the "start" button. maybe use the extra space at the bottom double as a "% completed" if that sort of thing exists. just my $0.02 :) disclaimer: i don't know anything about this product, so feel free to ignore everything i have to say!
Yo great stuff! Here are few bullet points worth talking about:
- Layout is interesting, how will this look like on a larger display? Or are you guys fixing the width.
-Navigation is great, home button's alignment at the very top is not doing it for me. I know you centered it, but now the misalignment with the other icons are throwing me off. It might be just me, don't listen to me.
- Illustrations are fabulous.
- Colors are working great throughout the application, but as mentioned, I'm lost with the color coding of the progress bar dots. Here are my guesses, green completed, orange in progress, blue ready to start (?)...
- I'm not sold on the bullet points in the lesson cards. Center alignment is making it hard for me to scan through items. I'm sure you had this conversation, but have you tried checkmarks for each item?
- I'm guilty as charged on this one, but the small copy seems to have low contrast against the background. High blood sugar = eye problems unfortunately :(
Overall I love where you guys are taking Prevent app. It looks fun, inviting and digestible. Well done y'all!
@Jeffrey Kalmikoff & @Kerem Suer very valid feedback, definitely going to make some tweaks and changes based off of this. Thanks!
Kerem, you guessed it right on the dots. ;)
Great work, easily to read........lot of white space. I am huge lover of clean and minimalistic design. Why did you place the progress bar way up in there.
- User can only print lessons, can't they download it to their desktop. Are you supporting any other format to view the content.
- I think progress bar need to be prominent. If that is guiding as the tasks completed by the user.
I really like your work.........
I learnt so much just reading through the comments here. Yes the Prevent Program design factory is going strong :)
Its really yummy and I would consider feedback from @Kerem Suer
Did you make the icons yourself? :)
Nice illustrations and colors, man! Great work!
The UI is very very clean, anyway like some others I don't really understand the purpose of the doted timeline at the top. You may add some additional informations about how it interact with the content. Love your color scheme and the way you add spaces everywhere so it becomes easy-to-read and intuitive. @Michelle Vandy's shots fits really well in this. ;)
Keep it up!
Shit's lookin' tight. Nice work.
Whoa, thanks @Geoff Teehan.
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