SlideShare a Scribd company logo
P   RTFOLIO


         www.smogdog.com | Hans Gerhard Meier | 2011
Portfolio intro
                       Define goal
                       - what is the purpose making a portfolio?
                          - apply for school
                          - apply for job
                          - apply as freelancer

                       Register a domain
                       USE IT!

                       Flash template
                       HTML template
http://okaydave.com/




                                                       www.smogdog.com | Hans Gerhard Meier | 2011
Portfolio
Some experiences from someone who’s been
out and about…

portfolio@smogdog.com




                             www.smogdog.com | Hans Gerhard Meier | 2011
Portfolio
You
Preparation
Business card




                www.smogdog.com | Hans Gerhard Meier | 2011
Portfolio
• Consistence
• Manage the technologies used
• Let your photo friends help you
• Show your best work, 10
• Mix work with inspiration

• Talk about the portfolio
• Let the viewer turn the pages
• No excuses
• Drink your coffee

• Ask for feedback




                                  www.smogdog.com | Hans Gerhard Meier | 2011
Portfolio content
• Dramaturgy
• Clients / Personal
• Surprise
• Consistency, depth, focus
• Your strength

• Latest project




                              www.smogdog.com | Hans Gerhard Meier | 2011
You
• Tell about yourself
• Why are you here
• Ask about… everything…
• Permanent job / freelance

• You need to like them as well




                                  www.smogdog.com | Hans Gerhard Meier | 2011
Preparation
• Ask for a coffee talk
• Who are you meeting?
• Is your portfolio done
• Relevant work
• Got enough sleep

• How did it go, what to add/remove
• Ask others to view your portfolio




                               www.smogdog.com | Hans Gerhard Meier | 2011
Business card
• Leave behind
• CV
• How are you viewed when gone
• Follow up.

• Call, mail, call again...?




                               www.smogdog.com | Hans Gerhard Meier | 2011
I’m a…
Jack of all trades, king of ONE!




                                   www.smogdog.com | Hans Gerhard Meier | 2011
P   RTFOLIO




              ?
              www.smogdog.com | Hans Gerhard Meier | 2011
P   RTFOLIO




              Content
              • Intro

              • 2-3 projects, skills & experience
              • Process project
              • Personal project
              • Project wall, thumbnails - 20

              • Outro




                                               www.smogdog.com | Hans Gerhard Meier | 2011
P   RTFOLIO




              Process
              • Research.
              • Ideas/Sketches
              • Editing
              • Execution
              • Result

              • How do your process evolve




                                             www.smogdog.com | Hans Gerhard Meier | 2011
BRIEF      RESEARCH   SKETCHING   MOODBOARD   DE-BRIEF




EXCECUTION




                        REFINMENT                FINAL




                                                www.smogdog.com | Hans Gerhard Meier | 2011
P   RTFOLIO




                                      Web or paper
      MY         contact@domain.com
                    +47 900 10 000
                                      BOTH!
     PORTFOLIO
                                      Don’t forget the iPhone/iPad




                                                                     www.smogdog.com | Hans Gerhard Meier | 2011
1



                                               6

                                                           contac
                                                                 t@dom
                                                             +47 90      ain.com
                                                                    0 10 00
                                                                            0




3                 MY      contact@domain.com
                             +47 900 10 000


              PORTFOLIO

                                                                                   Portfolio ECO System
                                                   2
PDF                                                                                1.Sharing
                                                                                   2.Social
                                                                                   3.Paper Portfolio
                                                                                   4.Photos
                                                                                   5.Website / Blog
    MY BLOG                                                                        6.Mobile

              5



                                                       4




                                                                                                       www.smogdog.com | Hans Gerhard Meier | 2011
Book              Web/Mobile       DVD
• Intro/end       • Drop intro     • Does it work, PC/TV?
• Functionality   • Does it work   • Short intro
• Spelling        • Searchable     • Navigation/Menu
                  • Navigation     • Art work for the disc
                  • Print/pdf      • Spelling
                  • Spelling
                  • Contact info
                  /
                  • No flash
                  • Small screen




                                                www.smogdog.com | Hans Gerhard Meier | 2011
Never again
apologize for your
     photos!




Camera Sutra
Ask a photo friend, or…

