Design and Develop Professional Portfolio
-
date post
18-Oct-2014 -
Category
Design
-
view
4.557 -
download
1
description
Transcript of Design and Develop Professional Portfolio
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.