Case study page layout in my portfolio. You can view it live here.
I find I don't like reading long case studies, nor do I like reading case studies which are just screenshots and no description. I've targeted 2 short paragraphs for mine: one to describe the brief, one to describe what was done.
The common layout is: one main device view (no set format, different for each project) for the hero image, headline written over a background in the project's key colour, previously mentioned paragraphs, and then some more screenshots to follow. Some of the other case studies have many more screenshots that this one.
The site uses Scott Jehl's picturefill for the images which works pretty well.
keyboard shortcuts: ← previous shot → next shot L or F like Z toggle zoom
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–2015 Dribbble LLC. All screenshots © their respective owners. Shipped from Salem, Mass. USA.