You need:
System camera
Tripod (no tripod? buy 1 kg rice bag)
Large sheet of paper
Reflector (Capa)

…………………………………………
Separate flash
Softbox




                                 www.smogdog.com | Hans Gerhard Meier | 2011
Indoor setup
Biggest window
Not direct sun light
Table adjecent to window
Reflector carboard (Kapa)
Tripod
Self timer

Expose X 3: + / - / default




                              www.smogdog.com | Hans Gerhard Meier | 2011
Easyfix
                                                    Avoid photo bulge, use zoom

                                                    Quick fix:
Photoshop   File   Edit   Image    Layer   Select   Photoshop, auto (test for best result)

                           Mode

                           Adjustments

                           Auto Tone           L
                           Auto Contrast       L
                           Auto Color          B

                           Image Size…

                                                                                    www.smogdog.com | Hans Gerhard Meier | 2011
Human touch
Stage your product in real enviroments.
With humans who enjoy using it!




                               www.smogdog.com | Hans Gerhard Meier | 2011
Video Bonanza
Mini documentary
Short, 20-40 sec

Slidehow converted to movie

Sound (www.ccmixter.org)

Last frame, your name! (and www address)




                              www.smogdog.com | Hans Gerhard Meier | 2011
www.vulkan.se                      Paper will survive
                                   • Leave behind
                    www.lulu.com   • Show knowledge of POD (print on demand)

                                   • Everybody likes paper;-)

    www.blurb.com




                                                                 www.smogdog.com | Hans Gerhard Meier | 2011
www.airtightinteractive.com


                      www.flickr.com               Portfolio served
                                                  Peronal Vs Template
     www.wordpress.org
                                                  Personal
                                                  100% you and your skills
                                                  Uniqe = more work!

                                                  Template
                                                  Easy setup
                                                  Knowledge = Uniqe

    www.carbonmade.com




 & Tumbler, Posterous, Indexhibit, Prevue, Behance,
     more…


                                                                             www.smogdog.com | Hans Gerhard Meier | 2011
Advanced



           <HTML>
           + CSS
Personal




                                                                  Default
                      Easy     www.smogdog.com | Hans Gerhard Meier | 2011
Wordpress      Tumblr       HTML          Flash   Indexhibit   Virb              Cargo

  Free

  SEO

Hosted*

  Blog

Mobile**

 Simple


    Yes       No         Yes/no


*Hosted meaning, no need for ftp access
**Based on HTML is standared for all mobile devices
                                                                           www.smogdog.com | Hans Gerhard Meier | 2011
Make, sell, share
                    • New possibilities
                    • Control the service

ponoko.com



shapeways.com



instructables.com




                                            www.smogdog.com | Hans Gerhard Meier | 2011
Blog Vs Portfolio
Blog = daily activity, process
Portfolio = presentation of selected work




                                www.smogdog.com | Hans Gerhard Meier | 2011
Digital portfolio
1. Collect
2. Evaluate
3. Layout
4. Finnish

• Documenting
• Photo




                    www.smogdog.com | Hans Gerhard Meier | 2011
Delivery
• Digital portfolio
  • minimum 5 projects
  • 1 personal project
 • Strategy
 • Blogg




                         www.smogdog.com | Hans Gerhard Meier | 2011
Case study
www.cityant.net




                  www.smogdog.com | Hans Gerhard Meier | 2011
http://www.google.com/analytics

                                  www.smogdog.com | Hans Gerhard Meier | 2011
50 Beautiful And Creative Portfolio Designs




         http://www.behance.net/




                                              www.smogdog.com | Hans Gerhard Meier | 2011
E   oy !
 MOST IMPORTANT,




 nj            IT’S YOUR GREAT WORK!




                                www.smogdog.com | Hans Gerhard Meier | 2011

More Related Content

Similar to Portfolio

Content management in marketing communication of industrial companies public
Content management in marketing communication of  industrial companies publicContent management in marketing communication of  industrial companies public
Content management in marketing communication of industrial companies public
DIMAR project
 
[en] nois3lab resume
[en] nois3lab resume[en] nois3lab resume
[en] nois3lab resume
nois3lab
 
