design and develop professional portfolio
Post on 18-Oct-2014
4.555 views
DESCRIPTION
Interactive Design - Design and Develop your own portfolioTRANSCRIPT
![Page 1: Design and Develop Professional Portfolio](https://reader034.vdocument.in/reader034/viewer/2022051608/54429d45afaf9fe7098b46a6/html5/thumbnails/1.jpg)
DESIGN & DEVELOP PROFESSIONAL PORTFOLIO
-xiaoqi ye Nov, 2009
![Page 2: Design and Develop Professional Portfolio](https://reader034.vdocument.in/reader034/viewer/2022051608/54429d45afaf9fe7098b46a6/html5/thumbnails/2.jpg)
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
![Page 3: Design and Develop Professional Portfolio](https://reader034.vdocument.in/reader034/viewer/2022051608/54429d45afaf9fe7098b46a6/html5/thumbnails/3.jpg)
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
![Page 4: Design and Develop Professional Portfolio](https://reader034.vdocument.in/reader034/viewer/2022051608/54429d45afaf9fe7098b46a6/html5/thumbnails/4.jpg)
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.
![Page 5: Design and Develop Professional Portfolio](https://reader034.vdocument.in/reader034/viewer/2022051608/54429d45afaf9fe7098b46a6/html5/thumbnails/5.jpg)
(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;
![Page 6: Design and Develop Professional Portfolio](https://reader034.vdocument.in/reader034/viewer/2022051608/54429d45afaf9fe7098b46a6/html5/thumbnails/6.jpg)
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/
![Page 7: Design and Develop Professional Portfolio](https://reader034.vdocument.in/reader034/viewer/2022051608/54429d45afaf9fe7098b46a6/html5/thumbnails/7.jpg)
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)
![Page 8: Design and Develop Professional Portfolio](https://reader034.vdocument.in/reader034/viewer/2022051608/54429d45afaf9fe7098b46a6/html5/thumbnails/8.jpg)
WORKFLOW
+ Wireframe+ Task Diagram+ Site map+ Find the right tool:Microsoft Expression Studio+ Code it up
![Page 9: Design and Develop Professional Portfolio](https://reader034.vdocument.in/reader034/viewer/2022051608/54429d45afaf9fe7098b46a6/html5/thumbnails/9.jpg)
Welcome to xiaoqi’s world
Resume Artwork Work Samples MCDM work
Contact Social Network Career highlights Recommendations
WIREFRAME
![Page 10: Design and Develop Professional Portfolio](https://reader034.vdocument.in/reader034/viewer/2022051608/54429d45afaf9fe7098b46a6/html5/thumbnails/10.jpg)
TASK DIAGRAM
View achievements in MCDM program, interactive Design class
Education Tab
MDCM Program
Interactive Design
Blogs, Design work,
Final paper
HomePage
![Page 11: Design and Develop Professional Portfolio](https://reader034.vdocument.in/reader034/viewer/2022051608/54429d45afaf9fe7098b46a6/html5/thumbnails/11.jpg)
TOOLS
+ Pick one and master it+ Leverage other tools if possible+ Microsoft Expression Studio
![Page 12: Design and Develop Professional Portfolio](https://reader034.vdocument.in/reader034/viewer/2022051608/54429d45afaf9fe7098b46a6/html5/thumbnails/12.jpg)
FROM DESIGN TO CODE
+ Expression Design
![Page 13: Design and Develop Professional Portfolio](https://reader034.vdocument.in/reader034/viewer/2022051608/54429d45afaf9fe7098b46a6/html5/thumbnails/13.jpg)
FROM CODE TO WHAT YOU WANT
+ Expression Web
![Page 14: Design and Develop Professional Portfolio](https://reader034.vdocument.in/reader034/viewer/2022051608/54429d45afaf9fe7098b46a6/html5/thumbnails/14.jpg)
ADDING MORE CONTENT
+ Expression Encoder
![Page 15: Design and Develop Professional Portfolio](https://reader034.vdocument.in/reader034/viewer/2022051608/54429d45afaf9fe7098b46a6/html5/thumbnails/15.jpg)
TAKE AWAY
+ Just do it and you can do it+ Do it often if you enjoy
![Page 16: Design and Develop Professional Portfolio](https://reader034.vdocument.in/reader034/viewer/2022051608/54429d45afaf9fe7098b46a6/html5/thumbnails/16.jpg)
BUSINESS OPPORTUNITIES
+ Monsters+ Linked-in+ Other platform for our portfolio
![Page 17: Design and Develop Professional Portfolio](https://reader034.vdocument.in/reader034/viewer/2022051608/54429d45afaf9fe7098b46a6/html5/thumbnails/17.jpg)
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
![Page 18: Design and Develop Professional Portfolio](https://reader034.vdocument.in/reader034/viewer/2022051608/54429d45afaf9fe7098b46a6/html5/thumbnails/18.jpg)
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.