Portfolio Project

Draw on Wodtke, chaps 1 - 2, to design and create a web portfolio for yourself.

You'll be creating materials as you work through this project: wireframes, sketches, notes, a content inventory table, and some content samples. Be prepared to submit these materials along the way.

Basic criteria


Meet these, and that's a B or C. More pages can mean a a higher grade. Resume or CV may be divided among multiple pages.

You may draw from materials you already have, either off-line (essays, papers, short stories, essays, articles, examples of written work, images), or online (Facebook, Flickr, etc). If necessary, you can greek in the text and use Creative Commons images.

1. Find some online examples of professional and pre-professional portfolio sites.
Look at content they offer, how the content is organized, how it's labeled, the media in which is is provided (pdf, web page, thumbnail images, by email), and any other services the site offers. Make some wireframe sketches. Include labels and notes. Take note of the quality of work, how images are used, what images are selected, where they are placed with respect to the text.

Make some notes, too, on the scenarios the site seems to address and how.

2. Decide on your {business} model.
Wodtke, pp 26 - 29. Use Wodtke's table as a heuristic to help you plan further. Decide on a model and develop a "Users Must" statement for your site that it's line with that model. "Users must" be able to do something with the material you're going to provide. You can adapt models from Wodtke, or develop your own. The "Users must" statement is the important one. {Business} is in brackets because other models may be appropriate: library, university, museum, vendor fair, ...

3. Draw up "User Must" table.
Who is the user, how will the user use the site, to what purpose, what are the user's needs, and what is your end.

Create a table. Use columns listing who you're designing for, how they will use your site (scenarios: in what manner, by what means, how often, ...), the purpose each kind of user seeks to fulfill, what each kind of user will need to fulfill that purpose, and your own end in designing for that user. Make notes on how you will design to meet those needs. Use scenarios to help you generate these criteria, and specify your end in terms of actions you want the user to take; that is, not "impress my friends" but "have others email me about each project."
who | how | user's purpose | what will they need for that purpose | my end
who: prof
how will the prof use the site: purpose-driven, not casually, but with a focus on something.
prof's purpose for accessing: to see what I've done to write a letter of rec
what the prof will need: resume, writing sample, contact info
my end:
who: friends
how: just pass through, see what's up, will access it every month or so.
friend's purpose for accessing: to catch up on what I've been doing lately
what will they need to do that: images, updates,
my end:
who: a prospective employer I have contacted
how will prospective employer use the site: purpose-driven; thoughtfully, at a desktop or good laptop, will visit just once, but may return to verify something.
prospective employer's purpose in accessing: see how I might fit as an employee, whether I have the skills ...
what will the prospective employer need to fulfill that purpose: will probably look material over pretty closely.
my end: to get an interview

Getting detailed and staying accurate in this section is important.

4. Content Inventory: Determine what's going to be on the site.
This will come from the business model and the User table. Create a content inventory.
item | location and state | adapt it how | to use for what end
item: CV
state: have it in Word format
adapt: make it available in pdf, but also as a web page. Needs updating
used to what end: potential employer to consult for job, colleagues to see what I've been doing, current employer to check my current professional development

5: Ongoing: Prepare the content.

6. Consider your code and mechanisms.
We'll move to RW to preselect a template.

The Design Memo

The Map
Make a site map of your portfolio site as it stands now. This gives you an overview of what you've done. Label the pages.

The Memo
Draw on Wodtke chaps 1 and 2, and your design notes, including your business model.

In a well-designed memo of 300 - 500 words, present your rationales for your design choices. Address
End the memo with a paragraph on how you might develop your portfolio further.

Text and image formats
Tables in html

There are no comments on this page.
Valid XHTML :: Valid CSS: :: Powered by WikkaWiki