koichiro_isogai_portfolio
koichiro_isogai_portfoliokoichiro_isogai_portfolio
koichiro_isogai_portfolio
Isogai Koichiro
 

Similar to Portfolio (20)

Creating a corporate intranet portal and enable the evolution of the digital ...
Creating a corporate intranet portal and enable the evolution of the digital ...Creating a corporate intranet portal and enable the evolution of the digital ...
Creating a corporate intranet portal and enable the evolution of the digital ...
 
Dutch entrepreneurs visiting twago in Berlin
Dutch entrepreneurs visiting twago in BerlinDutch entrepreneurs visiting twago in Berlin
Dutch entrepreneurs visiting twago in Berlin
 
Social Media Aktivitäten bei Lotus
Social Media Aktivitäten bei LotusSocial Media Aktivitäten bei Lotus
Social Media Aktivitäten bei Lotus
 
Size isn’t everything: Why the iPad isn’t just bigger; it’s a whole new UX, a...
Size isn’t everything: Why the iPad isn’t just bigger; it’s a whole new UX, a...Size isn’t everything: Why the iPad isn’t just bigger; it’s a whole new UX, a...
Size isn’t everything: Why the iPad isn’t just bigger; it’s a whole new UX, a...
 
Selling Responsive Webdesign - webtech Conference 2013
Selling Responsive Webdesign - webtech Conference 2013Selling Responsive Webdesign - webtech Conference 2013
Selling Responsive Webdesign - webtech Conference 2013
 
How to manage software development in a funky way?
How to manage software development in a funky way?How to manage software development in a funky way?
How to manage software development in a funky way?
 
Social Business Design
Social Business DesignSocial Business Design
Social Business Design
 
Case Study: ABAP Development Life Cycle and Governance at THE GLOBE AND MAIL ...
Case Study: ABAP Development Life Cycle and Governance at THE GLOBE AND MAIL ...Case Study: ABAP Development Life Cycle and Governance at THE GLOBE AND MAIL ...
Case Study: ABAP Development Life Cycle and Governance at THE GLOBE AND MAIL ...
 
Packaging for Brands 2018 - Facts and Trends
Packaging for Brands 2018 - Facts and TrendsPackaging for Brands 2018 - Facts and Trends
Packaging for Brands 2018 - Facts and Trends
 
3D Printing and Open Design. A Bright Future for Engineering and Design Profe...
3D Printing and Open Design. A Bright Future for Engineering and Design Profe...3D Printing and Open Design. A Bright Future for Engineering and Design Profe...
3D Printing and Open Design. A Bright Future for Engineering and Design Profe...
 
Content management in marketing communication of industrial companies public
Content management in marketing communication of  industrial companies publicContent management in marketing communication of  industrial companies public
Content management in marketing communication of industrial companies public
 
Novado iPad Solutions
Novado iPad SolutionsNovado iPad Solutions
Novado iPad Solutions
 
Social Business Design: The Enterprise is Dead. Long Live the Enterprise!
Social Business Design: The Enterprise is Dead. Long Live the Enterprise!Social Business Design: The Enterprise is Dead. Long Live the Enterprise!
Social Business Design: The Enterprise is Dead. Long Live the Enterprise!
 
SFScon18 - Armin Le Grand - Collective action come and see how LibreOffice go...
SFScon18 - Armin Le Grand - Collective action come and see how LibreOffice go...SFScon18 - Armin Le Grand - Collective action come and see how LibreOffice go...
SFScon18 - Armin Le Grand - Collective action come and see how LibreOffice go...
 
[en] nois3lab resume
[en] nois3lab resume[en] nois3lab resume
[en] nois3lab resume
 
koichiro_isogai_portfolio
koichiro_isogai_portfoliokoichiro_isogai_portfolio
koichiro_isogai_portfolio
 
EXCEL Extraction
EXCEL ExtractionEXCEL Extraction
EXCEL Extraction
 
101 digital presentations workshop
101 digital presentations workshop101 digital presentations workshop
101 digital presentations workshop
 
Cross-format content with Lightweight DITA
Cross-format content with Lightweight DITACross-format content with Lightweight DITA
Cross-format content with Lightweight DITA
 
