Digital Portfolios: From Concept to Completion

Preview:

DESCRIPTION

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

Citation preview

Digital PortfolioFrom Concept to Completion

Ultimate Goals of a Digital PortfolioProvide 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

Why should you care?Seniors are required to give a final presentation

Final Presentation Mock interviews (with real employers)

Internships/Jobs

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

Three Types of Design

Information

architecture

Navigation

design

Graphic

design

*taken from “The Design of Sites, Second Edition” by Van Duyne, Landay, & Hong

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.

Information ArchitectureThe 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

NavigationHow 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

All make our life easy to navigate from point A to point B (then to C, D, etc.)

NavigationThink 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.

DesignDo 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

Digital NarrativeThe portfolio should tell the story of YOU

Creating & maintaining a dynamic resume of your experiences Life Work Study

Doug StrahlerProfessional Profile

Graphic Design New media specialist Both professional & academic experience

Education

Both of these areas are highlighted in my about, courses & portfolio sections.

Doug StrahlerAcademic/Teaching Experience

Syracuse University Web design Multimedia Graphic design

Onondaga Community College Web design Graphic design

Slippery Rock University Web design Social Media

Doug StrahlerPortfolio > Student Work

Doug StrahlerCourses Taught & Courses Developed

“Courses” link Provides information on courses, syllabus and links

to student works CNY Style

Doug StrahlerProfessional Experience

ThreeOneFive Design

Freelance

Doug StrahlerPresentations

Conferences Blog postings about experiences and discussions

National Press Foundation Designed the Flash presentation for the

Excellence in Online Journalism Award

Doug StrahlerProfessional/Academic Honors & Awards

ReadySET Won five major national accolades

Doug StrahlerServices

Nhinteractive Cuse Clothes Line

Doug StrahlerTechnical & 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)

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

Student Examples

Questions?

Weebly Demonstration

Recommended