Design & Develop Professional Portfolio<br />-xiaoqi ye <br />Nov, 2009<br />
Agenda<br />What are professional portfolios<br />Review the designers’ portfolios<br />Design your own portfolio?<br />Wo...
What it is?<br />Portfolio is a tool -- a heuristic method -- offering opportunities for assessment of oneself and others’...
Why Portfolio?<br />+ Show case of your professional accomplishments<br />+Connect to the industry where you are and who y...
(2008). Web Style Guide: Basic Design Principles for creating web sites. In S. H. Patrick J. Lynch. Yale University Press....
Information Design: Information architecture; User experience design;
Site Construction: Graphic design and templates; content development;</li></li></ul><li>Web Designers Portfolio examples<b...
Design Your own portfolio<br />Collection of information: <br />resume or CV (ask a career advisor for information on CV p...
WorkFlow<br />Wireframe<br />Task Diagram<br />Site map<br />Find the right tool:<br />Microsoft Expression Studio<br />Co...
Resume<br />Artwork<br />Work Samples<br />MCDM work<br />Welcome to xiaoqi’s world<br />Contact<br />Social Network<br />...
Task diagram<br />View achievements in MCDM program, interactive Design class<br />Blogs, <br />Design work, <br />Final p...
TOOLS<br />Pick one and master it<br />Leverage other tools if possible<br />Microsoft Expression Studio<br />
From Design to Code<br />Expression Design<br />
From Code to what you want<br />Expression Web<br />
Adding more content<br />Expression Encoder<br />
Take away<br /> Just do it and you can do it<br />Do it often if you enjoy <br />
Business opportunities<br />Monsters<br />Linked-in<br />Other platform for our portfolio<br />
Summary<br />Professional Portfolio is very helpful for advance career<br />Create your own work flow, you can stand on th...
Upcoming SlideShare
Loading in …5
×

Design and Develop Professional Portfolio

5,087 views

Published on

Interactive Design - Design and Develop your own portfolio

Published in: Design, Business
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
5,087
On SlideShare
0
From Embeds
0
Number of Embeds
39
Actions
Shares
0
Downloads
34
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Design and Develop Professional Portfolio

  1. 1. Design & Develop Professional Portfolio<br />-xiaoqi ye <br />Nov, 2009<br />
  2. 2. Agenda<br />What are professional portfolios<br />Review the designers’ portfolios<br />Design your own portfolio?<br />Work flow<br />Wireframe; Task Diagram<br />Take away<br />Business opportunities for Professional Portfolio<br />
  3. 3. What it is?<br />Portfolio is a tool -- a heuristic method -- offering opportunities for assessment of oneself and others’ work in a context of professional and intellectual growth<br />Professional portfolio development showcases their professional accomplishments.<br />Web Portfolio is where the portfolio will be today<br />
  4. 4. Why Portfolio?<br />+ Show case of your professional accomplishments<br />+Connect to the industry where you are and who you are<br />+ Career improvement and enhancement<br />+ It shows personality and characters<br />+ It is more than resume and blogs<br />+ Architects, interior designers, multimedia and web designers, engineers, journalists, teachers and so on.<br />
  5. 5. (2008). Web Style Guide: Basic Design Principles for creating web sites. In S. H. Patrick J. Lynch. Yale University Press.<br /><ul><li>Strategy and Architecture: Content inventory; Audience research; Research on similar sites; Business Goals; budget resources
  6. 6. Information Design: Information architecture; User experience design;
  7. 7. Site Construction: Graphic design and templates; content development;</li></li></ul><li>Web Designers Portfolio examples<br />Web Designer - US<br />http://simplebits.com/work/<br />http://owltastic.com/work.html<br />http://designrabbit.com/portfolio/<br />http://www.sursly.com/#home<br />http://www.whitneyhess.com/portfolio/<br /> Web Designer - UK (graduated recently)<br />http://www.peter-pearson.com/<br />Web Designer - Canada<br />http://snook.ca/work/<br />http://www.nrichmedia.com/portfolio.htm<br />http://www.brightcreative.com/portfolio/<br />
  8. 8. Design Your own portfolio<br />Collection of information: <br />resume or CV (ask a career advisor for information on CV preparation)<br />transcripts<br />evidence of professional affiliations<br />licenses or certifications<br />letters of reference<br />evidence of specific skills (e.g., public speaking, leadership, writing)<br />work samples (e.g., class projects, items produced during internship or co-op experiences)<br />
  9. 9. WorkFlow<br />Wireframe<br />Task Diagram<br />Site map<br />Find the right tool:<br />Microsoft Expression Studio<br />Code it up<br />
  10. 10. Resume<br />Artwork<br />Work Samples<br />MCDM work<br />Welcome to xiaoqi’s world<br />Contact<br />Social Network<br />Career highlights<br />Recommendations<br />Wireframe<br />
  11. 11. Task diagram<br />View achievements in MCDM program, interactive Design class<br />Blogs, <br />Design work, <br />Final paper<br />MDCM Program<br />Interactive Design<br />Home<br />Page<br />Education Tab<br />
  12. 12. TOOLS<br />Pick one and master it<br />Leverage other tools if possible<br />Microsoft Expression Studio<br />
  13. 13. From Design to Code<br />Expression Design<br />
  14. 14. From Code to what you want<br />Expression Web<br />
  15. 15. Adding more content<br />Expression Encoder<br />
  16. 16. Take away<br /> Just do it and you can do it<br />Do it often if you enjoy <br />
  17. 17. Business opportunities<br />Monsters<br />Linked-in<br />Other platform for our portfolio<br />
  18. 18. Summary<br />Professional Portfolio is very helpful for advance career<br />Create your own work flow, you can stand on the platform between developers and designers<br />Lots of opportunities there for presenting Portfolio<br />
  19. 19. References<br />Burke, K. (1997). Designing Professional Portfolios for Change. IL: IRI/SkyLight Training and Publishing, Inc. .<br />Creating Your Own Professional Portfolio. (2001). Intervention in School and Clinic , 195-201.<br />Designing Professional portfolios for Change. (1999). Journal Article Excerpt , 174.<br />How To Organize A Professional Portfolio for Staff and Career Development. (1999). Journal for Nurses in Satff Development (JNSD) , 5-10.<br />Leonard P. Herman, M. M. (1999). Educational progressions: Electronic Portfolios n a Virtual Classroom. Journal Article Excerpt .<br />(2008). Web Style Guide: Basic Design Principles for creating web sites. In S. H. Patrick J. Lynch. Yale University Press.<br />

×