R in the Mittelstand: Bringing Data Science to small and mid-size companies.
R in the Mittelstand: Bringing Data Science to small and mid-size companies. R in the Mittelstand: Bringing Data Science to small and mid-size companies.
R in the Mittelstand: Bringing Data Science to small and mid-size companies.
 

More from Hans Gerhard Meier

More from Hans Gerhard Meier (20)

Sketchor die (no)
Sketchor die (no)Sketchor die (no)
Sketchor die (no)
 
Sketch or Die
Sketch or DieSketch or Die
Sketch or Die
 
Visuellkommunikasjon historie
Visuellkommunikasjon historieVisuellkommunikasjon historie
Visuellkommunikasjon historie
 
Designing Change
Designing ChangeDesigning Change
Designing Change
 
Storytelling intro
Storytelling introStorytelling intro
Storytelling intro
 
Presentasjons teknikk (NO)
Presentasjons teknikk (NO)Presentasjons teknikk (NO)
Presentasjons teknikk (NO)
 
Lost in Distraction
Lost in DistractionLost in Distraction
Lost in Distraction
 
Fanzine
FanzineFanzine
Fanzine
 
Inspiration NOW!
Inspiration NOW!Inspiration NOW!
Inspiration NOW!
 
Type in 1-2-3
Type in 1-2-3Type in 1-2-3
Type in 1-2-3
 
Website in 1-2-3
Website in 1-2-3Website in 1-2-3
Website in 1-2-3
 
Art Direction according to me
Art Direction according to meArt Direction according to me
Art Direction according to me
 
Type 1 2 3
Type 1 2 3Type 1 2 3
Type 1 2 3
 
Basic Color
Basic ColorBasic Color
Basic Color
 
Basic Image
Basic ImageBasic Image
Basic Image
 
Basic Layout
Basic LayoutBasic Layout
Basic Layout
 
Basic Type
Basic TypeBasic Type
Basic Type
 
Website 1 2 3
Website 1 2 3Website 1 2 3
Website 1 2 3
 
Pecha Kucha Vol8
Pecha Kucha Vol8Pecha Kucha Vol8
Pecha Kucha Vol8
 
IxD?
IxD?IxD?
IxD?
 

Recently uploaded

National-Learning-Camp 2024 deped....pptx
National-Learning-Camp 2024 deped....pptxNational-Learning-Camp 2024 deped....pptx
National-Learning-Camp 2024 deped....pptx
AlecAnidul
 
Research about Venice ppt for grade 6f anas
Research about Venice ppt for grade 6f anasResearch about Venice ppt for grade 6f anas
Research about Venice ppt for grade 6f anas
anasabutalha2013
 
Heuristic Evaluation of System & Application
Heuristic Evaluation of System & ApplicationHeuristic Evaluation of System & Application
Heuristic Evaluation of System & Application
Jaime Brown
 

Recently uploaded (14)

Claire's designing portfolio presentation
Claire's designing portfolio presentationClaire's designing portfolio presentation
Claire's designing portfolio presentation
 
PORTFOLIO FABIANA VILLANI ARCHITECTURE.pdf
PORTFOLIO FABIANA VILLANI ARCHITECTURE.pdfPORTFOLIO FABIANA VILLANI ARCHITECTURE.pdf
PORTFOLIO FABIANA VILLANI ARCHITECTURE.pdf
 
BIT- Pinal .H. Prajapati Graphic Designer
BIT- Pinal .H. Prajapati  Graphic DesignerBIT- Pinal .H. Prajapati  Graphic Designer
BIT- Pinal .H. Prajapati Graphic Designer
 
Art Nouveau Movement Presentation for Art History.
Art Nouveau Movement Presentation for Art History.Art Nouveau Movement Presentation for Art History.
Art Nouveau Movement Presentation for Art History.
 
Spring 2024 wkrm_Enhancing Campus Mobility.pdf
Spring 2024 wkrm_Enhancing Campus Mobility.pdfSpring 2024 wkrm_Enhancing Campus Mobility.pdf
Spring 2024 wkrm_Enhancing Campus Mobility.pdf
 
National-Learning-Camp 2024 deped....pptx
National-Learning-Camp 2024 deped....pptxNational-Learning-Camp 2024 deped....pptx
National-Learning-Camp 2024 deped....pptx
 
