Results from the Berlin Design Camp Workshops.
Jeffs Group -Wireframes
We worked on the focus question: what would our wireframes include. In short we need to know what elements or page components we need to include the wireframe so designers can give us what we need to actually build a theme for Drupal.
These are our results:
- Nav - navigation such as main menu, sidebar block menu - in short all typical nav that core spits out
- Content examples - such as a node, views list etc - typical things that show in the main content block
- Header, Branding - normal page header + site name, probably a logo as well
- Footer - normal site footer, could include some navigation (aka from 1)
- Media, Actions, Search, Frontpage - media is something like a gallery/portfolio, Actions are $links (is nav), Search block, Frontpage is a custom front page layout
- Errors - this is the maintenance page and not messages
- Pagers - include design for the various pagers such as normal pager, views mini pager, book navigation (is nav)
- Forms - include design for form elements, probably a comment or contact form
Roys Group
After discussing possible directions for this exercise the group chose to generate ideas for a mobile optimized portfolio for a freelance photographer.
Mobile portfolio - features
The main groups of functionality that came out of the brainstorm were
"Layout" (6 votes)
Clean look. Responsive from the core: resize images, reflow content to fit the screen, etc. Make it easy to change the font.
Image display (5 votes)
Responsive Layout. Want to be able to define an aspect ration for images per project (this project has 16:9 pics, this other project images are all square, etc.
"Backend" (4 votes)
Easy to update. Upload multiple images at once. Tag your content to be part of different markets you work for: editorial, fashion, food, newspaper, etc. photography. Drag and drop images into collections, projects after the bulk upload.
Purpose: "Contact" (4 votes)
The purpose of the site is to make it as easy as possible for people (potential clients like advertising agencies) to contact you. Contact is even more important then content. Even if you give people your card, they'll Google you or go directly to your site to look for your mobile phone number and/or email address.
"Feedback" (social) (2 votes)
No comments on projects or individual photos. It's a professional freelancer's portfolio, not a blog. Retweet or share to Facebook would be nice.
"Story / Content" (0 votes)
This weirdly enough didn't get any votes. Reasons are that many of the content ideas were grouped into the 'Image display' category. This category contained some ideas for the more static content: a bio page, something about why and how you approach your photography work, list any awards won, copyright/licensing information
Mobile portfolio - usages
Heid is 32 years old and a freelance photographer. She works for advertising agencies, magazines and sometimes does food photography as well.
- The main purpose of her site is to make it easy for people to contact her.
- Presenting her work is also essential, but contact is more important.
- It's not a one-time pitch when possible clients come by her site: even if she's not a good fit for this particular job, she might well be perfect for the next project.
- Heidi uses email, email lists, twitter and facebook to get the word out on her work so that people will keep her in mind.
- She updates the site *daily*
- Each project contains between 5 and 15 photos
- The homepage would contain 1 to 3 big opening pictures, then show the categories she works in (fashion, editorial, advertising, food…)
- Contact information comes first!
- She's planning to add another section to her site for her personal, more experimental work.
- It should be easy to browse photos withing a single project.
- It should be easy to quickly switch work categories.
- Time-sensitive content (news, updates) are not that important. Contact info and a professional presentation of her best work is at the core of what the site should do.
- Clients have no problem deciding whether to work with her judging things from a small screen.
- If clients call, the job could start tomorrow or even right this afternoon.
Summary?
The mobile optimized portfolio for Heidi the freelance photographer is built around immediate contact information and professional looking
image galleries. It should be easy to share this work across other sites and networks.