keyboard shortcuts: ← previous shot → next shot L or F like
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.
113,838,017,781 pixels dribbbled
Copyright © 2009–2013 Dribbble LLC. All screenshots © their respective owners. Shipped from Salem, Mass. USA.
13 Responses
Pro
Charlie Waite
Case Study page for product ops. Each case study will be slightly different depending if they have a video or just a large hero image.
Borrowed the video image from BKWLD =)
Hand crafted by Colorkite
4 months ago
Pro
George Otsubo
Love the simplicity. Almost clicked the play button lol.
4 months ago
Pro
Jed Bridges
meeeeeowowowww
4 months ago
Pro
Charlie Waite
@George Otsubo haha - i do that all the time. The worst is when you mock up a comp with a cursor and you think your mouse is broken because it won't move. =)
4 months ago
Pro
Charlie Waite
@Jed Bridges exactly! Thanks!
4 months ago
nice :)
4 months ago
Pro
Zach McNair
Charlie...
Man, I want to love this. The colors are great, and big videos are always winners. From an information standpoint, I think this layout serves very well.
As a whole, the type throughout isn't really doing anything to engage me or keep me engaged. The typography is definitely very corporate, and if that's what the client is going for or if that's within their brand guidelines, cool. However, if the client is looking for a more unique or cleaner look, investigating some other similar typefaces may go far. It can be overused, but something like Proxima Nova may be a better fit.
On a usability note, how would one go from case study to case study? If they are all in a vertical line, what if you had some sort of navigation so a user can click a button to progress to the next case study? Or perhaps include a submenu bar that includes the case studies?
Keep cranking, man. You are a stellar artist, and I trust that in the end, you will knock this out of the park. You always do!
4 months ago
Pro
Charlie Waite
@Zach McNair awesome feedback! It's always great to hear solutions to things I am going over in my own head.
This is still a WIP, but you hit on some key points. Still exploring how you go from case study to case study as well as the Typography. The client actually really likes this Type but Im not completely sold.
Should have a good rebound of this shot tomorrow, A more complete and final look!
4 months ago
Pro
Zach McNair
@Charlie Happy to help, my man! Looking forward to tomorrow's shot.
4 months ago
Pro
Joel Siddall
Hey Charlie, loving the colours and visual style of this design.
I just have a few things to point out. Would shortening the nav items to 'services', 'about', 'contact' etc help from a usability point of view. I know I myself find it easier to scan individual words than phrases. I appreciate though that the company may want to set itself apart from competitors through the use of corporate language.
The only other thing is that the full width text on the lower half of the site may be difficult to read due to the long line length.
4 months ago
Pro
Charles Riccardi
All your designs always have so much space around elements. I absolutely love it. Great work, Charlie.
4 months ago
Pro
Mirco Moretti
@Charlie and @Zach
Ha! That's… T Y P O_C R A Z Y …men, and I love it!!
^_^
4 months ago
Rebound
P-Ops Case Study
by Charlie Waite
Reworked case study page. Going with an editorial style layout, also added a sidebar nav to jump between case studies. Type is still a WIP.
Make sure to check out the real pixel for the full page view.
2 Column text layout: http://cl.ly/image/2u3O151e0n2c/o
Hand crafted by Colorkite
4 months ago