Research about Venice ppt for grade 6f anas
Research about Venice ppt for grade 6f anasResearch about Venice ppt for grade 6f anas
Research about Venice ppt for grade 6f anas
 
The Design Code Google Developer Student Club.pptx
The Design Code Google Developer Student Club.pptxThe Design Code Google Developer Student Club.pptx
The Design Code Google Developer Student Club.pptx
 
Pitch Presentation for Service Design in Technology
Pitch Presentation for Service Design in TechnologyPitch Presentation for Service Design in Technology
Pitch Presentation for Service Design in Technology
 
The Evolution of Fashion Trends: History to Fashion
The Evolution of Fashion Trends: History to FashionThe Evolution of Fashion Trends: History to Fashion
The Evolution of Fashion Trends: History to Fashion
 
Design lessons from Singapore | Volume 3
Design lessons from Singapore | Volume 3Design lessons from Singapore | Volume 3
Design lessons from Singapore | Volume 3
 
CA OFFICE office office office _VIEWS.pdf
CA OFFICE office office office _VIEWS.pdfCA OFFICE office office office _VIEWS.pdf
CA OFFICE office office office _VIEWS.pdf
 
Common Designing Mistakes and How to avoid them
Common Designing Mistakes and How to avoid themCommon Designing Mistakes and How to avoid them
Common Designing Mistakes and How to avoid them
 
Heuristic Evaluation of System & Application
Heuristic Evaluation of System & ApplicationHeuristic Evaluation of System & Application
Heuristic Evaluation of System & Application
 

