DESIGN & DEVELOP PROFESSIONAL PORTFOLIO

-xiaoqi ye Nov, 2009

AGENDA

+ What are professional portfolios+ Review the designers’ portfolios+ Design your own portfolio?

– Work flow– Wireframe; Task Diagram– Take away

+ Business opportunities for Professional Portfolio

WHAT IT IS?

+ Portfolio is a tool -- a heuristic method -- offering opportunities for assessment of oneself and others’ work in a context of professional and intellectual growth

+ Professional portfolio development showcases their professional accomplishments.

+ Web Portfolio is where the portfolio will be today

WHY PORTFOLIO?

+ Show case of your professional accomplishments+Connect to the industry where you are and who

you are+ Career improvement and enhancement+ It shows personality and characters+ It is more than resume and blogs+ Architects, interior designers, multimedia and

web designers, engineers, journalists, teachers and so on.

(2008). Web Style Guide: Basic Design Principles for creating web sites. In S. H. Patrick J. Lynch. Yale University Press.-Strategy and Architecture: Content inventory; Audience research; Research on similar sites; Business Goals; budget resources-Information Design: Information architecture; User experience design;-Site Construction: Graphic design and templates; content development;

WEB DESIGNERS PORTFOLIO EXAMPLES

Web Designer - UShttp://simplebits.com/work/http://owltastic.com/work.htmlhttp://designrabbit.com/portfolio/http://www.sursly.com/#homehttp://www.whitneyhess.com/portfolio/ Web Designer - UK (graduated recently)http://www.peter-pearson.com/Web Designer - Canadahttp://snook.ca/work/http://www.nrichmedia.com/portfolio.htmhttp://www.brightcreative.com/portfolio/

DESIGN YOUR OWN PORTFOLIO

Collection of information: + resume or CV (ask a career advisor for information on CV

preparation)+ transcripts+ evidence of professional affiliations+ licenses or certifications+ letters of reference+ evidence of specific skills (e.g., public speaking,

leadership, writing)+ work samples (e.g., class projects, items produced during

internship or co-op experiences)

WORKFLOW

+ Wireframe+ Task Diagram+ Site map+ Find the right tool:Microsoft Expression Studio+ Code it up

Welcome to xiaoqi’s world

Resume Artwork Work Samples MCDM work

Contact Social Network Career highlights Recommendations

WIREFRAME

TASK DIAGRAM

View achievements in MCDM program, interactive Design class

Education Tab

MDCM Program

Interactive Design

Blogs, Design work,

Final paper

HomePage

TOOLS

+ Pick one and master it+ Leverage other tools if possible+ Microsoft Expression Studio

FROM DESIGN TO CODE

+ Expression Design

FROM CODE TO WHAT YOU WANT

+ Expression Web

ADDING MORE CONTENT

+ Expression Encoder

TAKE AWAY

+ Just do it and you can do it+ Do it often if you enjoy

BUSINESS OPPORTUNITIES

+ Monsters+ Linked-in+ Other platform for our portfolio

SUMMARY

+ Professional Portfolio is very helpful for advance career

+ Create your own work flow, you can stand on the platform between developers and designers

+ Lots of opportunities there for presenting Portfolio

REFERENCES

+ Burke, K. (1997). Designing Professional Portfolios for Change. IL: IRI/SkyLight Training and Publishing, Inc. .

+ Creating Your Own Professional Portfolio. (2001). Intervention in School and Clinic , 195-201.

+ Designing Professional portfolios for Change. (1999). Journal Article Excerpt , 174.

+ How To Organize A Professional Portfolio for Staff and Career Development. (1999). Journal for Nurses in Satff Development (JNSD) , 5-10.

+ Leonard P. Herman, M. M. (1999). Educational progressions: Electronic Portfolios n a Virtual Classroom. Journal Article Excerpt .

+ (2008). Web Style Guide: Basic Design Principles for creating web sites. In S. H. Patrick J. Lynch. Yale University Press.