Your SlideShare is downloading. ×
0
Digital Portfolio
From Concept to Completion
Ultimate Goals of a Digital
Portfolio
 Provide entry into the real world
 Structure the educational experience
 Demonst...
Why should you care?
 Seniors are required to give a final presentation
 Final Presentation
 Mock interviews (with real...
Why do most websites fail?
 Design and Technology. The focus is on how
pretty the site looks and what it looks like on th...
Three Types of Design
Information
architectur
e

Navigatio
n
design

Graphic
design

*taken from “The Design of Sites, Sec...
Where do I start?
 Collect your materials
 Back-up and save your work! Twice!
 Document the purpose of each piece, impo...
Information Architecture
 The combination of organization, labeling, and
navigation schemes within an information system
...
Navigation
 How do you go about establishing your
navigational scheme?
 Storyboard
 Storyboard
 Storyboard
Navigation
 In today’s society, we are constantly looking for
tools that make navigation easy
 Street signs
 Maps
 GPS...
Navigation
 Think of it in terms of grocery shopping. You look
for signs to guide you where you want to go and
find what ...
Design
 Do NOT begin by designing your site or sitting
down at the computer; this comes after you
have planned and organi...
Digital Narrative
 The portfolio should tell the story of YOU
 Creating & maintaining a dynamic resume of
your experienc...
Doug Strahler
 Professional Profile
 Graphic Design
 New media specialist
 Both professional & academic experience

 ...
Doug Strahler
 Academic/Teaching Experience
 Syracuse University
 Web design
 Multimedia
 Graphic design
 Onondaga C...
Doug Strahler
 Portfolio > Student Work
Doug Strahler
 Courses Taught & Courses Developed
 “Courses” link
 Provides information on courses, syllabus and links ...
Doug Strahler
 Professional Experience
 ThreeOneFive Design

 Freelance
Doug Strahler
 Presentations
 Conferences
 Blog postings about experiences and discussions
 National Press Foundation
...
Doug Strahler
 Professional/Academic Honors & Awards
 ReadySET
 Won five major national accolades
Doug Strahler
 Services
 Nhinteractive
 Cuse Clothes Line
Doug Strahler
 Technical & Specialized Skills
 All the skills I have listed are mentioned in the
descriptions of every p...
What else should you do?
 Begin to manage your digital identity
 Resume
 YouTube
 Blog
 LinkedIn
 Twitter

 Be fami...
Student Examples
Questions?
Weebly Demonstration
Digital Portfolios: From Concept to Completion
Digital Portfolios: From Concept to Completion
Digital Portfolios: From Concept to Completion
Digital Portfolios: From Concept to Completion
Upcoming SlideShare
Loading in...5
×

Digital Portfolios: From Concept to Completion

290

Published on

This presentation discusses the process of conceptualizing the structure of your digital portfolio through designing it using portfolio sites like Weebly, Wix or Wordpress.

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

  • Be the first to like this

No Downloads
Views
Total Views
290
On Slideshare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
6
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Transcript of "Digital Portfolios: From Concept to Completion"

  1. 1. Digital Portfolio From Concept to Completion
  2. 2. Ultimate Goals of a Digital Portfolio  Provide entry into the real world  Structure the educational experience  Demonstrate your knowledge and skills listed on your resume *taken from Campus Technology, ePortfolio: There’s no “There” There
  3. 3. Why should you care?  Seniors are required to give a final presentation  Final Presentation  Mock interviews (with real employers)  Internships/Jobs
  4. 4. Why do most websites fail?  Design and Technology. The focus is on how pretty the site looks and what it looks like on the backend.  25% Design  25% Technology  25% Content  25% Management
  5. 5. Three Types of Design Information architectur e Navigatio n design Graphic design *taken from “The Design of Sites, Second Edition” by Van Duyne, Landay, & Hong
  6. 6. Where do I start?  Collect your materials  Back-up and save your work! Twice!  Document the purpose of each piece, important concepts and reflect on it (personal assessment)  Do not be afraid to make corrections!  Conceptualize your thoughts  You need to know the content and materials for your website; then you need to know your direction.
  7. 7. Information Architecture  The combination of organization, labeling, and navigation schemes within an information system  Categorize your sections to best organize your information and gives an overview of what you do
  8. 8. Navigation  How do you go about establishing your navigational scheme?  Storyboard  Storyboard  Storyboard
  9. 9. Navigation  In today’s society, we are constantly looking for tools that make navigation easy  Street signs  Maps  GPS  All make our life easy to navigate from point A to point B (then to C, D, etc.)
  10. 10. Navigation  Think of it in terms of grocery shopping. You look for signs to guide you where you want to go and find what you are looking for.  The process usually goes, you look for the sign, but if you can’t find what you are looking for, you ask for help.  Once you find it, you have mental model on how to find it in the future.
  11. 11. Design  Do NOT begin by designing your site or sitting down at the computer; this comes after you have planned and organized your content  Emerging Technology and Multimedia: begin by sketching out ideas and concepts  Other majors: You can go to websites like Wordpress or Weebly to build your website
  12. 12. Digital Narrative  The portfolio should tell the story of YOU  Creating & maintaining a dynamic resume of your experiences  Life  Work  Study
  13. 13. Doug Strahler  Professional Profile  Graphic Design  New media specialist  Both professional & academic experience  Education  Both of these areas are highlighted in my about, courses & portfolio sections.
  14. 14. Doug Strahler  Academic/Teaching Experience  Syracuse University  Web design  Multimedia  Graphic design  Onondaga Community College  Web design  Graphic design  Slippery Rock University  Web design  Social Media
  15. 15. Doug Strahler  Portfolio > Student Work
  16. 16. Doug Strahler  Courses Taught & Courses Developed  “Courses” link  Provides information on courses, syllabus and links to student works  CNY Style
  17. 17. Doug Strahler  Professional Experience  ThreeOneFive Design  Freelance
  18. 18. Doug Strahler  Presentations  Conferences  Blog postings about experiences and discussions  National Press Foundation  Designed the Flash presentation for the Excellence in Online Journalism Award
  19. 19. Doug Strahler  Professional/Academic Honors & Awards  ReadySET  Won five major national accolades
  20. 20. Doug Strahler  Services  Nhinteractive  Cuse Clothes Line
  21. 21. Doug Strahler  Technical & Specialized Skills  All the skills I have listed are mentioned in the descriptions of every project I have posted in my portfolio  Creates visual evidence (photo/link) and written evidence (explanations)
  22. 22. What else should you do?  Begin to manage your digital identity  Resume  YouTube  Blog  LinkedIn  Twitter  Be familiar with what’s going on in your field!  Tailor your portfolio for the job you want
  23. 23. Student Examples
  24. 24. Questions?
  25. 25. Weebly Demonstration
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×