Portfolio

  • 1. P RTFOLIO www.smogdog.com | Hans Gerhard Meier | 2011
  • 2. Portfolio intro Define goal - what is the purpose making a portfolio? - apply for school - apply for job - apply as freelancer Register a domain USE IT! Flash template HTML template http://okaydave.com/ www.smogdog.com | Hans Gerhard Meier | 2011
  • 3. Portfolio Some experiences from someone who’s been out and about… portfolio@smogdog.com www.smogdog.com | Hans Gerhard Meier | 2011
  • 4. Portfolio You Preparation Business card www.smogdog.com | Hans Gerhard Meier | 2011
  • 5. Portfolio • Consistence • Manage the technologies used • Let your photo friends help you • Show your best work, 10 • Mix work with inspiration • Talk about the portfolio • Let the viewer turn the pages • No excuses • Drink your coffee • Ask for feedback www.smogdog.com | Hans Gerhard Meier | 2011
  • 6. Portfolio content • Dramaturgy • Clients / Personal • Surprise • Consistency, depth, focus • Your strength • Latest project www.smogdog.com | Hans Gerhard Meier | 2011
  • 7. You • Tell about yourself • Why are you here • Ask about… everything… • Permanent job / freelance • You need to like them as well www.smogdog.com | Hans Gerhard Meier | 2011
  • 8. Preparation • Ask for a coffee talk • Who are you meeting? • Is your portfolio done • Relevant work • Got enough sleep • How did it go, what to add/remove • Ask others to view your portfolio www.smogdog.com | Hans Gerhard Meier | 2011
  • 9. Business card • Leave behind • CV • How are you viewed when gone • Follow up. • Call, mail, call again...? www.smogdog.com | Hans Gerhard Meier | 2011
  • 10. I’m a… Jack of all trades, king of ONE! www.smogdog.com | Hans Gerhard Meier | 2011
  • 11. P RTFOLIO ? www.smogdog.com | Hans Gerhard Meier | 2011
  • 12. P RTFOLIO Content • Intro • 2-3 projects, skills & experience • Process project • Personal project • Project wall, thumbnails - 20 • Outro www.smogdog.com | Hans Gerhard Meier | 2011
  • 13. P RTFOLIO Process • Research. • Ideas/Sketches • Editing • Execution • Result • How do your process evolve www.smogdog.com | Hans Gerhard Meier | 2011
  • 14. BRIEF RESEARCH SKETCHING MOODBOARD DE-BRIEF EXCECUTION REFINMENT FINAL www.smogdog.com | Hans Gerhard Meier | 2011
  • 15. P RTFOLIO Web or paper MY contact@domain.com +47 900 10 000 BOTH! PORTFOLIO Don’t forget the iPhone/iPad www.smogdog.com | Hans Gerhard Meier | 2011
  • 16. 1 6 contac t@dom +47 90 ain.com 0 10 00 0 3 MY contact@domain.com +47 900 10 000 PORTFOLIO Portfolio ECO System 2 PDF 1.Sharing 2.Social 3.Paper Portfolio 4.Photos 5.Website / Blog MY BLOG 6.Mobile 5 4 www.smogdog.com | Hans Gerhard Meier | 2011
  • 17. Book Web/Mobile DVD • Intro/end • Drop intro • Does it work, PC/TV? • Functionality • Does it work • Short intro • Spelling • Searchable • Navigation/Menu • Navigation • Art work for the disc • Print/pdf • Spelling • Spelling • Contact info / • No flash • Small screen www.smogdog.com | Hans Gerhard Meier | 2011
  • 18. Never again apologize for your photos! Camera Sutra Ask a photo friend, or… You need: System camera Tripod (no tripod? buy 1 kg rice bag) Large sheet of paper Reflector (Capa) ………………………………………… Separate flash Softbox www.smogdog.com | Hans Gerhard Meier | 2011
  • 19. Indoor setup Biggest window Not direct sun light Table adjecent to window Reflector carboard (Kapa) Tripod Self timer Expose X 3: + / - / default www.smogdog.com | Hans Gerhard Meier | 2011
  • 20. Easyfix Avoid photo bulge, use zoom Quick fix: Photoshop File Edit Image Layer Select Photoshop, auto (test for best result) Mode Adjustments Auto Tone L Auto Contrast L Auto Color B Image Size… www.smogdog.com | Hans Gerhard Meier | 2011
  • 21. Human touch Stage your product in real enviroments. With humans who enjoy using it! www.smogdog.com | Hans Gerhard Meier | 2011
  • 22. Video Bonanza Mini documentary Short, 20-40 sec Slidehow converted to movie Sound (www.ccmixter.org) Last frame, your name! (and www address) www.smogdog.com | Hans Gerhard Meier | 2011
  • 23. www.vulkan.se Paper will survive • Leave behind www.lulu.com • Show knowledge of POD (print on demand) • Everybody likes paper;-) www.blurb.com www.smogdog.com | Hans Gerhard Meier | 2011
  • 24. www.airtightinteractive.com www.flickr.com Portfolio served Peronal Vs Template www.wordpress.org Personal 100% you and your skills Uniqe = more work! Template Easy setup Knowledge = Uniqe www.carbonmade.com & Tumbler, Posterous, Indexhibit, Prevue, Behance, more… www.smogdog.com | Hans Gerhard Meier | 2011
  • 25. Advanced <HTML> + CSS Personal Default Easy www.smogdog.com | Hans Gerhard Meier | 2011
  • 26. Wordpress Tumblr HTML Flash Indexhibit Virb Cargo Free SEO Hosted* Blog Mobile** Simple Yes No Yes/no *Hosted meaning, no need for ftp access **Based on HTML is standared for all mobile devices www.smogdog.com | Hans Gerhard Meier | 2011
  • 27. Make, sell, share • New possibilities • Control the service ponoko.com shapeways.com instructables.com www.smogdog.com | Hans Gerhard Meier | 2011
  • 28. Blog Vs Portfolio Blog = daily activity, process Portfolio = presentation of selected work www.smogdog.com | Hans Gerhard Meier | 2011
  • 29. Digital portfolio 1. Collect 2. Evaluate 3. Layout 4. Finnish • Documenting • Photo www.smogdog.com | Hans Gerhard Meier | 2011
  • 30. Delivery • Digital portfolio • minimum 5 projects • 1 personal project • Strategy • Blogg www.smogdog.com | Hans Gerhard Meier | 2011
  • 31. Case study www.cityant.net www.smogdog.com | Hans Gerhard Meier | 2011
  • 32. http://www.google.com/analytics www.smogdog.com | Hans Gerhard Meier | 2011
  • 33. 50 Beautiful And Creative Portfolio Designs http://www.behance.net/ www.smogdog.com | Hans Gerhard Meier | 2011
  • 34. E oy ! MOST IMPORTANT, nj IT’S YOUR GREAT WORK! www.smogdog.com | Hans Gerhard Meier | 2011